/* CSS for Sitename.com by Alice Winthrop Design 
   http://www.alicewinthrop.com */

/*-----------------------------------
         TABLE OF CONTENTS
-------------------------------------

RESET CSS - Resets browser defaults.
COLOR PALETTE - List of colors used.
SIFR - Use unsafe fonts!
HTML ELEMENTS - The basics.
LAYOUT DIVS - Named layout elements.
NAV - Nav styles (blocks placed in prev).
FORMS - Contact us...
OTHER STUFF - Anything else...

------------------------------------*/


/*------------RESET CSS--------------*/

/* Resets default browser CSS styles.
   Created by Erik Meyer: 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* I'm trying the collapse property here instead of cellspacing="0" in the markup for IE see the discussion at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for more. */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Clearfix allows you to add a class to an existing div that will clear: both so that you don't have to add another div to clear: both. It was originally developed by Tony Aslett, of csscreator.com */

/* slightly enhanced, universal clearfix hack from www.perishablepress.com*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*---------COLOR PALETTE-------------*/

.darkblue { color: #1e3155; } /* dark blue for bg and text */
.tan { color: #dad4b8; } /* divider lines tan */
.color3name { color: #000; } /* color description e.g. burnt sienna */


/*----------HTML ELEMENTS------------*/

body {
	background-color: #1e3155;
	/*background-image: url(../images/960grid.png);  A grid image for fixing layout.*/
	color: #3c4c6c;
	font-family: Georgia, serif;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5 { color: #1e3155; }

h1 {
	margin: 0;
	float: right;
	width: 20px;
	font-size: 50%;
	color: #21375c;
}

h2 { 
	margin: 0 0 15px 0;
	font-size: 150%;
	font-weight: normal;
    background: url(../images/h_tile.gif) repeat-x;
	height: 27px;
}

h3 { 
	margin: 0 0 15px 0;
	background: url(../images/h_tile.gif) repeat-x;
	padding-top: 5px;
	height: 27px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;
}

h4 { font-size: 100%; font-weight: bold; margin-top: 25px; }
h5 { font-size: 100%; }
p { margin: 12px 0 15px 0; line-height: 145%; }
a { color: #3c4c6c; text-decoration: underline; }
a:hover { text-decoration: underline; }
small { font-size: 90%; }
strong { font-weight: bold; }
em { font-style: italic; }
table td.formLabel { padding: 4px 15px 0 0; vertical-align: top; }
ul { list-style-type: disc; list-style-position: inside; }


/*-----------LAYOUT DIVS-------------*/

#container {
	width: 100%;
}

#header {
    background: url(../images/bg_tile_top.gif) repeat-x;
	height: 212px;
	width: 100%;
}

#h1andimagewidth {
	width: 1044px;
	height: 212px;
	float: left;
}

#header_image {
	width: 1024px;
	height: 212px;
	display: block;
	float: left;
}

#white_bg {
	width: 100%;
	background-color: #fff; 
}

#content {
	width: 1024px;
	min-height: 432px;
	background-color: #fff;
}

#nav1 {
	margin: 0 39px 0 80px;
    background: url(../images/logo_btm.gif) no-repeat;
	float: left;
	width: 126px;
	display: inline;
}

#expandNav1 {
	margin: 0 25px 5px;
}

#maincol {
	margin: 0 40px 20px 40px;
	float: left;
	width: 394px;
	min-height: 412px;
	display: inline;
}

#subcol {
	margin: 0 21px;
	float: left;
	width: 225px;
	font-style: italic;
	font-size: 0.9em;
	color: #495979;
}

#subcol p {
	margin-top: -6px;
	line-height: 155%;
}

#maincol ul {
	line-height: 155%;
}

#maincol li {
	margin-bottom: 15px;
}

#footer {	
	clear: both;
    background: url(../images/bg_tile_btm.gif) repeat-x;
	width: 100%;
	height: 320px;
}	

.navtop {
	margin-top: 26px;
}



/*---------------NAV-----------------*/

/* Nav hierarchy should go: nav1, nav2 and so on. I developed expandNav for anchor points in a long page of content. The php could be added to so that the links go to separate pages but it will have to check the page titles of each of those to know to keep the expand nav visible. */

#nav1 ul { 
	list-style-type: none; 
}

#nav1 li {
	text-align: center;
}

#nav1 a {
	height: 50px;
 	display: block;
  	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
	background: url(../images/nav_bg.gif) repeat-x;
	width: 126px;
	line-height: 130%;
}

.nav_space {
     visibility: hidden;
     display: block;
     content: " ";
     height: 10px;
}

#nav1 li.active a, #nav1 li a:hover {
	text-decoration: none;
	color: #fff;
	background: url(../images/nav_bg_hover.gif) repeat-x;
	display: block;
	width: 126px;
	height: 50px;
}

#expandNav1 li {

}

#expandNav1 a {

}

#expandNav1 li.active a, #expandNav1 li a:hover {
	text-decoration: none;
}

.bottom {
	border-bottom: 1px solid #dad4b8;
}


/*---------------FORMS---------------*/

/* Contact Us Page Form */

form {
	margin: 25px 0 0 0;
}

.formTable {
 
}

td.formLabel {
	width: 80px;
	height: 30px;
}

.formField {
	margin-top: 2px;
	background-color: #fafafa;
	border: 1px solid #dad4b8;
	width: 312px;
	color: #3c4c6c;
	font-family: Georgia, serif;
	font-size: 1em;
}

.SubmitButton {
	margin: 20px 0 0 0;

}


/*------------OTHER STUFF------------*/

.h4top {
	margin-top: 20px;
}