/* CSS Document */

/* 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 { font-size:3em; text-align: center; }
h2 { font-size:2em; }
h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* 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,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {
	border-style: solid;
	border:0;
	}
	
a { color: #fff; text-decoration: underline; }
a:active { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }


body { margin: 0 auto; padding: 0; background-color: #000; color: #757575; font-size:14px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-align: left; background-image:url(images/bg.jpg); background-position:top; background-repeat:no-repeat;}
.container { width:950px; margin: 0 auto; background-position: 50% 0; position: absolute; left: 150px; top: 0px;}

/* ********************************************************************************************************************************************************************** INDEX */


/* ------------------------ header for index page only --------------------------- */
#header { width: 950px; height: 170px; float: left; margin: 0; padding: 0;}
	.logo{ width: 350px; margin-left: 0px; float:left; height: 170px; }
	.ad{ width: 600px; margin-left: 0px; float:left; height:170px; }

#top-nav { background-image:url(images/top-nav.jpg); background-repeat:no-repeat; width: 950px; height: 57px; margin: 0; padding: 0; float:left; }

#top-nav span { display: none; } 

#top-nav li, #top-nav a { height: 57px; display: block; }

#top-nav li { float: left; list-style: none; padding: 0; }

#top-nav-01 { background:url(images/top-nav.jpg) 0px 0px no-repeat; width: 88px; margin: 0px;}
#top-nav-02 { width: 121px; margin: 0px; }
#top-nav-03 { width: 192px; margin: 0px; }
#top-nav-04 { width: 102px; margin: 0px; }	
#top-nav-05 { width: 94px; margin: 0px; }
#top-nav-06 { width: 82px; margin: 0px; }
#top-nav-07 { width: 151px; margin: 0px; }
#top-nav-08 { width: 120px; margin: 0px; }

#top-nav-01 a:hover { background:url(images/top-nav.jpg) -0px -57px no-repeat; }
#top-nav-02 a:hover { background:url(images/top-nav.jpg) -88px -57px no-repeat; }
#top-nav-03 a:hover { background:url(images/top-nav.jpg) -209px -57px no-repeat; }
#top-nav-04 a:hover { background:url(images/top-nav.jpg) -401px -57px no-repeat; }
#top-nav-05 a:hover { background:url(images/top-nav.jpg) -503px -57px no-repeat; }
#top-nav-06 a:hover { background:url(images/top-nav.jpg) -597px -57px no-repeat; }
#top-nav-07 a:hover { background:url(images/top-nav.jpg) -679px -57px no-repeat; }
#top-nav-08 a:hover { background:url(images/top-nav.jpg) -830px -57px no-repeat; }

#welcome { width: 950px; height: 136px; float: left; margin: 0; padding: 0; background-image:url(images/welcome.jpg);}

.divider { width: 950px; height: 20px; float: left; margin: 0; padding: 0; background-image:url(images/divider.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFF;}

#main-body { width: 950px; height: auto; float: left; margin: 0; padding: 0; background-color:#FFF; text-align:center;}

#bottom-banner { width: 950px; height: 99px; float: left; margin: 0; padding: 0; background-color:#FFF;}
	
#btm-nav { background-image:url(images/btm-nav.jpg); background-repeat:no-repeat; width: 950px; height: 57px; margin: 0; padding: 0; float:left; }

#btm-nav span { display: none; } 

#btm-nav li, #btm-nav a { height: 57px; display: block; }

#btm-nav li { float: left; list-style: none; padding: 0; }

#btm-nav-01 { background:url(images/btm-nav.jpg) 0px 0px no-repeat; width: 88px; margin: 0px;}
#btm-nav-02 { width: 121px; margin: 0px; }
#btm-nav-03 { width: 192px; margin: 0px; }
#btm-nav-04 { width: 102px; margin: 0px; }	
#btm-nav-05 { width: 94px; margin: 0px; }
#btm-nav-06 { width: 82px; margin: 0px; }
#btm-nav-07 { width: 151px; margin: 0px; }
#btm-nav-08 { width: 120px; margin: 0px; }

#btm-nav-01 a:hover { background:url(images/btm-nav.jpg) -0px -57px no-repeat; }
#btm-nav-02 a:hover { background:url(images/btm-nav.jpg) -88px -57px no-repeat; }
#btm-nav-03 a:hover { background:url(images/btm-nav.jpg) -209px -57px no-repeat; }
#btm-nav-04 a:hover { background:url(images/btm-nav.jpg) -401px -57px no-repeat; }
#btm-nav-05 a:hover { background:url(images/btm-nav.jpg) -503px -57px no-repeat; }
#btm-nav-06 a:hover { background:url(images/btm-nav.jpg) -597px -57px no-repeat; }
#btm-nav-07 a:hover { background:url(images/btm-nav.jpg) -679px -57px no-repeat; }
#btm-nav-08 a:hover { background:url(images/btm-nav.jpg) -830px -57px no-repeat; }	
	
#footer { width: 800px; height: 75px; float: left; margin: 0; padding: 0; text-align:center;}
		
/** FONTS **/

p.welcom-title { font-size:24px; font-weight:normal; margin: 15px 25px;}
p.welcome { font-weight:normal; margin: 0px 25px;}

p.copyright {  font-size:12px;  text-align:center; color:#FFF; }
p.copyright a { color:#FFF; text-decoration:underline; }
p.copyright a:hover { color:#eb266b; text-decoration:underline; }


/** IMAGES **/

.top-banner-border {border:1px solid #666; clear: both; margin: 40px 0px;}
.logo-border {border:0px solid #666; clear: both; margin: 20px 0px;}