/*STYLES FOR PILOT POINT */

/*----------------------------------------------*/
body {
	background:url(../sitegraphics/bg-strip.png) repeat-y;
	}
body, td, th {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height: 17px;
	color:#542d14;
}

	
#header {
	width:100%;
	height:154px;
	background-image:url(../sitegraphics/header-strip.png);
	background-repeat:repeat-x;
	font-family: georgia; times, times new-roman, serif;
	color:white;
	}

#headerinner {
	width:100%;
	height:49px;
	padding-left:30px;
	padding-top:109px;
	background-image:url(../sitegraphics/header.jpg);
	background-repeat:no-repeat;
	}


div#navigation {
	position:absolute;
	width:175px;
	background-image:url(../sitegraphics/menu-top.png);
	background-repeat:no-repeat;
	color: black;
	font-family: Times, times new-roman, serif;
	z-index:10;
	overflow:visible;
	}

#sandbox {
	position:absolute;
	left:200px;
	top:154px;
	padding-left:0px;
	padding-right:6%;
	z-index:1;
	}

#sandbox td.main, #sandbox td.sidebar {
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	}
#sandbox td.main {padding-left:20px;padding-right:20px;}

#footer {
	clear:left;
	padding-left:500px;
	}

#addressblock {position:absolute; 
	left:1000px;
	top:18px;
	font-size:10px;
	line-height:13px;
	color:black;
	width:150px;
	}
	
#topmenu {padding-left:200px; height:28px; padding-top:4px; white-space:nowrap}

/*------------------------------------------------*/
ul#menu  {
	margin-left:9px;
	width:155px;
	padding-top:60px;
	}

#menu li {
	list-style-type:none;
	margin:0; padding:0;
	height:24px;
	}
	
#menu a {
	font-family: georgia; times, times new-roman, serif;
	color:black;
	text-decoration:none;
	font-size:14px;
	display:block;
	text-align:right;
	padding-left:0px;
	padding-right:9px;
	background-image:url(../sitegraphics/menu-button.png);
	background-repeat:no-repeat;
	line-height:24px;
	height:24px;
	}

#menu .narrow {
	letter-spacing: -.05em;
	}	


@media screen and (-webkit-min-device-pixel-ratio:0)
{
#menu .narrow {letter-spacing:-1px;}
}

#menu li a:hover {
	color:white !important;
	}
	
#menu td, #menu th  {padding:4px}


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

#menu li ul {
	position:absolute;
	top:auto;
	display:block;
	list-style-type:none;
	left:-200px;
	margin-top:-26px;
	padding-top:0px;
	background-color:#999;
	width:170px;
	}

#menu li ul li {
	margin-bottom:0px;
	height:auto;
	}

#menu li ul a {
	text-align:left;
	font-size:12px;
	border-top:1px solid white;
	border-bottom:1px solid black;
	background-image:none;
	padding:3px 4px;
	height:auto;
	display:block;
	line-height:14px;
	}
	
/* this makes menus flyout on both IEPC and others  */
#menu li:hover ul  {
	z-index:9999;
	left:155px; /*the value for ie windows*/
	margin-left:0%; /*fixes for ie7 */
	}
	
	
/*------------------------------------------------*/

h1	{font-size:24px;
	font-family: georgia; times, times new-roman, serif;
	font-weight:normal;
	color:#e52e34;
	margin-left:-15px;
	}

h2	{font-size:17px;
	font-family: georgia; times, times new-roman, serif;
	font-weight:normal;
	color:#e52e34;
	margin-left:-15px;
	}

h3	{font-size:14px;
	font-family: georgia; times, times new-roman, serif;
	font-weight:normal;
	color:black;
	}

h1, h2, p {margin-bottom: .6em;}
h1, h2  {margin-top: .7em;}


#sandbox td, #sandbox th {
	padding:3px;
	padding-left:15px;
	padding-right:10px;
	border-bottom: 1px dotted #grey;
	}

a, a:hover { color: #3e4eac} 

#footer, #footer a {color:#4b4a5d;}

/*---------------------------------------------*/
#navigation .mousetype, #navigation .mousetype a {
	font-size: 11px !important;
	color: #003;
	line-height: 11px;
	}
#menu table td {white-space:nowrap;}

#menu table th {text-align:right;
	padding-right:22px;
	font-weight:normal;}
	
.eklipseobject img, img.border { padding:2px; border:1px solid #e12429 !important}
img.noborder { border:0}


.right {padding-left:20px;padding-bottom:4px;}
.left {padding-right:20px;padding-bottom:4px;}
.naturalsize img { border:0}

#headerinner a {color:white; text-decoration:none; font-style:italic; }
#headerinner a:hover {text-decoration:underline; }

#headerinner #topmenu a {padding:0px 7px; font-style:normal; font-weight:bold; white-space:nowrap;}
#headerinner #topmenu a:hover  {color:black; background:#3897FF; text-decoration:none;}

.invisiblelink {text-decoration:none}


hr {
	border:0;
 	color: #966;
	background-color: #966;
	margin:16px auto;
	height: 2px;
	width:60%;
	}
	
 ul#calendar { list-style-type: none; margin-left:-4px; }

 ul#calendar li {
	display:block;
	margin:0; 
	padding:5px 15px 5px 25px;
	line-height:13px;
 	}

ul#calendar li a {font-weight:bold; color: #fff} 


#navigation p { padding-left:40px; padding-top:12px;}


.eventlist th {font-size:16px;
	font-family: georgia; times, times new-roman, serif;
	font-weight:normal;
	color:#a85928;
	margin-left:-15px;
	padding-top:16px !important;
	}

.eklipseform input, .eklipseform textarea {width:250px; border:2px solid white;}
.eklipseform textarea {height:150px}
.eklipseform input.button {color:white; 
	width:auto;
	padding:0px 30px;
	font-size:16px;
	background-color:#995425;
	border: 2px solid #F0C78A;
	border-right: 4px solid #673B22;
	border-bottom: 4px solid #673B22;
	}

td.sidebar {padding: 0 20px; 
	margin: 0 10px; 
	background: url(../sitegraphics/sidebar.png) repeat-y;
	}

.sidebar h1, .sidebar h2	{
	margin-left:0px;
	}

#sandbox ul {margin-top:12px; margin-bottom:16px;}
#sandbox li { margin-bottom:4px; list-style-type:square; color:#CDC5B7;}
#sandbox li span { color:#542d14;}

.justify {text-align:justify}