/* ------------------------------------------------------------------------------------------
Based on:
YUI Base CSS - http://developer.yahoo.com/yui/base/
YUI Fonts CSS - http://developer.yahoo.com/yui/fonts/
Richard Rutter's: How to Size Text in CSS - http://www.alistapart.com/articles/howtosizetextincss
------------------------------------------------------------------------------------------ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%; /* assuming base font size of 16px. 16 * .75 = 12 */
	line-height:1.4em;
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}

a:link,
a:visited {
	text-decoration:underline;
	outline:none;
}

a:hover,
a:active {
	text-decoration:underline;
	outline:none;
}

#wrapper {
	width: 981px;
}

#header {
	height: 90px;
	padding: 70px 70px 0 55px;
	line-height: 1.8px;
	margin: 0 30px 0 30px;
	width: 796px;
}
	#header a:link, #header a:visited {text-decoration: none;}
	#header a:hover, #header a:active {text-decoration: underline;}
	
	#header p {
		float:right;
	}

	#header h1, #header p {
		font-size:2.5em;
		font-family: "Georgia", Times New Roman, Times, serif;
		font-weight: normal;
	}

	#header h2 {
		font-size:1.5em;
		color: #fff;
		font-style: italic;
	}

#masthead {
	height: 335px;
}
#masthead p {
	padding: 100px 510px 0 290px; 
	font-size: 1.2em; 
	line-height: 1.6em;
	color: #fff;
	text-align:center;
	}
#masthead.static p {
	padding-top: 80px;
	font-size: 1.5em; 
}

#navigation-container-lower {
	padding: 20px 20px 10px 20px;
	margin: 0 30px 0 30px;
	width: 881px;
	text-align:center;
}

	#main-navigation {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.6em;
	}

	#main-navigation li {
		display:inline;
		border-left: 1px solid #fff;
		padding: 0 10px 0 12px;
		list-style:none;
		background: none;
	}
	#main-navigation li.first {
		border-left: none;
	}
	
#main-navigation li a:link,
#main-navigation li a:visited {
	text-decoration:none;
	outline:none;
}

#main-navigation li a:hover,
#main-navigation li a:active {
	text-decoration:underline;
	outline:none;
	}
	
#main {
	padding-top: 60px;
	margin: 0px 30px 0px 85px;
	width: 866px;
	display: inline;
}
	
	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5,
	#main h6 {
		font-family: Georgia, serif;
		font-weight: normal;
	}

	#main h1 {
		font-size:2em;
	}
	
	#main h2 {
		font-size:2em;
	}
	
	#main h3 {
		font-size:1.5em;
	}
	#main ul li {padding-left: 13px; margin-bottom: 2px;}
	
#content {
	margin: 0px;
	width: 601px;
}

#center {
	margin: 0 49px 0 0px;
	width: 552px;
	float: left;
	display: inline;
}
	
	#center abbr,
	#center acronym {
		border-bottom-style:dotted;
		border-bottom-width:1px;
		cursor:help;
	}

	#center blockquote,
	#center ul,
	#center ol,
	#center dl {
		margin:1em;
	}

	#center ol,
	#center ul,
	#center dl {
		margin-left:2em;
	}

	#center ol li, #center ul li ol li {
		list-style: decimal outside;
		background: transparent;
		padding-left: 0px;
	}

	#main ul li ul li, #main ol li ul li {
		list-style: square outside;
		padding-left: 0px;
		background: transparent;
	}

	#center dl dt {
		font-weight:bold;
	}

	#center dl dd {
		margin-left:1em;
	}

	#center th,
	#center td {
		border-style:solid;
		border-width:1px;
		padding:.5em;
	}

	#center th {
		font-weight:bold;
		text-align:center;
	}

	#center caption {
		margin-bottom:.5em;
		text-align:center;
	}

	#center h1,
	#center h2,
	#center h3,
	#center h4,
	#center h5,
	#center h6,
	#center p,
	#center fieldset,
	#center table {
		margin-bottom:1em;
	}

#right {
	float: right;
	display: inline;
	width: 230px;
	margin: 0 35px 0 0;
}
#right h3 { font-size: 1em;}

#quick-contact {
	margin:10px 0px 10px 0px;
}

	#quick-contact input,
	#quick-contact textarea {
		border:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
		line-height:1.1em;
		margin-bottom:.3em;
		padding:.3em;
		width:90%;
		vertical-align: middle;
		width: 222px;
	}
	#quick-contact input { height: 15px;}
	#quick-contact textarea { height: 66px; }
	#quick-contact input.button {
		width: 60px;
		height: 20px;
	}
	
#footer {
	clear: both;
	padding: 28px 20px 10px 20px;
	font-size: 1.1em;
	text-align:center;
	width: 881px;
	margin: 30px 30px 0 30px;
}

	#footer-navigation {
		margin-bottom: 10px;
	}

	#footer-navigation li {
		list-style:none;
		background: none;
		display:inline;
		border-left: 1px solid #fff;
		padding: 0 10px 0 12px;
	}
	
	#footer-navigation li.first {
		border-left: none;
	}	


/* setting line height for every element we set a font size on */
#header p,
#header h1,
#header h2,
#main h1,
#main h2,
#main h3 {
	line-height:1.125em;
}

/* unused elements */
#left,
#navigation-container-upper {
	display:none;
}

/* optional containers */
#optional-header-container-1,
#optional-header-container-2,
#optional-left-container-1,
#optional-left-container-2,
#optional-center-container-1,
#optional-center-container-2,
#optional-right-container-1,
#optional-right-container-2,
#optional-footer-container-1,
#optional-footer-container-2,
#optional-body-container-1,
#optional-body-container-2 {
	display:none;
}

/* ------------------------ main contact form ------------------------ */
#center #contact-main { margin:20px 0 10px 0; }

#center #contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#center #contact-main label input, 
#center #contact-main label textarea, 
#center #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	border:none;
	}

#center #contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#center #contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

#center input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0;
	border:none; 
	}

#center input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */