/* CSS Document */

html {
	height: 100%;
	margin: auto;
	padding: 0px;
	}

body {
	background: #666666 url(../images/background/webgen-bg.gif) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px; 
	text-align: left;
	width: 740px;
	margin: auto;
	}

/*#container {
	background: #666666 url(../images/background/webgen-bg.gif) top left repeat-x;
	}*/

#frame {
	display: table;
	width: 740px;
	margin: auto;
/*	border-left: solid 2px #666666;
	border-right: solid 2px #666666;*/

	vertical-align: top;
	height: 100%;
}

a:visited {
	color:#0000CC;
}

#main {
	width: 740px;
}

#body_shadow {
	background-image: url(../images/bodyshadow/bodyshadow.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 25px 15px 0px 25px;
	background-color: #FFFFFF;
}

#body_shadow2 {
	background-image: url(../images/bodyshadow/bodyshadow.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-left: 1px solid #E9F0F6;
}

#bullet_td {
	padding: 25px 10px 0px 25px;
	background-color: #FFFFFF;
	border-left: 1px solid #E9F0F6;
}

#header {
	font-family: Arial, Helvetica, sans-serif;
	color: #09357a;
	font-size: 20px;
	width: 400px;
}

#content {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	font-size: 12px;
	width: 400px;
}

#news_update {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	width: 380px;
	background-color: #E9F0F6;
	border: 1px dotted #cbe3fc;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	width: 400px;
	padding: 0px 0px 5px 25px;
}

#copyright a{
	color: #666666;
}

#bullet {
	background-image: url(../images/note/blue-note.gif);
	background-repeat: no-repeat;
	padding: 18px 0px 0px 15px;
	width: 205px;
	height: 224px;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 11px;
	font-weight: bold;
}

#list {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 11px;
	font-weight: bold;
}

#li_space li {
	margin: 0px 0px 10px 0px;
	text-align: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#666666;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;	
}

/* UL and LI Tags */

/*no affect on IE issues*/
/*ul {
	margin: 0px 0px 0px 0px;
	text-align: left;
}*/

li {
	margin: 0px 0px 10px 0px;
	text-align: left;
}

/*li ul {
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 0px 10px 0px 10px;
}
*/

/* ============= */

#side-note-ul li {
	vertical-align: middle;
	/*background:url(../img/forms/form_bullet.gif) left top no-repeat;*/	
	/*background-position: 0 .3em; /* up and down on the bullet image */	
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	text-indent: 0px; /* top li line text left and right */
	}	

#side-note-ul ul {
	list-style:none;
	margin: 0px 10px 10px 5px; /* distance from left margin */
	padding: 5px 10px 0px 0px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;	
	text-align: left;
	color: #0000FF;		
	}	



/* SIDE-NOTE images */

.side-note-cap {
	background: #ffffff url(../images/side-note/side-note-cap.gif) center top no-repeat;
	width: 205px;
	height: 15px;
	margin: auto;
	}

.side-note-repeater {
	background: #ffffff url(../images/side-note/side-note-repeater.gif) center top repeat-y;
	width: 205px;
	margin: auto;
	}

.side-note-bottom {
	background: #ffffff url(../images/side-note/side-note-bottom.gif) center top no-repeat;
	width: 205px;
	height: 24px;
	margin: 0px 0px 15px 0px;
	}

h1.side-note-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #660000;
	text-transform: uppercase;
	text-align: center;
	}
	
	
.side-note-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin: 0px 0px 10px 0px;
	}

/* LINKS */

/*no afect on IE issues here*/

a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
	color: #0000FF;
	margin: 0px 0px 5px 0px;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #0099FF;
	margin: 0px 0px 5px 0px;	
	}

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

a:link.side-note-list-link, a:visited.side-note-list-link, a:active.side-note-list-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #0000CC;
	margin: 0px 0px 5px 0px;
	}

a:hover.side-note-list-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;	
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #0099FF;
	margin: 0px 0px 5px 0px;	
	}




/*------------------------------------------------------------------------*/
/* Upper Navigation CSS Popout Menu */


#menuh-container
	{
	position: relative;	
	top: 0em;
	left: 0em;
	vertical-align: top;
	float:left;
	width: 408px;
	height: 66px;
	}

#menuh
	{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	/*float: inherit;*/
	margin-left: 0em; /*distance from left of all boxes*/
	margin-top: 0em;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 408px;
	height: 66px;	
	}


#menuh a:link, #menuh a:visited, #menuh a:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;	
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #666666;
	padding: 3px 1px 2px 7px;	/* padding around the link itself to provide a hover background */
	margin: 0px 0px 0px 0px;
	}

#menuh a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 16px;*/	/*no effect IE or Firefox*/
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #660000;
	padding: 3px 1px 2px 7px;	/* padding around the link itself to provide a hover background */
	margin: 0px 0px 0px 0px;	
	display: block;	
	}
		
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	padding: 0px 0px 0px 0px;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	padding: 0px 0px 0px 0px;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width: 147px;	 width of all menu boxes */
	}

#menuh li
	{
	position: relative;
    min-height: 1px; 	/* For IE7 */
    vertical-align: bottom; /* For IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	border-bottom: dotted #999999 1px;
	border-left: dotted #999999 1px;
	border-right: dotted #999999 1px;
    background: #eee ; /* this is the UL background block */	
	z-index:500;
	top:auto;
	display:none;
	padding: 3px 3px 3px 3px; /* padding inside drop down around each link */
	margin: -3px 0px 0px 0px;
	width: 200px;	/* width of 2nd menu boxes */
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */


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



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



.bottom-nav-block {
	margin: 40px 0px 5px 0px;
	background-color: #FFFFFF;
}

		a:link.bottom-nav, a:visited.bottom-nav, a:active.bottom-nav {
			/*width: 80px;*/ 
			/*height: 38px;*/ 	
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			font-weight: normal; 
			/*line-height: 12px;
*/			/*vertical-align: middle;*/	
			text-decoration: none; 
			color: #0000CC;
			/*color: #2968A5;*/		
			}
		
		a:hover.bottom-nav {
			/*width: 80px;*/ 
			/*height: 38px;*/ 		
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 11px; 
			font-weight: normal; 
			/*line-height: 12px;*/
			text-decoration: none;
			color: #0099FF;		
			/*color: #D50000;*/	
			}

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


.body-list li {
	margin: 0px 0px 7px 0px;
}