/* TYPE */
body { font-size: 12px; line-height: 135%; font-family: "Helventica, Arial, sans-serif", Arial, Verdana, sans-serif; background-color: #fff; color: #4f4f4f; }

/* GENERIC - USED THROUGHOUT ALL SECTIONS */

.body {
	font-family: Georgia, Times, serif;
	}

img {
	display: block;
	border: none;
}

.err {
	color: #ff0000;
}

.blue {
	color: #38a4dc;
	}
	
a:link {
	color: #38a4dc;
	text-decoration: none;
	}
	
a:visited {
	color: #38a4dc;
	text-decoration: none;
	}
	
a:hover {
	color: #38a4dc;
	text-decoration: underline;
	}
	
a:active {
	color: #ffe800;
	text-decoration: underline;
	}
	
#leftnav {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	text-align: left; 
	list-style: none; 
	font-size: 15px;
	}
	
#leftnav li {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	display: block;
	border-top: 1px solid #cccccc;
	}

#leftnav li a, #leftnav li a:visited {
	color: #4f4f4f;
	display: block;
    margin: 0px 0px 0px 0px; 
	padding: 6px 25px 6px 25px;
	}
	
#leftnav li a:hover {
	background: #aaaaaa;
	color: #FFFFFF;
    margin: 0px 0px 0px 0px; 
	padding: 6px 25px 6px 25px;
	text-decoration: none;
	}
	
	
#ticker a, #ticker a:visited {
	color: #38a4dc;
	text-decoration: none;
	}
	
#ticker a:hover {
	color: #38a4dc;
	text-decoration: underline;
	}
	
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
	

/* FOOTER */


	 
#footer_content {
	 width: 675px;
	 text-align: center;
	 margin-top: 0px;
	 margin-bottom: 5px;
	 font-size: 10px;
	 text-transform: uppercase;
	 color: #4f4f4f;
	 float: left;
	 line-height: 170%;
	 padding-bottom: 25px;
	 background: url('/images/cclogos.gif') center bottom no-repeat;
	}

#footer_image_left {
	float: left;
	height: 64px;
	width: 55px;
	background: #e1e1e1 url('/images/logo-left.jpg') left center no-repeat;
	}
	
#footer_image_right {
	float: left;
	height: 64px;
	width: 64px;
	background: url('/images/logo-right.gif') right center no-repeat;
	}
	
#footer_content a:link {
	color: #4f4f4f;
	text-decoration: none;
	}

#footer_content a:visited {
	color: #4f4f4f;
	text-decoration: none;
	}
	
#footer_content a:hover {
	color: #38a4dc;
	text-decoration: underline;
	}
	
	
	
	
	


/* Rounded corners */

.rounded-corners .corner {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: url('/images/corner.png');
	background-repeat: 0;
	overflow: hidden;
	z-index: 999;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/rounded-corners-10px.png'); */
}
.rounded-corners .top-left { background-position: 0 0; }
.rounded-corners .top-right { background-position: -5px 0; }
.rounded-corners .bottom-left { background-position: 0 -5px; }
.rounded-corners .bottom-right { background-position: -5px -5px; }

.rounded-corners .top-left, .rounded-corners .top-right { top: 0px; }
.rounded-corners .bottom-left, .rounded-corners .bottom-right { bottom: 0px; }
.rounded-corners .top-left, .rounded-corners .bottom-left { left: 0px; }
.rounded-corners .top-right, .rounded-corners .bottom-right { right: 0px; }

#main .rounded-corners .top-left, #main .rounded-corners .top-right { top: -1px; }
#main .rounded-corners .bottom-left, #main .rounded-corners .bottom-right { bottom: -1px; }
#main .rounded-corners .top-left, #main .rounded-corners .bottom-left { left: -1px; }
#main .rounded-corners .top-right, #main .rounded-corners .bottom-right { right: -1px; }




	
	
	
	
	
	
	
	
	
ul.topnav {  
    list-style: none;  
    padding: 0 0 0 0;  
    margin: 0;  
    float: left;    
    font-size: 1.2em;   
    text-align: left;
    height: 35px;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a.navlink {  
    padding: 8px 5px;   
    display: block;  
    text-decoration: none;  
    float: left;  
    color: #4f4f4f; 
}  
ul.topnav li a.navlink:hover {  
    background: url('/images/topnav_hover.gif') no-repeat center top;  
}

ul.topnav li a.selected { 
	padding: 8px 5px;   
    display: block;  
    text-decoration: none;  
    float: left;  
    color: #4f4f4f; font-weight: bold;
    background: url('/images/topnav_hover.gif') no-repeat center top;  
}  

ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 12px;  
    height: 35px;  
    float: left;  
    background: url('/images/droparrow.gif') no-repeat center center;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;
    z-index: 2147483646;
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;
    overflow: hidden;
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 130%; 
    background: #333 url('/images/dropdown_linkbg.gif') no-repeat 10px center;  
    padding-left: 23px;
    color: #fff; 
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url('/images/dropdown_linkbg.gif') no-repeat 10px center;  
}	





/* Easy Slider */
	#slider{ clear: both;  }
	#slider ul, #slider li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 588px;
		height: 360px;
		overflow: hidden; 
}
		
	span#prevBtn a {
	border: 1px solid #eaeaea;
	padding: 2px 6px 2px 6px;
	display: block;
	float: left;
	background-color: #ffffff;
	
}
	span#nextBtn a {
	border: 1px solid #eaeaea;
	padding: 2px 6px 2px 6px;
	display: block;
	float: left;
	background-color: #ffffff;
	
}	


	span#prevBtn a:hover {
	background-color: #38a4dc; color: #ffffff;
	
}
	span#nextBtn a:hover {
	background-color: #38a4dc; color: #ffffff;
	
}	





	#slider li.newsletter { 
		width: 587px;
		height: 720px;
		overflow: hidden; 
}

#slider li.newsletter a img { 

width: 518px; height: 670px; display: block; overflow: hidden; border: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;

}

/* // Easy Slider */





#quickbox {
	list-style: none; 
	padding: 13px 12px 13px 24px; 
	margin: 0px 0px 0px 0px;
	text-indent: -12px;
	line-height: 18px;
}

#quickbox li {
	padding-top: 6px;
}

#quickbox li span {
	font-weight: bold; 
	color: #38a4dc;
}

#quickbox li a {
	color: #4f4f4f;
	text-decoration: none;
}

#quickbox li a:visited {
	color: #666666;
	text-decoration: none;
}

#quickbox li a:hover {
	color: #38a4dc;
	text-decoration: underline;
}

#quickbox li a:active {
	color: #ffe800;
	text-decoration: underline;
	}
	





#left_content {
	float: left;
	padding-bottom: 16px;
}

#more_padding {
	padding-left: 20px;
	padding-right: 20px;

}

#sublinkbox {
	padding-left: 20px;
	padding-right: 20px;
	clear: both;

}

#left_content #more_padding h1 {
	font-size: 25px;
	line-height: 120%;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

#left_content #more_padding p {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

#left_content #more_padding ol, #left_content #more_padding ul {
	padding: 0px 0px 20px 46px;
	margin: 0px 0px 0px 0px;
}

#left_content #more_padding ol li, #left_content #more_padding ul li {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #d7cf00;
}

#left_content #more_padding ol li p, #left_content #more_padding ul li p {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #4f4f4f;
}

#left_content #more_padding ol li p.bold, #left_content #more_padding ul li p.bold {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #4f4f4f;
}

#left_content #more_padding p.more_info {
	font-weight: bold;
	padding-bottom: 5px;
}

#left_content #more_padding span.bold {
	font-weight: bold;
}

#left_content #more_padding p.attention {
	font-weight: bold;
	padding-bottom: 5px;
	color: #38a4dc;
	font-size: 17px;
	line-height: 135%;
}

#left_content #more_padding p.attention2 {
	padding-bottom: 5px;
	font-size: 17px;
}

#left_content #more_padding span.attention2 {
	font-size: 17px;
	color: #4f4f4f;
}

#left_content ul.more_info_box {
	margin: 0px 0px 0px 0px; 
	padding: 5px 13px 13px 21px;
	list-style: none;
	text-indent: -9px;
}

#left_content ul.more_info_box li {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #d7cf00;
}

#left_content ul.more_info_box li a {
	color: #38a4dc;
}



a.tooltip {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration: none;
    }

a.tooltip:hover {
	z-index: 25;
	background-color:#fff99b;
}

a.tooltip span{display: none}

a.tooltip:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 1.5em;
    left: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 9px;
    padding-right: 9px;
    border: 1px solid #cccccc;
    background-color:#ffffff;
    color:#333333;
    text-align: left;
    font-size: 10px;
    line-height: normal;
    width: 300px;
    }
   
 h2.subheader {
 	padding-top: 5px;
 	margin-top: 0px;
 	color: #38a4dc;
 }
 

#highlight a.yellowbg {
	display: block; text-decoration: none; padding: 16px 15px 0px 0px;
	border-top: 1px solid #eeeeee;
}

 
#highlight a.yellowbg:hover {
 	background: url('/images/yellowgradient.gif') top right repeat-y;  
 }
 
 
 #highlight p {
	color: #4f4f4f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
 
 
div.yellowbg {
		display: block; text-decoration: none; padding: 16px 15px 0px 0px;
	border-top: 1px solid #eeeeee;
	}
 
 /* graybgs */

.graybgs {
	
}

.graybgs div.bggg {
	background: url('/images/home/fadebg.gif') top left repeat-x;
	display: block;
	text-decoration: none;
	cursor: hand; cursor: pointer;
}

.graybgs div.bggg:hover {
	background: url('/images/home/fadebgblue.gif') top left repeat-x;
	display: block;
	text-decoration: none;
	cursor: hand; cursor: pointer;
}

.graybgs a {
	text-decoration: none;
	display: block;
	text-decoration: none;
	cursor: hand; cursor: pointer;
	}
	
.graybgs a:hover {
	text-decoration: none;
	display: block;
	text-decoration: none;
	cursor: hand; cursor: pointer;
	}

.morelong {
	background: url('/images/morebglong.gif') 0 0 no-repeat; text-align: center; margin-top: 10px; margin-bottom: 1px; height: 17px; overflow: hidden; font-weight: bold; padding-left: 10px; clear: both;
}

.morelong a {
	display: block; background: #ffffff url('/images/morebglong.gif') top right no-repeat; padding-right: 10px; padding-bottom: 3px; padding-top: 1px; 
}