/*  //// Layout07 from http://blog.html.it/layoutgala   /////   */

div#container{
	width:800px;
	margin:0 auto;
	}

div#sandboxshell{
	float:left;
	width:100%;
	}

div#sandbox{
	margin: 0 0 0 234px;
	padding-right:60px;
	}

div#navigation{
	float:left;
	width:234px;
	margin-left:-800px;
	}

div#footer{clear:left;width:100%}

/*adjust these for a sticky footer. */

#footer, #stickyfooter {
	height: 0; /* .push must be the same height as .footer */
	}
	
#container {
	margin-bottom:0; /* the bottom margin is the negative value of  the footer's height */
	}

div#header {height:164px;
	padding-left:270px;
	position:relative;
}


#logo {position:relative; left:-6px; top:96px; display:block;float:left}

/* //////------ color and other styling ------////// */

body	{background:url(../sitegraphics/body-bg.jpg)}
div#container{background:url(../sitegraphics/sandbox-strip.png) repeat-y}
div#navigation	{background:url(../sitegraphics/menu1-header.jpg) no-repeat}
div#calendar	{background:url(../sitegraphics/extra-header.jpg) no-repeat; padding-top:30px; padding-left:20px;}
div#header	{background:url(../sitegraphics/header.jpg) no-repeat 0 0 ;}
div#addressblock {position:absolute; top:30px; left:570px; width:160px; color:#666; font-size:10px; line-height:12px; text-align:right;}
div#logo {position:absolute; top:30px; left:40px; width:510px; height:100px;}
div#newsflash {position:absolute; top:145px; left:250px}


/* ///////----basic menu code ----------/////// */
ul#menu    {			/*menus must be classes so we can have other lists too */
	list-style:none;
	margin:0;
	font-size:19px;
	font-family: "Trebuchet MS",Trebuchet, Arial, Helvetica, san-serif;
	line-height: 24px;
	}

#menu li {				/* all list items */
	display:block;
	margin:0;
	height:35px;
	}

#menu a {
	text-decoration:none;
	display:block;
	text-align:right;
	padding-right: 20px;
	height:35px;
	width:224px;
	color:black;
	background:none;
	}

#menu a:hover {
	color:white;
	padding-right:40px;
	width:204px;
	background: url(../sitegraphics/menu-on.png) no-repeat 10px 0px;
	}
	

/*-------------flyouts----------------------------*/

#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	margin-top:-35px;
	left:-800px;
	border:0;
	width:244px;
	}

#menu li ul li {
	height:22px;
	_height:20px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:0px;
	background: url(../sitegraphics/menu-on.png) no-repeat 0px 0px;
	}

#menu li ul li a {
	text-align:left;
	padding-left:8px;
	padding-right:0px;
	padding-right:8px;
	width:244px;
	width:auto;
	height:22px;
	font-size:14px;
	line-height:21px;
	color:white;
	font-family: Arial, Helvetica, san-serif;
	background: url(../sitegraphics/menu-nostar.png) repeat-x 0px 0px;
	white-space:nowrap;
	}

#menu li ul a:hover {
	color:#ffd661;
	background: none;
	width:244px;
	width:auto;
	padding:0;
	padding-left:8px;
	background: url(../sitegraphics/menu-nostar.png) repeat-x 0px 0px;
	}

	
/* this makes menus flyout on both IEPC and others  */
#menu li:hover ul  {
	z-index:9999;
	left:auto; /*the value for ie windows*/
	margin-left:225px;
	}


#innerbox {
	padding-left:60px;
	padding-right:20px;
	padding-top:50px;
	width:100%;
	border:1px solid red;
	}
	
#rightside {
	width: 165px;
	padding-left:30px;
	padding-top:10px;
	background: url(../sitegraphics/rightside-strip.png) repeat-y 20px 0;
	}

#sandbox, #sandbox td {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:12px;
	line-height:20px;
	color:#404040;
	padding:30px;
	}
	
h1, h2, h3 {
	margin-left:0px;
	color: #806000;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}

h1 {font-size:22px;}
h2 {font-size:19px;}
h3 {font-size:16px;}

p.mousetype, p.mousetype a {
	font-size:10px;
	color:#aa9900;
	}
	
#header {
	color:white;
	font-family: arial, helvetica, san-serif;
	font-size:10px;
	}
#header #newsflash a, #header #newsflash a:hover {
	color:white;
	}

.sidebar {
	width:171px;
	float:right;
	margin-right:-56px;
	_margin-right:-28px; /* ie6 hack! */
	padding:20px;
	background: url(../sitegraphics/sidebar.png) repeat-y bottom;
	}

.sidebar h1, .sidebar h2 {
	margin: -20px -20px 0 -20px;
	padding: 20px 20px 0 20px;
	background: url(../sitegraphics/sidebar.png) no-repeat;
	display:block;
	}

#sandbox p { padding-bottom: .6em}
.left { padding-right: 5px}
.right { padding-left: 5px}

#sandbox td {border-bottom:1px solid #ccc; padding:6px;}

#sandbox th {background-color: #F8DFA9; font-weight:bold;padding:6px;}

#sandbox a {color: #7E1911; font-weight:bold; text-decoration:none;}
#sandbox a:hover {text-decoration:underline;}
#sandbox ul { padding-left:10px}
#sandbox li a { font-size: 14px;}

#sandbox hr {margin-left:auto; margin-right:auto; width:60%;color:#987324; background-color:#987324}

#calendar li {
	height:39px;
	height:auto;
	padding-top:0;
	list-style-type:none;
	border-bottom:1px solid #F0C878;
	margin-top:6px;
	}
	
#calendar li a {
	line-height:100%;
	color:#018553;
	height:34px;
	height:auto;
	font-size:13px;
	padding-bottom:8px;
	padding-right:8px;
	text-decoration:none;
	}
	
	
#calendar li a .cdate {
	color:black;
	font-size:11px;
	}

#sandbox img {border:3px double #E4C16D}
#sandbox img.borderless, #sandbox .borderless img {border:0}