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

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

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

div#sandbox{
	margin: 0 0 0 170px;
	min-height:220px;
	}

div#navigation{
	float:left;
	width:170px;
	margin-left:-877px;
	min-height:220px;
	}

div#extra{
	float:left;
	width:0px;
	margin-left:0px;
	}

/*adjust these for a sticky footer. */

#footer, #stickyfooter {
	height: 41px; /* .push must be the same height as .footer */
	}

 #stickyfooter {
	}
	
div#container {
 	margin-bottom:-41px; /* the bottom margin is the negative value of  the footer's height */
	}

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


body {background:url(../sitegraphics/body-bg.jpg) repeat-x;}

div#header {
	height:320px;
	}
	
div#newsflash {
	position:relative;
	top:-305px;
	left:10px;
	width:470px;
	height:20px;
	color:#a93d23;
	font-size:13px;
	font-family:Tahoma, Arial, san-serif;
	font-weight:bold;
	text-align:right;
	}

div#address {
	position:relative;
	top:-114px;
	left:745px;
	width:140px;
	color:white;
	font-size:9px;
	line-height:11px;
	font-family:Tahoma, Arial, san-serif;
	}
div#address a {color:white; font-weight:bold;}

	
div#newsflash a { 	color:#a93d23;text-decoration:none; }
div#newsflash a:hover {color:black;border-bottom:1px dotted #ccf; _border-bottom:1px dashed #ccf}

div#stickyfooter {background:url(../sitegraphics/footer.jpg) no-repeat center; }
div#navigation {background:url(../sitegraphics/sandbox-bg.jpg) no-repeat;}
div#sandboxshell {background:url(../sitegraphics/sandbox-bg.jpg) no-repeat; 
	background-position: 0 0;
	}

div#stickyfooter center{display:block; color:#882b16; font-size:11px; padding-top:12px;}
div#stickyfooter a {color: white; font-weight:bold;}


div#sandbox {
	padding:30px 50px 30px 60px;
	font-family:Tahoma, Arial, san-serif;
	font-size:13px;
	line-height:19px;
	color:#333;
	}

#menu ul {
	background:url(../sitegraphics/leftmenu-bg.png);
	list-style-type:none;
	}

#menu li a {
	font-family:'century gothic',Futura, sans-serif;
	font-size:16px;
	color:#00517d;
	text-decoration:none;
	display:block;
	height:auto;
	padding-top:12px;
	font-style:plain;
	text-align:center;
	}

	
#menu li a:hover {
	font-weight:bold;
	letter-spacing:-.008em;
	color:#003385;
	}
/*-------------flyouts----------------------------*/
	
#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	margin-top:-24px;
	left:-800px;
	border:0;
	width:220px;
	border-top: 3px double #cdF;
	background-image:none;
	background-color:white;
	}

#menu li ul li {
	height:20px;
	padding:0px; margin:0;
	width:220px;
	border-bottom: 3px double #cdF;
	}

#menu li ul li a {
	text-align:left;
	padding-left:10px;
	width:210px;
	height:24px;
	font-style:plain;
	height:15px;
	line-height:15px;
	padding-top:5px;
	font-size:12px;
	}

/* 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:100px;
	}

#menu input {width:180px; 
	margin-left:10px;
	background-color: #F4F8FB;
	border:0;
	padding:2px;
	border-top:1px solid #ecf2f8;
	border-left:1px solid #ecf2f8;
	}

#menu .button {width:auto; 
	margin-left:60px;
	background-color: #F4F8FB;
	border:0;
	padding:2px;
	margin-top:4px;
	border-bottom:1px solid #ecf2f8;
	border-right:1px solid #ecf2f8;
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", serif;
	font-size:14px;
	color:#882b16;
	font-style:italic;
	}	

#navigation p {
	font-size:11px;
	color:#888;
	line-height:1.4em;
	padding-left:15px;
	}
/*-------------------------------*/

ul#calendar  {
	list-style-type:none;
	padding-top:12px;
	width:200px;
	}
	
#calendar li {
	height:39px;
	height:auto;
	padding-top:4px;
	padding-bottom:0;
	border-top:1px dotted #681b06; 
	_border-top:1px dashed #681b06;
	}
	
#calendar li a {
	line-height:100%;
	color:#004a8d;
	height:auto;
	font-size:14px;
	padding-bottom:4px;
	text-decoration:none;
	}

#calendar li a:hover {
	text-decoration:underline;
	}

#calendar li a .eventdate {
	color:black;
	font-size:11px;
	}

#calendar p {
	text-align:right;
	padding-top:8px;
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", serif;
	padding-right:30px;
	font-size:12px;
	font-weight:bold;
	}

#calendar p a { color:#882b16; text-decoration:none;}



#sandbox h1, #sandbox h2, #sandbox h3 {
	font-family:'century gothic',Futura, sans-serif;
	font-size:23px;
	margin-top:.4em;
	color:#424280;
	line-height:1.1em;
	}
	
#sandbox h2 { font-size:19px;}
#sandbox h3 { font-size:16px; font-weight:bold;margin-top:1em; }

#sandbox h1, #sandbox h2, #sandbox h3, #sandbox p, #sandbox ul, #sandbox ol {margin-bottom:.4em;}

hr {border: 0;
	width: 80%;
	color: #cdf;
	background-color: #cdf;
	height: 3px;
	margin:16px auto;
	}
	
#sandbox a {color:#681b06; text-decoration:none; border-bottom:1px dotted #681b06;  _border-bottom:1px dashed #681b06; }
#sandbox a:hover {color:#700;border-bottom:1px solid #681b06;}

#sandbox table {padding-left:20px;margin-bottom:12px;}
#sandbox td, #sandbox th {padding:6px 20px; border-bottom: 3px double #cdF;}
#sandbox td.c1 {font-weight:bold;}
#sandbox th {font-size:14px; font-style:italic; background-color: #cdF; padding:6px 20px; border-bottom: 3px double white;}

#sandbox ul {padding-left:20px; list-style-type:square}
#sandbox li {padding-bottom:6px;}

#sandbox img {padding: 3px 0;
	border-top:6px double #ec0;
	border-bottom:6px double #ec0;
	margin:8px 0;
	}
	
#sandbox .borderless img, #sandbox img.borderless  {padding: 0;
	border: 0;
	margin:8px 0;
	}
	
input {width:240px;}
input.button {width:auto;}
textarea {width:240px;height:120px;}

.sidebar { float:right;margin-right:-100px; margin-bottom:20px; margin-left:10px;padding:10px 10px 0 10px; background:#eed;
	border-bottom:0 !important;}

.sidebar h1, .sidebar h2  {
	font-size:16px !important;
	margin-top:.4em;
	color:#424280;
	}

.sidebar h2 { font-size:14px;}

.sidebar ul {
	list-style-type:none;
	margin-top:16px;
	margin-left:-15px !important;
	width:180px;
	}

.sidebar li {	list-style-type:none; 	margin-left:-15px !important; }

.sidebar hr  {
	border: 0;
	width: 130%;
	color: white;
	background-color: white;
	height: 20px;
	margin-left:-20px;
	margin-right:-20px;
	}

.sidebar li a {
	font-size:12px;
	color:#0055a5;
	text-decoration:none;
	display:block;
	height:14px;
	line-height:14px;
	padding-top:5px;
	padding-left:10px;
	}

.sidebar li a:hover {
	font-style: italic;
	color:#003385;
	}

#navigation h1 {
	padding-left:20px;
	font-size:14px;
	margin-bottom:6px;
	}

#navigation .calendar td {
	font-family: "Arial Narrow", "Helvetica Narrow", Arial;
	font-size:13px !important;
	border:3px solid white;
	padding:3px 8px;
	}



#navigation .calendar  a {color:#681b06; text-decoration:none; border-bottom:1px dotted #681b06;  _border-bottom:1px dashed #681b06; }
#navigation .calendar  a:hover {color:#700;border-bottom:1px solid #681b06;}