/* global style sheet */

/***************************************************/

/* undo  default styling of common (X)HTML browsers

 * ------------------------------------------------------------------------- */

/* remove default link styles */

:link,:visited { text-decoration:none;}


/* No list-markers by default - will 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 { font-size:1em; }



/* Remove inconsistent (among browsers) default padding or margin */

html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited  {border:0; }



/* global elements

 * ------------------------------------------------------------------------- */

/* root selectors */ 

body
{
	margin: 0px;
	color: #000;
	background: #4a799c;
	font: normal 11px arial, helvetica, sans-serif;
}

img
{
	border: none;
	margin: 0px;
	padding: 0px;
	/* fix IE adding extra white space: */
	display: block;
}

table
{border-collapse: collapse;}
td
{	vertical-align: top;  border-spacing: 0px; margin: 0px; padding: 0px;}

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

#myflashdiv {
	background: white;
}

/* ---------- decorative ----------  */

.orangebar {height: 5px;width:754px;background-color:#f8ba0e; border-top:1px solid #fff;border-bottom:1px solid #fff;padding:0;margin:0;}
.orangebar2 {height: 2px;width:754px;background-color:#f8ba0e; border-top:1px solid #fff;border-bottom:1px solid #fff;padding:0;margin:0;}
.bluebar {height: 18px;width:754px;background-color:#4a799c;border-bottom:1px solid #fff;padding:0;margin:0;}
.bluebar2 {height: 1px;width:754px;background-color:#4a799c;padding:0;margin:0;}
.dots {background: url("/art/dots.gif") repeat-y;width:10px;}


/* ---------- main blocks ----------  */

#header {background: url("/art/header.gif") no-repeat;width:754px;height:113px;}


#page
{
	width: 754px;
	text-align: left;
	margin: auto;
	border-left: 8px solid #fff;
	border-top: none;
	border-right: 8px solid #fff;
	border-bottom: 3px solid #fff;
	
}

/* ---------- content ---------- */

#content
{
 
	/* background: #201e70; */
	background: #fff;
	font-size: 12px;
}

#content .featureimg
{border-left:2px solid #fff;border-top:2px solid #fff;}

/* this wraps all the template includes in content.jsp to be able to position, pad or margin as needed without affecting the feature image. dd */
#main {margin: 10px 25px 15px 15px;}
#main ul {margin:10px 20px;}
#main li {list-style-image: url("/art/bullet.gif");}

#content #bodyimages
{	float: right; margin-left: 10px; }

#content .bodyimage
{	margin-bottom: 10px; }

#content_spacer
{	width: 100%; height: 30px; min-height: 30px; }

div.imagecaption {float:right;font-size:11px;font-style:italic;color:#666;margin-right:0px;}

/* ----------   ---------- */

.homelink {position:relative;float:left;width:260px;}


table.info
{ border: solid 1px #999; border-collapse: collapse;}
table.info td
{ border: solid 1px #999;  padding: 4px;}

table.banners {width:754px;}

table.banners h1 {font:normal 18px Helvetica, arial, sans-serif; color: #4a799c;padding: 10px 20px 10px 5px;line-height:110%;}
table.banners p {color:#535353;font:normal 11px Helvetica, arial, sans-serif;margin: 0px 12px 0 5px ;padding-bottom:5px;}
table.banners td img.border {border: 1px solid #45799b;}

img.explore {margin:10px auto;}

/* ---------- events search content ----------- */
/* for the search page content, pulled into the iframe for searches: */
#search_content
{	background: #fff;}

#search_content small
{	font-size: 10px;}

#search_content h1
{	font-size: 18px; color: #201e70; padding: 0px; margin: 0px;}


/* ---------- downloads section ----------- */
#downloads
{ border-top: 1px solid #ccc; margin-top: 5px;}

#content .body #downloads h1
{	font-size: 14px; color: #666; margin-bottom:5px; }

#downloads a
{	color: #666; }

#downloads .download
{	padding: 10px; width: 120px; height: 40px;}



/* ---------- footer ---------- */
#footer
{
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding-top: 10px;
}
#footer a:link, #footer a:visited
{	text-decoration: none;	color: #fff;}
#footer a:hover
{	text-decoration: underline;}

#footerinfo
{
	text-align: center;
	color: #fff;
	font-size: 10px;
	padding-top: 10px;
}
#footerinfo a:link, #footerinfo a:visited
{	text-decoration: none;	color: #fff;}
#footerinfo a:hover
{	text-decoration: underline;}

/* ---------- submenu ---------- */

td.subnav_cell {
	width: 150px;
	background: #6ab9d7;
}

td.subnav_cell h1 a {
	color: #fff;
	padding: 6px 10px;
	font-size: 12px;
	text-transform:uppercase;
	background-color:#3f6782;
	display:block;
	text-decoration:none;
}

td.subnav_cell ul
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style: none;
	background: #d7d7eb;
	border-top: 1px solid #fff;
}

td.subnav_cell ul li
{
	background: #45799b;
	height: 100%;	
}

td.subnav_cell ul li a
{
	display: block;
	text-decoration: none;
	border-collapse: collapse;
	border-bottom: 1px solid #fff;
	padding: 5px 5px;
	margin: 0px;
	color:#fff;
}

td.subnav_cell ul li.current a
{
	background: #3f6782;
}

td.subnav_cell li a:link,
td.subnav_cell li a:visited
{	color: #fff; }

td.subnav_cell li a:hover
{	background: #3f6782; color: #fff; }




/* ----   old submenu ------ */

#submenu
{	width: 150px;    	}

#submenu h1 a
{
	color: #fff;
	padding: 6px 10px;
	font-size: 12px;
	text-transform:uppercase;
	background-color:#3f6782;
	display:block;
	text-decoration:none;
	 
}

#submenu ul
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style: none;
	background: #d7d7eb;
	border-top: 1px solid #fff;
}

#submenu li
{
	background: #45799b;
	height: 100%;	
}

#submenu li a
{
	display: block;
	text-decoration: none;
	border-collapse: collapse;
	border-bottom: 1px solid #fff;
	 
	padding: 5px 5px;
	margin: 0px;
	color:#fff;
}

#submenu li a:link,
#submenu li a:visited
{	color: #fff; }

#submenu li a:hover
{	background: #3f6782; color: #fff; }

#submenu li a.current_page
{	background: #3f6782; color: #fff; font-weight: normal; }




/* ---------- search ---------- */
#searchform
{color:#4a799c;font-weight:bold;float: right; padding-top: 40px;}

#searchform .image
{	margin-bottom: -5px; }

#search_events
{	text-align: right; }
/* top nav */



#quicklinks { padding-top: 5px;font-weight:bold;color:#858686;}
#quicklinks ul li {display:inline;}
#quicklinks li a {font-size:10px!important;font-size:9px; text-decoration:none;text-transform:uppercase;padding:2px 5px!important;padding:2px 2px}
#quicklinks li a:hover {text-decoration:underline;}


/**************************************
    New drop-down primary nav menus
**************************************/
#topnav .sections { 
	/* background:url("/art/nav.gif") 0px -28px no-repeat; */
	width:754px;
	height:28px;
	position:relative;
	display: block;
	border-top: 1px solid white;
}

#topnav .sections li.section {
	display:block;
	position: relative;
	list-style: none;
	float: left;
	padding-top: 0px;
	border-right: 1px solid white;
}

#topnav .sections li#section_development {
	background-color: #B0D121;
}

#topnav .sections li#section_resources {
	background-color: #F5B900;
}

#topnav .sections li.section a {
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	display: block;
	position:relative;
	list-style: none;
	float: left;
	width: 149px;
	height: 11px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 6px;
	padding-top: 11px;
}

#topnav .sections li#section_culture {
	border-right: none;
}

#topnav .sections li.over, #topnav .sections li.section:hover { 
	background: transparent url(/art/nav-hover.gif) 0px 0px no-repeat;
}

#topnav .sections li.section ul { display:none; }
#topnav .sections li.section:hover ul, 
#topnav .sections li.over ul { display:block; }

#topnav .sections li.section ul { 
	position: absolute;
	top:26px;
	left:-1px;
	padding:0px;
	margin:0px;
	width:139px;
}

#topnav .sections li.last ul {
	width: 144px;
}

#topnav .sections li.section ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

#topnav .sections li.section ul li a {
	color:#FFF;
	background: #4C799C;
	border: 1px solid white;
	border-bottom: none;
	margin:0px;
	padding:5px;
	display:block;
	width:100%;
	height: auto;
	text-transform: none;
	text-align: left;
}


#topnav .sections li.section ul li.last a {
	border-bottom: 1px solid white;
}

#topnav .sections li.section ul li a:hover {
	background: #3f6782;
}

#topnav .sections li.section ul li.current a {
	background: #3f6782;
}

#topnav .sections li a:hover {
	background: transparent url(/art/nav-hover.gif) 0px 0px no-repeat;
}

#topnav .sections li.current {
	background: transparent url(/art/nav-hover.gif) 0px 0px no-repeat;
}





/***************************************
horizontal navigation -  css rollovers
uses positioning and visibility to roll.
****************************************/

#nav {}

#nav {
	background:url("/art/nav.gif") no-repeat;
	width:754px;
	height:28px;
	position:relative;
	top:0px;
	border-top: solid 1px #fff;
}

#nav ul { }
#nav li { position:absolute; top: 0;}
#nav li   { height:28px; display:block;}
#nav a { 
	height:28px;
	display:block; color:#fff;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	padding-top:14px;
	text-align:center;
}
/*#nav span {display:none;} uncomment this if you are using all graphics and wish to be accessible, wrap the text link in the span tag */


#nav-01 { width:150px; left:0px; }
#nav-02 { width:150px; left:151px; }
#nav-03 { width:150px; left:301px; }
#nav-04 { width:150px; left:451px; }
#nav-05 { width:150px; left:602px; }
#nav-06 { width:150px; left:628px; }

#nav-01 a:hover { background: transparent url(/art/nav.gif) -0px -28px no-repeat; }
#nav-02 a:hover { background: transparent url(/art/nav.gif) -151px -28px no-repeat; }
#nav-03 a:hover { background: transparent url(/art/nav.gif) -301px -28px no-repeat; }
#nav-04 a:hover { background: transparent url(/art/nav.gif) -451px -28px no-repeat; }
#nav-05 a:hover { background: transparent url(/art/nav.gif) -602px -28px no-repeat; }
#nav-06 a:hover { background: transparent url(/art/nav.gif) -628px -28px no-repeat; }

#nav-01 a.current1:link, a.current1:active, a.current1:visited, a.current1:hover
{ background: transparent url(/art/nav.gif) 0px -28px no-repeat; }

#nav-02 a.current2:link, a.current2:active, a.current2:visited, a.current2:hover
{ background: transparent url(/art/nav.gif) -151px -28px no-repeat; }

#nav-03 a.current3:link, a.current3:active, a.current3:visited, a.current3:hover
{ background: transparent url(/art/nav.gif) -301px -28px no-repeat; }

#nav-04 a.current4:link, a.current4:active, a.current4:visited, a.current4:hover
{ background: transparent url(/art/nav.gif) -451px -28px no-repeat; }

#nav-05 a.current5:link, a.current5:active, a.current5:visited, a.current5:hover
{ background: transparent url(/art/nav.gif) -602px -28px no-repeat; }

#nav-06 a.current6:link, a.current6:active, a.current6:visited, a.current6:hover
{ background: transparent url(/art/nav.gif) -628px -28px no-repeat; }

.newsletter_nav a, .newsletter_nav a:link, .newsletter_nav a:active, .newsletter_nav a:visited 

{ color: #4a799c; }


/* ---------- main nav 
.nav
{
	text-align: center;
	font-size: 10px;
	background: url("/art/redbg.jpg") top left repeat-x;
	color: #fff;
	font-weight: bold;
	border: 1px #006 solid;
	padding: 2px 0px;
}

.nav table
{
	margin-left: auto; margin-right: auto; width: 90%;
}

.nav td
{
	vertical-align: middle; text-align: center;
}

.nav a
{
	color: #fff;
	text-decoration: none;
}

.nav a:hover
{
	text-decoration: underline;
}

---------- */
 

#footer {background-color:#4a799c;width:754px;} 
#footer ul {text-align:center;list-style-type: none;font-weight: normal;margin: 0px; 
			 padding: 0 0 6px 0;font-family: arial, sans-serif;
			border-bottom: 4px solid #fff;}
#footer ul li {color:#ffffff;display: inline;text-transform:uppercase;padding: 0 4px;margin:0;}
#footer ul li a {color:#fff;text-decoration:none;}
#footer ul li  a:hover {text-decoration:underline;}

#footer p {margin:auto;font-size:9px;text-align:center;padding: 10px; }
#footer a	{font-size:9px;color:#B0CBEB;text-decoration:none;}
#footer a:hover  {text-decoration:underline;}



/* ---------- right bar ---------- */


.titlebar
{
	background: url("/art/redbg.jpg") top left repeat-x;
	height: 13px;
	color: #fff;
	padding-top: 1px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
}

.titlebar h1
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


/* ---------- GENERAL ---------- */
.left
{ 	float: left; }

.right
{	float: right; }

.tight
{	display: block; margin: 0px; padding: 0px; }

.alignright
{	text-align: right; }

.clear
{	clear: both; }

.fill
{	height: 50px; }

.content_img
{	float: right; margin: 0px 0px 4px 4px; display: inline; }


/* ---------- CONTENT BODY ---------- */
/* styles used in the content body of the site */
/* these should be replicated in the contentbody.css without the #content .body selector for use in the wysiwyg editor */
#content .body
{
	background: #fff;
	width: 600px;
	 
	line-height:140%;
	min-height: 400px;
	 
}

/**************************
Newsletter
***************************/
/* submenu1 */
#submenunewsletter {
	text-align: left;
	background: #3a4d36;
	border-left:1px solid white;
	border-right:1px solid white;
	width:165px;
	margin-left:26px;
}

html>body #submenunewsletter {
	margin-left:6px;
}

#submenunewsletter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top:1px solid white;
}

#submenunewsletter li {
	background: #5b7a56;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #fff;
	text-align: left;
}

#submenunewsletter li a:link, #submenunewsletter li a:visited {
	font: normal 11px  helvetica, arial sans-serif;
	padding: 8px 8px;
	color: #fff;
	text-decoration: none;
	display: block;
	letter-spacing: 1px;
	background: #5b7a56;
	height: 100%;
}

#submenunewsletter li a:hover {
	color: #fff;
	text-decoration: none;
	background: #7b9a76;
}

#submenunewsletter li.current_page a {
	background: #7b9a76;
	text-decoration: none;
}

#submenunewsletter h1 {
	color: #fff;
	padding: 5px;
	padding-bottom:20px;
	font-size: 14px;
	font-weight: normal;
}

#bordernewsletter {
	width: 760px;
	margin: auto 0px;
	background: url("/art/borderBG_newsletter.gif") repeat-y top;
}

#bordernewsletter {
	width: 760px;
	margin: auto 0px;
	background: url("/art/borderBG_newsletter.gif") repeat-y top;
}

#bodyheader {
	width:604px;
	background: white;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border:none;
}

#bodyheader label, #bodyheader a:link, #bodyheader a:visited {
	color: #B6D226;
	font-weight: bold;
}

#bodyheader h1 {
	color:#3a4d36;
	padding: 6px;
	font-size:18px;
	font-weight:bold;
	height:100%;
	display:block;
}

#bodyheader .navbar {
	background: #8EB2D6;
	width: 604px;
	padding: 0px;
	margin: 0px;
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	height: 20px;
	border-collapse:collapse;
	text-decoration: none;
}

#bodyheader td {
	vertical-align: middle;
}

#bodyheader .navitem {
	border-right:#fff 1px solid;
	text-align: center;
	white-space:nowrap;
	color: #fff;
	background: #3979B6;
	text-decoration: none;
}

#bodyheader .navfill {
	width: 90%;
}

#bodyheader .navitem a { 
	display:block;
	padding:3px 10px;
	margin:0px;
	color:#fff;
	text-decoration: none;
}

#bodyheader .navitem a:hover {
	background: #8EB2D6; 
}

#submenu1 h1 {
	color: #fff;
	padding: 5px;
	padding-bottom:20px;
	font-size: 14px;
	font-weight: normal; 
}