/***
*   VPPL stylesheets
*   Author: Jeff Sand
*
*   layout.css - Default layout for screen media.  Defines CSS2 page layout for
*                all web pages.  Some rules are overridden by individual pages.
*                No color or backgrounds are specified here (TODO).
*
**/

/* Table default settings */

table { border-collapse:collapse; border-spacing:0; border: 2px solid #999;	margin: 1em .5em; }
td {background: #fff; padding: 3px 1em; border-width: 0 1px 1px 0; border-style: solid; border-color: #fff #ddd #ddd #fff;}
th {background: #9cf; padding: 3px 1em; border-width: 0 1px 1px 0; border-style: solid; border-color: #fff #69c #69c #fff; text-align: left; font-weight: bold;}
td.sub {background: #ccc; border-color: #aaa;}

fieldset,img{ border:0; }

ol,ul {list-style:none;}

.hr { border-top: 1px solid #87a7bE; height: 1px; margin: 1em 0; }

/* Our layout */

body {
	background: #fff;
	z-index: 1;
}

/* Primary content areas */

#container {
	margin: 10px;
	background: url('../images/images/bluebar_4.gif') no-repeat;
	background-position: bottom left;
}

#toppage {
	background: url('../images/images/newheader_2.gif') repeat-x;
}

#header {
	background: url('../images/images/newheader_1.jpg') no-repeat;
	/*background-color: #CFD7E6;*/
	height: 120px;
	position: relative;
}

	#verytop { background: url('../images/images/header-bg_3.gif') no-repeat top right; margin-left: auto; width: auto;height: 20px; line-height: 20px; text-align: right; color: white; font-size: 92%; padding-right: 8px; }
	#verytop a {color: white; font-weight: normal;}
	#dateline { background: url('../images/images/header-bg_4.gif') no-repeat top right; height: 20px; line-height: 20px; text-align: right; color: black; font-size: 92%; padding-right: 8px; font-weight: bold;}
		#dateline a {color: black; }
	#weather { background: url('../images/images/header-bg_5.gif') no-repeat top right; height: 50px; text-align: right; color: black; font-size: 92%; padding-right: 8px; padding-top: 1px; padding-bottom: 9px;}
	#weather table {border: none; margin: 10px 0 0 auto; background: none;}
	#weather td { border: none; background: none; padding: 3px; vertical-align: middle;}

	#search {
		position: absolute;
		bottom: 0px; right: 0;
		background: url('../images/images/bluebar_7.gif') no-repeat;
		padding: 6px 2px 3px 12px;
	}
	#search input, #search select { font-size: 82%; }

#topnav {
}

	#topnav ul {
		height: 1.4em;
		/*	padding-left: 15px;*/ 
		padding-bottom: 1px;
		background: #405780;
		border-top: 1px solid #5777AE;
		border-bottom: 1px solid #234;
	}

	#topnav li {
		float: left;
  		position: relative;
  		width: 10.5em;
		background: #405780;
	}
	
	#topnav li.home{
		width: 7em;
	}
	
	#topnav li.single{
		width: 9em;
	}

	#topnav a {
		display: block;
		padding: 1px 1.25em 1px 1.25em;
		text-align:left;
	}
	
	#topnav li:hover {
		background: #004477;
	}
	#topnav li a:hover {
		color: #fff;
	}
	
	#topnav li ul {
    	display: none;
  		position: absolute; 
  		top: 1.4em;
  		left: 0;
		z-index: 25;
		border-top: 0px;
	}
	
	#topnav li ul a{
		padding: 2px 1.25em 2px 2px;
		text-align: left;
		border-bottom: 1px solid #234;
		width: 86%;
	}

	#topnav li:hover > ul {
    	display: block;
	}
	/*
	#topnav li > ul {
		top: auto;
		left: auto;
	}
	/*
	.onpage {
		background: #5777AE;
	}
*/
#contentcontainer {
	clear: both;
	background: #5777AE url('../images/images/bluebar_2.gif') repeat-y;
	border: 0px solid purple;
	padding-top: 0px;
	height: 1%;            /* for IE */
	z-index: 100;
	}

#leftcol {
	float: left;
	width: 140px;
	margin-top: 0px;
	padding: 33px 3px 10px 7px;
	background: url('../images/images/bluebar_1.gif') no-repeat;
	background-position: top left;
	border: 0px solid green;
}

	#leftcol ul {
		margin-top: 0px;
		border-top: 1px solid #79c;
		padding: 0;
		margin-bottom: 0;
		position: relative;
	}

	#leftcol ul ul {
		background: none;
		padding: 0; 
		margin-left: 10px; margin-bottom: 0;
		border: none;
		}

	#leftcol li {
		display: inline;
	}

	#leftcol h3 { margin-top: 1em; }

	#leftcol a, #leftcol .pseudo , #leftcol h3 {
		display: block; height: auto; /* Fix IE */
		border-bottom: 1px solid #79c;
		padding: 3px 0px 3px 2px;
		
	}
	 #leftcol a.onpage , #leftcol li.current-cat a {background: url('../images/bluegradient.gif') repeat-y;
		color: #336; 
		background-color: #CAD6ED;
		background-position: top right; margin-right: -1px;
		}

	#leftcol a:hover {
		background-color: #CAD6ED; color: #336;
		margin-right: -1px; padding-right: 2px;
	}

	#leftcol table.weather { margin: 3px auto 10px auto; width: auto; border: none;}
	#leftcol table.weather td { text-align: center; border: none; padding: 0 5px;}

#content {
	background: white;
	padding-top: 1px;
	padding-bottom: 1em;
	margin-left: 160px;
	height: 1%;             /* for IE */
}

.sidebar {
	float: left;
	width: 150px;
	background: #CCB68F;
	border-right: 1em solid white;
	font-size: 82%;
	padding: 1em; margin: 1em 0;
}

#rightcol {
	float: right;
	width: 170px;
	padding-left: 0px;
}

	#rightcol p { margin-left: 0; padding-left: 0; }

.eventroll {
	background: #E6DFCF;
	margin: 1em 0px;
	padding: 0 10px 10px 10px;
}

	.eventroll h2 {margin-top: 0; border: none; }
	.eventroll h2 {background: #806440; color: white; margin: 0 -10px; padding: .25em; text-align: center; }
	.eventroll h3 {margin-bottom: 0; font-size: 100%;}
	.eventroll p { padding: 0; }


#footercontain {
	clear: both;
	margin-left: 20px;
	padding-top: 0px;
	background: url('../images/images/bluebar_6.gif') no-repeat;
	background-position: bottom right;
	position: relative;
	height: 1%;
}

	#lowerleft {
		position: absolute;
		top: 0; left: 0; width: 130px; height: 20px;
		background: url('../images/images/bluebar_4.gif') no-repeat;
		background-position: top right;
		z-index: 10;
	}

	#footer {
		height: 1%;
		background: url('../images/images/bluebar_5.gif') no-repeat;
		background-position: top right;
		margin-left: 130px;
		padding-top: 1px;
		padding-bottom: 1em;
		padding-right: 1em;
		padding-left: 10px;
	}

	#pcopyright {
		background: url('../images/images/bluebar_5.gif') no-repeat;
		background: none;
		background-position: top right;
		position: relative;  z-index: 11;
	}