/* $Id: layout-fixed.css,v 1.1.2.7 2008/01/28 17:41:35 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
	
	html, body { 
		height:100%;
		background-color: #ffffff;
		}
		
	body {
		margin:0; padding:0;
		font: 10pt/1.5 sans-serif;
		text-align: left;
		background: url('masthead.jpg') no-repeat;
		}

	#container-body {
		padding: 0;
		margin-left: 0;
		text-align: left;
		min-width: 785px;
	}
	
	#container-header {
		height: 145px;
		background-color: #fbd45f;
		text-align: center;
	}

	#container-navigation {
		height: 65px;
	}

	#container-sidebar {
		width: 275px;
		height: 100%;
		float: left;
		padding: 0; margin: 0;
		font-size: 80%;
	}
	
	#container-main {
		margin: 0; padding:0;
		margin-left: 275px;
	}
	
	#container-footer {
		padding: 0; margin: 0;
		text-align: center;
		clear: both;
		background-color: #e7c14c;
		width:100%;
		font-size: 80%;
		border-top: 1px solid #7d6340;
	}
	
/* min-width for IE */

	.minwidth {
		padding-left:785px;
	}
	
	.container {
		margin-left:-785px;
		position:relative;
	}
	
	/*\*/

	.minwidth, * html .container, * html .content, * html .layout  {
		height:1px;
	}
	
	/**/

/* header divs */

	#header-logo {
		padding: 2em 0 0 1em;
		float: left;
		width: 21%;
		text-align: left;
	}
	
	#header-text {
		padding: 2em 0.5em 0.5em;
		float: left;
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 50%;
	}
	
	#header-contact {
		padding: 1em 1em 0 0;
		float: right;
		font: 8pt/1.6 sans-serif;
		text-align: right;
		width: 19%;
	}

/* footer divs */

	#footer-left {
		float: left;
		width: 30%;		
		background-color: #e7c14c;
		padding: 1em; margin: 0;
	}

	#footer-center {
		float: left;
		width: 44%;		
		background-color: #e7c14c;
		padding: 1em; margin: 0;
	}
	
	#footer-right {
		float: left;
		width: 14%;		
		background-color: #e7c14c;
		padding: 1em; margin: 0;
	}

/* Padding */

	#main-inner {padding: 0 1em 2em; margin:0;}
	
	#sidebar-inner {padding:0 2em 2em; margin:0;}

/* Images */

	img {
		padding: 0; margin: 0;		
		}
		
	.image-right {
		float: right;
		padding: 0;
		margin: 0 0 0 1em;
		}
		
	.image-left {
		float: left;
		padding: 0;
		margin: 0 1em 0 0;
		}

/* Headings & Hyperlinks */

	h1 {
	font-family: serif;
	font-size: 190%;
	font-weight: lighter;
	line-height: 100%;
	margin: 0 0 1em;
	}
	
	h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight:150;
	line-height: 100%;
	margin: 0 0 1em;
	color:#660000;
	}

	h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight:120;
	line-height: 100%;
	margin: 0 0 1em;
	color:#003399;
	}
	
	em {
	font-style: italic;
	}
	
	a:link, a:visited { color:#990000; text-decoration:none; }
	a:hover, a:active { color:#990000; text-decoration:underline; }

/* Lists */


/* Navigation */	

	#nav, #nav ul {
		float: left;
		width: 100%;
		list-style: none;
		line-height: 1;
		background: #e7c14c;
		font-weight: bold;
		padding: 0;
		border: 1px solid #7d6340;
		border-width: 1px 0;
		margin: 0;
	}

	#nav { border: none; font-size: 130%;}

	#nav a {
		display: block;
		color: #402d00;
		text-decoration: none;
		padding: 0.5em 1em;
	}

	#nav li {
		float: left;
		padding: 0;
	}

	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 14.4em;
		w\idth: 13.9em;
		font-weight: normal;
		margin: 0;
		background: #fbd45f;
	}

	#nav li li {
		padding-right: 1em;
		width: 12.9em
	}

	#nav li ul a {
		width: 12.9em;
		w\idth: 12.9em;
	}

	#nav li ul ul {
		margin: -1.75em 0 0 14em;
	}

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}

	#nav li:hover, #nav li.sfhover {
		background: #d9b43e;
	}

	#nav ul li ul li:hover, #nav ul li ul li.sfhover {
		background: #e7c14c;
	}
	
	#sidebar {
		margin: 0; padding: 0;
		text-align: left;
		font-size: 130%;
		font-weight: bold;
		}

	#sidebar ul {
		padding: 0; margin: 0;
		list-style-type: none;
	}

	#sidebar li {
		display: block;
		margin: 1em 0; padding: 0.5em 1em;
		background-color: #e5e5e5;
		border: 1px solid #c5c5c5;
	}
	
	#sidebar li a { color:#000000; text-decoration:none; }
	#sidebar li a:hover { color:#000000; text-decoration:underline; }
	
/* cleaner */
	
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}