/* CSS Document */




/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#000000 url(../images/bg_body.jpg) repeat-x top right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff;}

a:link, a:visited {color:#D3D3D3; text-decoration: none}
a:hover {color:#D3D3D3; text-decoration:underline}

p { color:#D3D3D3; line-height:1.3em}


/*
---------------------------------------------
02. top shadow
---------------------------------------------
*/


#topshadow { width:100%; background:url(../images/topshadow.jpg) no-repeat top center; float:left; margin-top:-15px}


/*
---------------------------------------------
03. container and wrapper
---------------------------------------------
*/

#container { width:998px; margin:0 auto}

#wrapper { width:998px; float:left; background:url(../images/bg_wrapper.jpg) repeat-y top center; padding-bottom:20px }


/*
---------------------------------------------
04. content
---------------------------------------------
*/


#content { width:947px; float:left; background:url(../images/bg_content.jpg) no-repeat top center; padding-top:40px; padding-left:28px; padding-right:23px}


/*
---------------------------------------------
05. header
---------------------------------------------
*/


#header { width:946px; height:91px; float:left}


/*
---------------------------------------------
05.1 header - logo
---------------------------------------------
*/


#logo { width:325px; float:left; padding-top:4px}


/*
---------------------------------------------
05.2 header - search
---------------------------------------------
*/


#search { width:auto; float:right; padding-top:38px}

#search ul { width:auto; float:right;}
#search ul li {width:auto; height:21px; float:right; background:url(../images/divider.gif) no-repeat right center; padding-left:4px; padding-right:4px}
#search ul li.nodivider {width:auto;  background:none}
#search .searchInput { width:136px; height:17px; border:none; float:right; background:url(../images/bg_input.jpg) no-repeat; padding-left:3px; padding-right:3px; padding-top:2px}
#search .searchButton { width:auto; float:right; font-size:11px; text-transform:uppercase; color:#B2B2B2; padding-right:10px; padding-top:3px; background: none; border:none}




/*
---------------------------------------------
06. nav
---------------------------------------------
*/


#nav { width:837px; height:34px; float:left; background:url(../images/bg_nav.jpg) no-repeat top left; padding-left:110px; padding-top:1px}


/*
---------------------------------------------
07. banner
---------------------------------------------
*/


#banner { width:944px; float:left; background:url(../images/bg_banner.jpg) no-repeat top left; padding-left:2px; padding-top:2px; margin-top:10px; position:relative;}


/*
---------------------------------------------
08. quick links
---------------------------------------------
*/


#quicklinks { width:946px; float:left; margin-top:15px}

#quicklinks h1 { font-size:18px; color:#E5E5E5; text-transform:uppercase; border-bottom:2px solid #5C5C5C; padding-bottom:4px}
#quicklinks h1 .grey {color:#BBBABA; }


/*
---------------------------------------------
08.1 quick links - im new
---------------------------------------------
*/


#imnew { width:256px; height:252px; float:left; background:url(../images/bg_imnew.jpg) no-repeat top left; padding:17px; margin-right:36px}

#imnew ul { width:256px; float:left; padding-top:20px}
#imnew ul li { width:230px; float:left; background:url(../images/icon_imnew.gif) no-repeat top left; padding-left:23px; color:#ffffff; padding-bottom:27px; font-size:15px}
#imnew ul li a { display:block; color:#ffffff; text-decoration:none}
#imnew ul li a:hover {color:#ffffff; text-decoration: underline}


/*
---------------------------------------------
08.2 quick links - news and events
---------------------------------------------
*/


#newsevents { width:256px; height:252px; float:left; background:url(../images/bg_newsevents.jpg) no-repeat top left; padding:17px; margin-right:35px; position: relative;}

#newsevents ul { width:270px; height:220px; overflow:auto; float:left; padding-top:20px}
#newsevents ul li { width:230px; float:left; background:url(../images/arrow_events.gif) no-repeat top left; padding-left:23px; color:#E0E0E0; padding-bottom:25px; font-size:15px; letter-spacing:-1px; line-height:1.2em}
#newsevents ul li a {color:#00FEFB; text-decoration:none}
#newsevents ul li a:hover {color:#00FEFB; text-decoration: underline}


/*
---------------------------------------------
08.3 quick links - interact
---------------------------------------------
*/


#interact { width:256px; height:252px; float: right; background:url(../images/bg_interact.jpg) no-repeat top left; padding:17px; }
#interact p { color:#FFFFFF; font-size:11px; padding-top:2px; position:relative}
#interact p a { display:block; color:#FFFFFF; text-decoration:none}


#interact .set { width:256px; float:left; margin-top:20px; padding-bottom:10px; padding-left: 10px;}
#interact .icon { width:46px; float:left; padding:0px 16px; text-align:center;}


/*
---------------------------------------------
09. footer styles
---------------------------------------------
*/


#footer { width:947px; float:left; margin-top:10px; padding-left:28px; padding-right:23px; padding-bottom:40px}
#footer p { font-size:14px; color:#626262; position:relative}
#footer p a { text-decoration:none; color:#626262; padding-left:3px; padding-right:3px}
#footer p a:hover { text-decoration: underline; color:#626262}

#footer .links { width:auto; float:left}
#footer .copyright { width:auto; float:right}
#footer .copyright p { text-align:right; font-size:11px}


/*
---------------------------------------------
10. innerpag banner
---------------------------------------------
*/

#banner-inner { width:944px;  float:left; background:url(../images/bg_innerheader.jpg) no-repeat top left; padding-left:2px; padding-top:2px; margin-top:10px; position: relative;}


/*
---------------------------------------------
11. contentbox - left and right expandable
---------------------------------------------
*/


#contentbox { width:946px; height: 150%; float:left; margin-top:15px; background:url(../images/content_boxtop.png) no-repeat top center; }
#contentbox h1 { font-size:20px; color:#BBBABA; text-transform:uppercase; border-bottom:2px solid #5C5C5C; padding-bottom:4px}

#contentbox-bottom { width:946px; height:40px; float:left; background:url(../images/content_box_bottom.png) no-repeat top center}


/*
---------------------------------------------
12. contentbox - left panel
---------------------------------------------
*/


#leftpanel { width:193px; float:left; padding:20px 17px}

#leftpanel ul { width:193px; float:left; padding-top:20px; padding-bottom:120px}
#leftpanel ul li { width:170px; float:left; background:url(../images/icon_imnew.gif) no-repeat top left; padding-left:23px; color:#E0E0E0; padding-bottom:25px; font-size:15px; letter-spacing:-1px; line-height:1.2em}
#leftpanel ul li a { display:block; color:#E0E0E0; text-decoration:none}
#leftpanel ul li a:hover {color:#E0E0E0; text-decoration: underline}


/*
---------------------------------------------
13. contentbox - right panel
---------------------------------------------
*/

#rightpanel { width:657px; float:left; padding:20px 17px; padding-left:34px}
#rightpanel h1 { font-size:18px; color:#E5E5E5; text-transform:uppercase; border-bottom:2px solid #5C5C5C; padding-bottom:4px}
#rightpanel h2 { font-size:15px; color:#E5E5E5; text-transform:uppercase; padding-bottom:4px}
#rightpanel h3 { font-size:12px; color:#E5E5E5; text-transform:uppercase; padding-bottom:4px}
#rightpanel a {color:#E0E0E0; text-decoration:none}
#rightpanel a:hover {color:#E0E0E0; text-decoration: underline}

/* OL/UL */
#rightpanel ol {
	list-style: decimal;
	margin: 0px 20px 10px 10px;
	margin-left: 25px;
	float: left;
}
	#rightpanel ol li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: white;
	}	
		
#rightpanel ul {
	list-style: disc;
	margin: 0 20px 10px 10px;
	float: left;
}
	#rightpanel ul li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: white;
	}	
	
	#rightpanel blockquote {
		margin-left: 25px;
	}
	
	/*  for blog/calendar list items to still have list bullets */	
	.blogList ul li ul, .eventsList ul li ul {margin: 15px 35px !important;}
	     .blogList ul li li, .blogList ul li ul, .eventsList ul li li, .eventsList ul li ul {list-style: square !important;}
	.blogList ol li ul, .eventsList ol li ul {margin: 15px 35px !important;}
	     .blogList ol li li, .blogList ol li ul, .eventsList ol li li, .eventsList ol li ul {list-style: decimal !important;}



#rightpanel .links { width:240px; float:left; position:relative; padding-right:5px;}
 
#rightpanel .links ul { width:240px; float:left; padding-top:5px; padding-bottom:5px}
#rightpanel .links ul li { width:240px; float:left; color:#E0E0E0; padding-bottom:10px; font-size:14px; letter-spacing:-1px; line-height:1.2em}
#rightpanel .links ul li a {color:#E0E0E0; text-decoration:none}
#rightpanel .links ul li a:hover {color:#E0E0E0; text-decoration: underline}

#rightpanel2 { width:895px; background: #fff; float:left; padding:20px 17px; padding-left:34px}


#feature {
width:944px; 
height: 326px;
float:left; 
background:url(../images/bg_banner.jpg) no-repeat top left; 
padding-left:2px; padding-top:2px; 
margin-top:10px; 
position:relative;
	
	}
	
#feature .overflow {
	overflow: hidden;
	}
	
#feature #mySlides {
	width: 2826px;
	height: 322px;
	}
	
#feature .slide {
	width: 942px;
	height: 322px;
	float: left;
	}
	
#feature #myController {
	position: absolute;
	bottom: 10px;
	right: 6px;
	z-index: 10;
	width: 120px;
	height: 34px;
	}

#feature #myController li {
	float: left;
	margin: 0 0 0 5px;
	}
	
#feature #myController li.one a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature1.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.two a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature2.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.three a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature3.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.four a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature4.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.five a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature5.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	

#feature #myController li.three a:hover,
#feature #myController li.two a:hover,
#feature #myController li.one a:hover,
#feature #myController li.jFlowSelected a,
#feature #myController li a.jFlowSelected {
	background-position: 0 0;
	}