/* --------------------------- */
/* overall common definitions  */

* {padding:0; margin:0; border:0;}
:root, html { width:100%; position:absolute;} /* activates 100% height somehow */

body {
	left:0; top:0; width:100%;
	border-collapse: collapse; border-spacing:0px;
	behavior:url("/common/csshover.htc");
	}

/* restoring some of the '*' defaults */
pre, blockquote, label, #sandbox ul, ol, dl, fieldset, address { margin:1em 5%;}
#sandbox li, dd { margin-left:5%; }
fieldset { padding: .5em; }
p	{margin-top:.7em;}
hr	{border:1px solid grey; margin:.5em; margin-left:20px;margin-right:20px; }

table, td, tr, form input {
	vertical-align:top; border-collapse: collapse; border-spacing:0px;
	}
	
/*---------CSSLAYOUT24 POSTIONING------------------*/

div#header{height:196px;padding-top:10px;}
div#wrapper{float:right;width:100%;margin-left:-172px}
div#sandbox{margin-left:172px}
div#menu{float:left;width:172px}
div#extra{float:left;clear:left;width:172px}
div#footer{clear:both;width:100%}

/*------MENU and FLYOUT WORK----------*/

#menu ul {
	width:172px;
	padding-left:0px; 
	padding-right:0px;
	padding-top:20px;
	list-style-type:none;
	}

#menu li {
	width:172px; 
	height:30px;
	}

#menu ul li a {
	color:#2f2e56;
	font-family: Times, "Times New Roman", serif;
	text-decoration:none;
	font-size:14px;
	display:block;
	text-align:right;
	padding-right:4px;
	margin-left:10px;
	line-height:24px;
	height:24px;
	margin-bottom:6px;
	}

#menu ul li a:hover {
	font-weight:bold;
	border-bottom:1px solid yellow;
	border-right:1px solid yellow;
	}

#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	left:-200px;
	margin-top:-44px;
	width:160px;
	}

#menu li ul li {
	background-color:#5187b3;
	height:24px;
	border-top:1px solid white;
	border-bottom:1px solid black;
	}

#menu li ul a {
	text-align:left;
s	background-image:none;
	padding-left:4px;
	padding-right:4px;
	height:24px;
	color:White;
	}
	
/* this makes menus flyout on both IEPC and others  */
#menu li:hover ul  {
	z-index:9999;
	left:172px; /*the value for ie windows*/
	margin-left:0%; /*fixes for ie7 */
	}

#menu li ul li a:hover  {
	background-color:#EEF;
	color:#5187b3;
	border-right:1px solid black;
	border-bottom:1px solid black;
	}
	
/*------DESIGN----------*/
#menu table{
	margin-left:20px;
	}

#menu td, #menu th{
	color:#2f2e56;
	font-family: Times, "Times New Roman", serif;
	font-size:14px;
	padding:4px;
	}


body, td, th {
	font-size: 12px;
	line-height: 20px;
	color:#000;
	background-color:white;
	font-family:  Arial, Helvetica, san-serif;
	}

#sandbox h1 {
	font-size: 21px;
	color:#2f2e56;
	font-family: Georgia,Times, "Times New Roman", serif;
	padding-bottom:10px;
	}
	
div#header {
	background-image:url(../sitegraphics/header-strip.gif);
	background-repeat:repeat-x;
	background-position:0 10px;
	}

#header #bulletin {
	position: absolute;
	top:122px;
	left: 145px;
	color:white;
	}
#header #bulletin a {color:white;}

#header table {
	position: absolute;
	top:150px;
	}
#header table th {
	height:60px;
	background-image:url(../sitegraphics/subhead.jpg);
	background-repeat:no-repeat;
	}

#header form {padding-left:160px;}

#header form .searchterm {
	width:132px; height:21px;
	background-image:url(../sitegraphics/searchterm.jpg);
	background-repeat:no-repeat;
	padding-top:6px;
	padding-left:6px;
	}
	
div#menu {background-image:url(../sitegraphics/left-bg.jpg);
	background-repeat:no-repeat;
	}

div#wrapper {background-image:url(../sitegraphics/sandbox-bg.jpg);
	background-repeat:no-repeat;
	background-position:172px 0px;
	}
	
div#sandbox {
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	}

div#footer p {margin-left:40px;margin-right:80px;padding-right:40px;  
border-top:1px solid #5187b3; text-align:right; color:#aaa; font-size:9px}

td, th { padding-right:12px;text-align:left;}

.memberlist td a {font-weight:bold}
.memberlist tr  {border-top:1px solid grey;}

.searchform .searchterm {
	width:132px; height:20px;
	background-image:url(../sitegraphics/searchterm1.png);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:6px;
	}

.searchform .button {background-color:#dcc581;
	border:1px solid #675c1e;
	border-top:1px solid yellow;
	border-left:1px solid yellow;
	padding-left:6px;
	padding-right:6px;
	}


#sandbox .sidebar {float:right;
	background-image:url(../sitegraphics/sidebar.png);
	background-position:bottom;
	width:204px;
	padding:0; margin:0;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:18px;
	margin-top:6px;
	margin-bottom:6px;
	}

#sandbox .sidebar h1, #sandbox .sidebar h2 {
	background-image:url(../sitegraphics/sidebar.png);
	background-position:top;
	padding:0; margin:0;
	margin-left:-8px;
	margin-right:-8px;
	padding-left:16px;
	padding-top:16px;
	}

#sandbox p {padding-left:16px;}

.right {margin-bottom:8px; margin-left:10px; border:2px solid #f6d21c; padding:4px;}
.left {margin-bottom:8px; margin-right:10px; border:2px solid #f6d21c; padding:4px; padding-bottom:3px;}

.sidebar h2{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-left: 8px;
	text-transform: uppercase;
	}
	
select {border:1px solid #aaa;}