/* On Screen style sheet for Dancey web site */

body 
{font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../../images/background.gif)}

#tngwrap
{background:#faf0e6;
margin-top:0px;
padding-left:12px;
padding-right:12px}

#header 
{background:#e0e0f7;
position:relative;
top:0px;
margin: 0px;
border:1px solid #e0e0f7;
border-top:1px solid #e0e0f7;
border-right: 1px solid #c0c0c0; 
border-bottom: 1px solid #c0c0c0;
padding:0px;
height:90px}

#header h1
{color:#333366;
text-align:center;
margin-top:1.1em;
font-size: 2.2em;
font-weight:700;
white-space:nowrap;}

#logo1 
{position:absolute;
left:2px;
top:0px;
margin:0px;
border:0px}

#logo2
{position:absolute;
right:2px;
top:0px;
margin:0px;
border:0px}

#topmenu
{font-family: Verdana, Arial, sans-serif;
font-weight: 800;
position:relative;
top:-18px;
text-align: right;
padding-top: 2em;
padding-bottom: 2em}
 
#topmenu a:link, #topmenu a:visited
{color: #333399;
text-decoration: none;
background: #e0e0f7; 
margin-left:2px;
border-left:1px solid #e0e0f7;
border-top:1px solid #e0e0f7;
border-right: 1px solid #777777; 
border-bottom: 1px solid #777777;
padding-top: .3em;
padding-bottom: .3em;
padding-left: .8em;
padding-right: .8em }
 
#topmenu a:hover
{color: #e0e0f7;
background: #333366; 
margin-left:2px;
border-left:1px solid #2f2f2f;
border-top:1px solid #2f2f2f;
border-right: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff;
text-decoration: none;
padding-top: .3em;
padding-bottom: .3em;
padding-left: .8em;
padding-right: .8em }

#sidemenu 
{clear: left;
float: left;
width: 150px;
margin: 0px 0px 10px 0px;
padding-top: 2px;
font-size: 0.9em}

#sidemenu ul 
{list-style: none;
width: 150px;
margin: 0px 0px 20px 0px;
padding: 0px;
font-size: 1.1em}	

#sidemenu li 
{margin-bottom: 4px}

#sidemenu li a 
{font-weight: 800;
text-decoration: none;
color: #333399;
display: block;
background: #e0e0f7;
border-left:1px solid #e0e0f7;
border-top:1px solid #e0e0f7;
border-right: 1px solid #777777; 
border-bottom: 1px solid #777777;
padding: 4px 0px 0px 10px;
height: 20px}	
	
#sidemenu li a:hover 
{font-weight: 800;
text-decoration: none;
color: #e0e0f7;
display: block;
background: #333366;
border-left:1px solid #2f2f2f;
border-top:1px solid #2f2f2f;
border-right: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff;
padding: 4px 0px 0px 12px;
height: 20px}
 
#content 
{background:#faf0e6;
text-align: left;
line-height: 1.6em;
margin-top:0px;
margin-left:160px;
border:1px solid #e0e0f7;
padding-left:12px;
padding-top:10px;
padding-right:12px;
padding-bottom:12px;
vertical-align:top}

.announce 
{background-color: #faf0e6;
line-height: 1.3e;
margin: 10px 0 10px 0;
border:1px solid #e0e0f7;
padding: 10px;
width: 130px;
color: #000000}

#content h2 
{font-size: 1.5em;
margin: 0em 0em 0.5em 0em}

h3 
{font-size: 1.3em;
margin: 0 0 10px 0}

a 
{text-decoration: none;
color: #286ea0}

a:hover 
{text-decoration: underline;
color: #286ea0}

a img 
{border: 0}

#footer 
{color: #808080;
font-size: 0.9em;
clear: both;
text-align: center;
margin: 0 auto;
padding: 25px;
padding-bottom:12px;
width: 760px}

#footer a 
{color: #808080;
text-decoration: none}

#footer a:hover 
{text-decoration: underline}

.left 
{margin: 10px 10px 5px 0;
float: left}

.right 
{margin: 10px 0 5px 10px;
float: right}

.textright 
{text-align: right}

.center 
{text-align: center}

.small 
{font-size: 0.8em}

.bold 
{font-weight: 800}

.hide 
{display: none}