/* default CSS */

div#mainwrap {width:760px; margin-left:auto; margin-right:auto; text-align:left;}

html	{
	background-color: #001578;
	}
	
body * {
	margin:0;
	padding:0;
	font-family: "palatino linotype", "times new roman", serif;
	}

div#mainwrap	/* Centers the pages in the browser window */
	{
	margin-top:30px;
	border:3px solid darkorange;
	background-color: #fff;
	}

/* Begin masthead section */

div#masthead
	{
	float: left;
	width: 100%;
	background-color: white;
	position: relative; /* for positioning context of the other elements */
	background-image: url(../images/headerimg.jpg);
	background-repeat: no-repeat;
	}

div#masthead img /* Jim's picture */
	{
	margin-left:1em;
	border: 2px solid #000;
	}

div#masthead h1
	{
	color: white;
	font-size: 2.5em;
	margin-left: 1em;
	line-height: 1.1em;
	}

div#masthead span#h2_lines
	{
	color: white;
	position: absolute;
	display: block;
	top: 2.5em;
	left: 6.5em;
	line-height:1.65em;
	}

div#masthead h1, span#h2_lines
	{
	letter-spacing: .075em;
	}

div#contact	/* contact info div */
	{
	width: 644px;
	height: 65px;
	position: absolute;
	top: 110px;
	left: 104px;
	line-height: 1.1em;
	background-image: url(../images/logo.gif);
	background-position: 40px 0px;
	background-repeat: no-repeat;
	}

div#contact span#left 
	{
	text-decoration: none; /* removes the underline from the mailto */
	position: absolute;
	left: 200px;
	}
	
div#contact span#right
	{
	position: absolute;
	top:0;
	right: 5px;
	text-align: right;
	}

/* End masthead section */

/* Begin main content area */
div#content
	{
	background-color:#fff;
	float: left;
	width: 100%;
	margin-top: 1em;
	}

div#content h2
	{
	font-size: larger;
	text-align: center;
	padding:.4em .2em .4em .2em;
	border: 2px solid darkorange;
	background-color: #001578;
	color:white;
	}	

div#content h3	
	{
	padding-top: .75em;
	padding-left:1em;
	padding-bottom:.2em;
	font-size: medium;
	font-variant: small-caps;
	text-decoration: underline;
	color:#CC6600;
	}

div#content dl#left
	{
	float:left;
	padding-right: 1em;
	padding-bottom:.5em;
	}


div#content dl#right
	{
	float:right;
	padding-right: 1.5em;
	padding-bottom:.5em;
	}


div#content p	
	{
	padding: .3em 3em;
	
	}

div#content p .verb	
	{
	font-variant: small-caps;
	font-weight: bold;
	font-stretch: expanded;
	margin-left: -1em;
	color:#993300;
	}

div#content ul	{
	padding-right: 1em;
	padding-bottom:.5em;
	}

div#content li	
	{
	margin-left: 4em;
	}

dl	{
	padding-left:2em;
	font-weight: bold;
	
	}

dt	{
	;
	}

dd	{
	padding-left:3em;
	font-variant: small-caps;
	}

/* Begin footer styles */

div#footer
	{

	width:100%;
	margin-top: 1em;

	float:left;
	clear:both;
	}
	
div#footer img
	{
	padding:1em 14px; 
	border: 0;
	}



.clearfix:after	/* makes border enclose content div in FF (it's not empty now) */
	{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* BEGIN POSITIONING HACKS */

/* the clearfix class to move the footer down with the longest comumn, said to work in ie7 */

.clearfix { display: inline-block; }
.clearfix:after {
		content:['.'];
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

 /* IE 6 clearfix hack */
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/*IE double margin hack*/
/*
* html div#left {margin:8px 3px 8px 8px;}
* html div#right {margin:8px 8px 3px 8px;}
*/
/* END POSITIONING HACKS */