/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //---------------->> */

body {margin:10px;padding:0;font-family: Arial, Verdana, Times, sansserif;font-size:15px;line-height:16px;color:#000000;}

p {margin:4px 0 6px 0;}
strong {font-weight:bold;}
em {font-style:italic;}
h1, h2, h3, h4 {font-weight:bold;margin:10px 0 0 0;}
h1 {font-size:26px;}
h2 {font-size:23px;}
h3 {font-size:20px;}
h4 {font-size:17px;}
a:link, a:visited {color:#cc0000;text-decoration:underline;}
a:hover {color:#999999;text-decoration:none;}

/*
a:active {color:#999999;text-decoration:none;}
*/

ul {margin:5px 0 5px 20px;padding:0;list-style-type:disc;}
ol {margin:5px 0 5px 30px;padding:0;list-style-type:decimal;}
ul li, ol li {margin:0 0 4px 0;padding:0;}


/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {margin:0 auto;padding:0;width:1000px;border:2px solid #454545;}



/* << ----------------// Header //---------------->> */
#header {margin:0; padding: 5px 2px; width:990px; height:90px; color: White; background-color: transparent; background-image : url(../graphics/ycn.gif); background-position : right; background-repeat : no-repeat;}


/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {margin:0; padding:0; width:990px; height:30px; line-height:30px; background-color:#004080;}
#navHorizontal ul {margin:0 0 0 5px;padding:0;list-style:none;}
#navHorizontal ul li {margin:0 0 0 -5px;padding:5px 0 5px 0;list-style:none;display:inline;}
#navHorizontal ul li a:link, #navHorizontal ul li a:visited {padding:5px 8px 5px 8px; color:#eeeeee; text-decoration:none; border-right:1px solid #999999;}
#navHorizontal ul li a:hover {color: #454545;text-decoration:none;background-color: #eeeeee;}

/*
#navHorizontal ul li a:active {color: #454545;text-decoration:none;background-color: #eeeeee;}
*/


/* << ----------------// Vertical navigation //---------------->> */

#navVertical {margin:0 -5px 0 -5px; padding:0; width:200px; background-color:#004080;}
#navVertical ul {margin:0 0 0 5px; padding:0; list-style:none;}
#navVertical ul li {margin:0 0 0 -5px; padding:0; list-style:none; border-bottom:1px solid #999999;}
#navVertical ul li a:link, #navVertical ul li a:visited {padding:5.3px 8px 5px 8px;color:#eeeeee;text-decoration:none;display:block;}
#navVertical ul li a:hover {color:#454545;text-decoration:none;background-color:#eeeeee;}

/*
#navVertical ul li a:active {color:#454545;text-decoration:none;background-color:#eeeeee;}
*/




/* << ----------------// Left column //---------------->> */

#columnOne {float:left;	margin:0; padding:0 5px 5px 5px; width:190px; background-color: transparent;}
#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {font-size:12px;}
#columnOne h2, #columnThree h2 {font-size:16px;}


/* << ----------------// Middle column //---------------->> */
#columnTwo {float:left; margin:0; padding:0 5px 5px 5px; width:590px; background-color:#ffffff;}


/* << ----------------// Right column //---------------->> */
#columnThree {float:left; margin:0; padding: 0 5px 5px 2px; width:190px; background-color: #E5E5E5;}




/* << ----------------// Footer1 //---------------->> */

#footer {margin:0;padding:5px 5px 5px 10px;width:985px;height:20px;font-size:10px;color:#cccccc;background-color: #004080;clear:both;}
#footer a:link, #footer a:visited {color:#999999;text-decoration:none;}
#footer a:hover {color:#ffffff;text-decoration:underline;}


/*
#footer a:active {color:#ffffff;text-decoration:underline;}
*/





/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer2 {margin:0 auto;padding:0;width:1000px;border:0px solid #454545;}




/* << ----------------// Footer2 //---------------->> */
#footer2 {margin:0;	padding:5px 5px 5px 10px;width:985px;height:100px; font-size:10px; color:#FFFFFF; background-color: #FFFFFF; clear:both; text-align: center;}
#footer2 a:link, #footer a:visited {color:#999999;text-decoration:none;}
#footer2 a:hover {color:#ffffff;text-decoration:underline;}

/*
#footer2 a:active {color:#ffffff;text-decoration:underline;}
*/


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-table;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:510px;
	margin-left: -22px;
	display: none;
}

/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
	div.rotator ul li img {
	border:1px solid #ccc;
	padding: 1px;
	background: #FFF;
}

    div.rotator ul li.show {
	z-index:500
}