/*
      Created by Countess Leah of countessleah.com	  
*/
/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:13px; }
/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }
/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}
html{
scrollbar-face-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:black;
scrollbar-shadow-color:#8DA4F8;
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
	}	
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(../images/back.gif);
	}
html>body {
	font-size:15px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}
a:link, a:visited {
	color:#8DA4F8;
	}	
a:hover, a:active {
	color:#FFFFFF;
	}
	
#wrapper { 
 margin: 0 auto;
 width: 800px;
}
#header {
 background: #000000;
 width: 800px;
 height: 70px;
 padding-left: 10px;
 padding-right: 10px;
 border: 1px solid #262767;
 margin: 25px 0px 0px 0px;
}
		.CLyear {
	display: block;
	width: 760px;
	height: 70px;
	background: url(../wwc/images/countessyear.jpg) no-repeat;
	background position: top center;
	margin-left: auto ;
	margin-right: auto ;
	}


	
#navigation {
 width: 820px;
 color: #000000;
 
 border: 1px solid #262767;
 margin: 0px 0px 0px 0px;
 background: #000000;
}

/* SPRITE NAVIGATION */
#nav {
	background: url(../images/nav.jpg) top left no-repeat;					
	width: 820px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 46px;		/* Height of entire image */
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 46px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 121px;}
#nav-02 {left: 0px; width: 133px;}
#nav-03 {left: 0px; width: 193px;}
#nav-04 {left: 0px; width: 158px;}
#nav-05 {left: 0px; width: 120px;}
#nav-06 {left: 0px; width: 95px;}


/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url(../images/nav.jpg)  -0px -46px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/nav.jpg) -121px -46px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav.jpg) -254px -46px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav.jpg) -447px -46px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav.jpg) -605px -46px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav.jpg) -725px -46px no-repeat;}


#content { 
 width: 800px;
 color: #FFFFFF;
 border: 1px solid #262767;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
}
#footer { 
 width: 800px;
 font-size: 9px;
 color: #8DA4F8;
 text-align: right;
 border: 1px solid #262767;
 background: #262767;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}