@charset "UTF-8";

/* ---------- reset ---------- */

* {margin:0; padding:0;}
a img {border:0;}
a {outline:0;}
ul {margin-left:2em;}
p {padding-bottom:1em;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}

.clearfix {clear:both;}

/* ---------- general styles ---------- */

html { 
	overflow-y: scroll; 
	} 

html, body { 
	height: 100%; /* footer-push style */
	}

body {
	background:#e4f2fd url(images/vertical_bg.jpg) repeat-y center;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:12px;
	}

/* 
the following code centers the page using negative margins.  the margin-left is equl to half the total width of the division.  also, make the margin-left more negative by the size of the border. 
	left:50%;
	width:900px;
	position:absolute;
	margin-left:-451px;
*/

/* ---------- container styles ---------- */
	
#container {
	width:900px;
	background-color:#FFFFFF;
	border-left:solid 1px #444;
	border-right:solid 1px #444;
/* footer-push styles below */
	margin: 0px auto -110px auto; /* the negative margin is the height of #footer, #push */
	min-height: 100%; /* this pushes the #footer division to the bottom of the chrome */
		height: auto !important; /* IE fix */
		height: 100%; /* IE fix */
	}

/* ---------- header styles ---------- */

#header {
	background-color:#48759e; /* header blue */
	height:150px;
	}

/* ---------- nav styles ---------- */
	
#nav {
	padding:6px 0px 7px 20px;
	background:#444 url(images/nav_bg.jpg) repeat-x;
	}
	
#nav a {
	font-weight: bold;
	text-decoration:none;
	font-size:14px;
	color:#aaa;
	padding:0 10px;
	text-shadow:#111 1px 1px 1px;
	text-transform:uppercase;
	}
	
#nav a:hover {
	color:#fff;
	}
	
#nav a.current {
	color:#d54e21; /* orange */
	}
	
/* ---------- content styles ---------- */
	
#content {
	padding:20px 30px 10px 30px; /* 840px width available */
	}
	
#content h1.title {
	font-size:1.5em;
	color:#d54e21; /* orange */
	text-shadow:1px 1px 0 rgba(0,0,0,0.1);
	font-family:Michroma;
	text-transform:uppercase;
	}
	
#content p {
	font-size:12px;
	line-height:1.75em;
	text-align:justify;
	color:#333;
	}

#content a { 
	color: #2583ad; /* link blue */
	text-decoration: none; 
	font-weight: bold;
	border-bottom:1px dotted #2583ad;
	}

#content a:hover { 
	color: #d54e21; /* link orange */
	border-bottom:1px solid #d54e21;
	}
	
#content img.right {
	margin:5px 0 10px 20px;
	float:right;
	}
	
#content img.left {
	margin:5px 20px 10px 0;
	float:left;
	}
	
#content ul {
	font-size:14px;
	margin-bottom:1em;
	line-height:1.5em;
	position:relative;
	left:2em;
	font-family:Michroma;
	}
	
#content ul li a {
	color:#48759e;
	font-weight:normal;
}

#content iframe {
}
	
/* ---------- footer styles ---------- */

#push {
	height: 115px; /* must match footer */
	}

#footer {
	background:#333;
	width:900px;
	height:99px; /* 110px total */
	border-top: 1px solid #ddd;
	margin:0 auto;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	}

#footer p {
	text-align:center;
	padding:0;
	color:#ddd;
}

#footer a {
	font-size:12px;
	}
	
#footer .tagline {
	font-size:10px;
	font-style:italic;
	color:#bbb;
	padding-bottom:1em;
	}	

#footer .copyright {
	font-size:9px;
	color:#666;
	}	

#footer a { 
	color: #2583ad; /* link blue */
	text-decoration: none; 
	font-weight: bold;
	border:none;
	}

#footer a:hover { 
	color: #d54e21; /* link orange */
	}

/* ---------- form styles ---------- */

fieldset {
	background:#e4f2fd;
	border:solid 1px #49769f;
	margin:5px;
	padding:5px
	}

#personal {
	background:#e4f2fd;
	border:solid 1px #49769f;
	margin:5px;
	padding:10px
	}

#personal label {
	font-size:10px;
	padding:5px;
	}

#personal input {
	padding:1px;
	width:95%;
	}

textarea {
	font:10px;
	padding:1px;
	width:95%;
	}

input[type="submit"], input[type="reset"] {
	background:#d55921;
	font:10px;
	color:black;}

#buttons {text-align:center}

/* ---------- other styles ---------- */