/* CSS Document */

body { text-align: center;  font-family: verdana; background-color: #e6ebed; text-align: left; behavior:  url(csshover.htc); font-size: .8em;}
* {margin: 0; padding: 0;}

a { color: #3b3673; text-decoration: underline; font-family: georgia;}
h1 { font-size: 1.45em; margin: 35px 0 15px 0; font-family: georgia; }
h2 { font-size: 1.00em; margin: 0 0 10px 0; font-family: georgia;}
h4 { font-size: .9em; margin: 20px 0 5px 0; padding: 20px 0 0 10px; border-top: 1px solid #807830;} /* first line of updates */ 
h6 { font-size: .85em; margin: 5px;  font-weight: normal;}

p{ 	margin: 0 0 10px 20px;}
blockquote { margin: 0 0 0 25px;}
hr { margin: 15px 0 10px 0; color: #000000; height: 1px; }

table { margin: 0 0 10px 35px; font-size: .975em; }
td { border: 1px solid #807830; padding: 0; margin: 0;}
td p { margin: 0; padding: 3px 7px; }
td img { marign: 0; padding: 0; border: 0;}
img { border: 0; }
form { margin: 25px 0 10px 25px; border: 1px solid #284E59;} 


/*   Colors:
background blue :: e6ebed
light blue :: 2C748A
dark blue  :: 284E59
orange     :: FFB300
red        :: 
black      :: 332E2E
*/

/* Header 
--------------------------------------------------------*/
#header {
	background-image: url("images/theiler-header-stripe.jpg");
	height: 114px;
}

/* Navigation Container 
--------------------------------------------------------*/
	#navContainerCentered {
		text-align: left;
		width: 800px;
		margin: 0px auto;
		padding: 0px;
	}


/* Body Content
-------------------------------------------------------------------------------------- */
	#bodyContainer {
		text-align: left;
		width: 650px;
		margin: 0 45px;
		padding: 35px 0 20px 0;
		background-color: #e6ebed;
	}
	
	#bodyContainer ul {
		padding: 10px 50px 15px 50px;
	}
		
	#bodyContent {
		margin: 10px 0 10px 10px;
		padding: 0 20px 0 0;
		width: 550px;
		float: left;
	}
	
	.updateContent img {
		margin: 5px 15px 5px 5px;
		width: 150px;
		float: left;
		clear: both;
	}

/* Side Navigation
----------------------------------------------------------*/
	div#bodyNavigation {
		float: left;
		background: #ccc67e;
		width: 150px;
		margin: 63px 6px 0 0;
		padding: 15px 0 0 15px;
		border-top: 1px solid #807830;
		border-left: 1px solid #807830;
	}
	
	div#bodyNavigation p {
		margin: 0 0 10px 0;
	}


/* Footer Container 
--------------------------------------------------------*/
		#footerContainerCentered {
			text-align: center;
			margin: 10px auto;
			padding: 3px auto;
			width: 800px;
			background-color: #ccc67e;
			border: 2px solid #807830;			
		}

 /*   Colors:
background blue :: e6ebed 
white blue :: b8cad0
light blue :: 2C748A
dark blue  :: 284E59
orange     :: FFB300
red        :: 
black      :: 332E2E
*/

/* Drop Down Menu
--------------------------------------------------------------------------------- */

	div#listMenu {
		width: 100%;
		float: left;  /*makes the div enclose the list*/
		border: 2px solid #2C748A;	
		background-color: #2C748A;            
		margin: 0;
		padding: 0;

	}
	
	div#listMenu a {
		display: block;
		text-decoration: none; /*removes underline*/
		font-weight: bold;
		padding: 4px 20px; /* this should be as wide as the ul li's padding*/
		margin: 0;
		color: #332E2E;
	}
	
	div#listMenu ul {                            /* <---      UL      */
			margin: 0;
	}
	
	* html div#listMenu ul{ /* IE hack */                     
		float: left;
		/* border-left: 2px solid #2C748A; */ /* allows the li to have a border on the left */
	}
	
	 
	div#listMenu ul li {
		float: left; /*causes the list to align horizontally instead of stack */ 
		position: relative; /* this set with the absolute possitioning of the ul li ul puts the drop down directly below the top li */
		padding: 4px 20px; /*creates width of individual top links to be 20 pixels wider on both sides*/
		list-style-type: none; /*removes bullets*/
		border-right: 2px solid #2C748A;
		background-color: #b8cad0;           
	}
	
	div#listMenu ul li:first-child {
		border-left: 2px solid #2C748A;
	}
	
	div#listMenu ul li:hover {
		background-color: #e6ebed;  /*background color of top navigation when hovered*/
	}
	
	div#listMenu ul li ul {                            /* <---      UL LI UL      */
		margin: 4px 0 0 0; /*this is set to match the border of the li container */
		width: 150px; /* by itself allows the top level ul to define it's width */
		position: absolute; /* places the ul under the previous li */
							/* this also keeps the whole li object from surrounding the enclosed li */	
		left: 10px; /* the absolute positioning places the drop down directly below the parent, the ul 
						since the li has a border, it will be a bit off from the border of the ul since the
						ul is not positioned below the li's border */
	}
	
	body div#listMenu ul li ul {
		display: none;
		} /* Place this in the body tag so IE can utilize the display none */
	
	div#listMenu ul li:hover ul, div#listMenu ul li ul:hover {
		display: block; /* this allows the  embeded list to be seen */
	}
	
	div#listMenu ul li ul li {
		width:100%;
		border-left: 2px solid #2C748A;
		border-right: 2px solid #2C748A;
		border-bottom: 2px solid #2C748A;
	}	
	
	div#listMenu ul li ul li a {
		display: block;
		width:100%;	
	}
	
	div#listMenu ul li ul li:first-child {
		border-top: 2px solid #2C748A; /* puts a top on the first of the drop down items */
	}
	
	*html div#listMenu ul li ul {
		border-top: 2px solid #2C748A;
		border-left: 0px;
	}
	
	div#listMenu ul li ul li ul {
		visibility: hidden;
		top: -4px; /* this pops the ul up to the level of the previous li */
		left: 150px;
		width: 190px;
	}
	
	* html div#listMenu ul li ul li ul {
		left: 146px;
	}
	
	div#listMenu ul li ul li:hover ul {
		visibility: visible;
	}
	
/*   Colors:
background blue :: e6ebed 
white blue :: b8cad0
light blue :: 2C748A
dark blue  :: 284E59
orange     :: FFB300
red        :: 
black      :: 332E2E
*/
/* Form 
--------------------------------------------------------------------------------- */
#theform {
	background-color: #b8cad0;
	width: 40em;
	}
#theform fieldset {
	height: 2em;
	width: 11em;
	border: 0;
	margin: 0;
	padding: 1em;
	float: left;
	}
#theform fieldset legend {
	font-size: 2em;
	font-family: Georgia;
	color: #332E2E;
	margin: 5px 0 10px 0;
	padding: 0;
	}
#theform fieldset legend span {
	display: none;
	}
#theform fieldset h3 {
	height: 4em;
	margin: 10px 0 10px 5px;
	padding: 0;
	font-size: 1em;
	}
#theform fieldset label {
	font-size: 0.9em;
	display: block;
	padding: 4px 0 0 0;
/*	line-height: 1.5em; */
	}
#theform fieldset input {
	font-size: 0.9em;
	/* height: 1.2em; */
	}

.paypalForm {
	border: none;
}

/*
#theform #pt1 {
	margin: 0 0 0 5px;
}
#theform #pt2, #theform #pt3 {
	margin: 0 0 0 20px;
}
*/
/* Part 4 Styling */
#theform #pt4 {
	clear: both;
	width: 38em;
	height: 5em;
	 border: 2px solid #284E59; */
	border-width: 10px 0;
	padding: 1em;
	}

#theform #pt4 #disclaimer {
	width: 22em;
	float: left;
	font-size: 0.7em;
	}
	
#theform #pt4 input {
	height: 2em;
	font-size: 1em;
	width: 18em;
	background-color: #e6ebed;
	border-bottom: 	2px solid #284E59;
	border-right: 2px solid #284E59;
	border-top: 1px solid #284E59;
	border-left: 1px solid #284E59;	
	float: right;
	margin: 0 0 5px 0 ;
	}

#theform #pt4 input:hover {
	background-color: #444444;
}

div.clearfloats {clear: both;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}