/* BODY SETTING */
body {background-color:#999999; font:83%/1.5 arial,tahoma,verdana,sans-serif; margin-top:0px; height:100%}
h3 {color:#003580; margin:0}
a{color:#003580}
a:link {color:#003580}
a:visited {color:#666666}
a:hover {color:#cbd24c}
a:active {color:#cbd24c}

.message {margin:10px; color:#660000; font-size:11px;}

/*Layout- Wrap*/
#wrap {width: 760px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; padding: 0px; background-color:#FFF; height:100%}

/* LAYOUT - HEADER */
/*background: url(images/header.gif) top no-repeat;*/
#header {width: 750px; height:65px}

/*User status includes login, user options*/
#userstatus {font-size: 11px; padding:3px;color:#003580; background:#fff; margin:2px; _width: 98%;}
#userstatus a, #userstatus a:hover, #userstatus a:visited, #userstatus a:link {color: #003580;}

#userstatus #status {float:right; width:345px; text-align:right;}
#userstatus #status form {margin:0;}
#userstatus #status input {width:5em; height:1.2em;  border:1px solid #003580; vertical-align:baseline}
#userstatus #status input.submit-btn {width:4em;font-size:81%;margin:0 0 -.15em;height:1.9em; vertical-align:baseline}

#userstatus #site {float:left; width:400px;}
#userstatus #site form {margin:0;}
#userstatus #site select {width:auto; _height:2.2em; border:1px solid #003580; vertical-align:baseline;}
#userstatus #site input {width:5em; height:1.2em; border:1px solid #003580; vertical-align:baseline}
#userstatus #site input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.9em; vertical-align:baseline}

#site-name {font: 200% arial;  font-weight:bold; letter-spacing: -.05em; color:#003580;border:none; width:400px; float:left; z-index:1; margin-left:5px}
#site-logo {color:#ccc;border:none; width:400px; float:left; z-index:1; margin-left:5px;}

#site-search{float:right; width:345px; text-align:right;}
#site-search form {margin-right:5px; margin-top:2px}
#site-search input {width:10em; height:1.2em; border:1px solid #003580; vertical-align:baseline}
#site-search input.submit-btn {width:4em;font-size:81%;margin:0 0 -.15em;height:1.9em; vertical-align:baseline}


/*Banner - Middle Banner */
#bannercontainer{width: 748px;	_width: 750; background: #FFF; padding-left: 5px;padding-right: 7px; _padding-right: 5px; height: 180px; margin-top:15px}
*html #banner{padding-right: 2px;}

/* NAV - top horizontal nav */
#navcontainer{width: 748px;height: 30px; margin-top: 15px; _margin-top: 3px; margin-left: 6px; margin-right:6px}


/* NAV - top horizontal nav */
* html #nav {padding-right: 1px;}
#nav, #nav ul {position: relative; margin: 0; padding:0; list-style: none; z-index:1; width:100%; background:#003580;float: left; white-space: nowrap;padding-right: 0px;}
#nav {font: bold 100% arial;}
#nav li {position:relative; float:left; width:auto; _width:auto; display: block;margin: 0; border-right: 1px solid #FFF; padding:2px 8px 2px 8px; background:#003580}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#ffffff;display: block;padding: 4px 5px 2px 5px}
#nav a:hover {color:#e7ed7d}

#nav li ul {border-left: 1px solid #b5ca9f; border-right: 1px solid #b5ca9f; width: auto;font-size:90%;margin-top:2px;position: absolute;font-weight:normal;left: -999em; padding-left: 0px}
#nav li:hover {left: 0;z-index:1; background: #cbd24c}

#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0; z-index:2; padding:0}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#ffffff; padding:4px 5px 2px 5px; width:18em;}
#nav li li a:hover {color:#fff; background:#cbd24c}
#nav li.active {background-color: #cbd24c;}


#content-wrap {width: 750px;background: #FFF;padding:4px; height:100%; _height:100%;}

#utility {width: 195px; margin-top:5px; padding-top:5px; float:left; z-index:1; background-color:#003580;}
#content {margin: 0 23px 40px 210px; height:100%;}
#content #breadcrumb {margin-top:-5px;font-size:90%; color:#003580;}
#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:underline; color:#003580}
#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:undernone; color:#cbd24c;}
#pagebody {padding-top: 10px; font: 86%; line-height:inherit; }

/* SECONDARY NAVIGATION - vertical navigation */
#nav-secondary, #nav-secondary ul {position:static;}
#nav-secondary, #nav-secondary li {list-style: none; margin:0;padding:0;background:#003580}
#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-secondary a {line-height:1.8;padding: 5px 0 5px 10px;background: #fff;font: bold 86% arial;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer; background:#003580;} 
#nav-secondary a:link {color:#ffffff} 
#nav-secondary a:visited {color:#ffffff} 
#nav-secondary a:hover {color:#003580;background: #e7ed7d} 
#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#000; background:#cbd24c} 
#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}


/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0;padding:0}
/*Page Style*/
#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {background: #FFFFFF ;padding:3px 0 3px 15px;font-weight:normal;width:auto;color:#333333;display:block; border-top: 1px solid #ccc}
#nav-secondary li.active li a:hover {background: url("images/bullet.gif") no-repeat 0; background-color:#FFFFFF}
#nav-secondary li.active li {border:none;}

/*active page style*/
#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:active {font-weight:bold; background-color:#e7ed7d; color:#333333;}


/* _border is the fix for stupid IE */
#modulebox{ margin:0; padding:0; text-align:left;}
#moduleboxtable{border: 1px solid #003580}
#moduleboxheader{ font-weight:bold; background-color: #e7ed7d; color: #003580; border:0; text-align:center}

/* LAYOUT - FOOTER */
#footer {width: 748px;text-align:center; background-color:#003580; margin:5px 6px 5px 6px; border-bottom:5px solid #FFF; _border-bottom: 0px; height:60px}
#footer p {text-align: center;font-size: 80%; padding-top:5px; color: #FFFFFF}
#footer p a {color:#FFFFFF}


/*css for the expandpanel */
.expandlink{overflow:hidden;cursor:pointer;}
.expandcontent{	visibility:hidden;overflow:hidden;position:relative;}
#error { color:#990000; font-weight:bold;}

/*css for the login window*/
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #003580;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}

.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

#loginform {width:310px; line-height: 25px; margin-top:20px; color:#003580; margin-left:auto; margin-bottom:10px; margin-right: auto; padding:0}
#loginform a{font-size:10px;}
#loginform table {border: 1px solid #003580; padding:4px}
#loginform #tt {background-color: #F1FFE2}
#loginform form {margin:0; text-align:left}
#loginform input {width:10em; height:1.2em; border:1px solid #003580; vertical-align:baseline; margin-left:2px}
#loginform input.submit-btn {width:8em;font-size:81%; height:2em; margin-top:10px;}


#reg-form {width:90%; line-height: 25px; color:#003580; margin:5px; padding:0}
#reg-form a{font-size:10px;}
#reg-form table {border: 1px solid #003580; padding:4px}
#reg-form #tt {background-color: #F1FFE2}
#reg-form form {margin:0; text-align:left}
#reg-form input {width:10em; height:1.2em; border:1px solid #003580; vertical-align:baseline; margin-left:2px}
#reg-form input.submit-btn {width:auto;font-size:81%; height:2em; margin-top:10px;}

#pageoptions{ float:right; margin-right:5px; margin-top:5px; position:relative; border:0;}
#pageoptions img { border:0}