@charset "utf-8";
/* CSS Document */

html {
	margin: 0 0 1px 0;
	height: 100%;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #f2f2f3;
}

#page {
	margin:0;
	padding:0;
}

#header-row, #content-row, #footer-row, #copyright-row {
	width:100%;
	margin:0;
	padding:0;
}

#header-row {
	height:57px;
	background: url(imgs/header-bg.jpg) repeat-x;
}

#content-row {
	background:url(imgs/content-bg.jpg) left bottom repeat-x #d8d9db;
}

#footer-row {
	clear:both;
	min-height:138px;
	background-color:#5f7d87;
}

#copyright-row {
	clear:both;
	min-height:38px;
	background-color:#42575e;
}

#header-block, #content-block, #footer-block, #copyright-block {
	margin: 0 auto;
	width: 870px;
}

#header-block {
}

#content-block {
	min-height:380px;
	padding:1px 0;
}

.landing #content-block {
	background:url(imgs/landing-bg.jpg) 320px bottom no-repeat;
}


#copyright-block {
	padding:1px 40px;
}

#content-one {
	float:left;
	width:270px;
	padding:1px 0 1px 50px;
	margin-top:92px;
	color:#2e6d89;
}

.landing #content-one {
	margin-top:0;
}

.wide-page #content-one, .content-admin {
	float:none;
	width:750px;
	padding:1px 0 0 0;
	margin:60px auto 0;
	color:#000000;
}

.content-admin {
	margin-top:20px;
}

#content-one img, #content-two img  {
	border:#2e6d89 solid 10px;
}

.landing #content-one img, .landing #content-two img  {
	border:none;
}

#content-two {
	float:right;
	width:450px;
	padding:1px 0;
	margin-right:30px;
	min-height:340px;
	margin-top:60px;
	margin-bottom:30px;
}

.landing #content-two {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	width:250px;
	min-height:340px;
	margin-top:0;
	margin-bottom:0;
	position:relative; /* provides context for #address to be positioned at the bottom */
}

.wide-page #content-two {
	float:none;
	width:750px;
	padding:1px 0 0 0;
	margin:0 auto 20px;
}

#content-module {
	float:none;
	width:450px;
	padding:1px 0;
	margin:0;
}

.wide-page #content-module {
	width:750px;
}

.logo {
	margin:0 auto;
	padding:40px 0 60px;
}

#tag {
	color:#5f7d87;
	font-size:0.90em;
	margin-top:2em;
}

#address {
	margin:40px 0 0;
	font-size:0.85em;
	color:#42575e;
	position:absolute;
	bottom:0;
	right:0;
}

#address a {
	color:#42575e;
}

#nav-bar {
	height:57px;
	text-align:center;
	padding:1px 0;
}

#nav-bar #nav {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.80em;
}

#nav-bar #nav a {
	color:#231f20;
	text-decoration:none;
	padding:0.25em;
}

#nav-bar #nav a:hover, #nav-bar #nav a.current {
	color:#5f7d87;
	text-decoration:none;
}

.clearing {
	clear: both;
}

#footer-block {
	color:#FFFFFF;
	font-size:0.85em;
}

#footer-block ul {
	list-style:none;
	margin:0;
	padding:0;
}

#footer-block a {
	color:#FFFFFF;
}

#footer-block p {
	margin-top: 0.25em;
}

#footer-block h3 {
	margin-top: 0.25em;
}

#footer-table {
	padding:1em 0 1em 70px;
}

#copyright-block p{
	padding:1px 40px;
}

#copyright-text {
	float:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#5f7d87;
}

#copyright-tag {
	float:right; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.75em;
	color:#FFFFFF;
}

.landing #copyright-tag {
	display:none;
}

.sub-page h1, .wide-page h1, .content-admin h1 {
	color:#386c84;
	background:url(imgs/h1.png) left center no-repeat;
	padding:5px 0 5px 40px;
}

strong {
	color:#386c84;
}

a {
	color:#386c84;
}

ul.pdf {
	list-style-image:url(inc/images/pdflogo.gif);
}

/* editor */
#editor_top, #editor_bot {
	margin:20px 40px 20px 15px;
	background:#f5f5f5;
	clear:both;
}

#editor_bot {
	margin-top:0;
}

#editor-area {
}

#editor-area #content-one, #editor-area #content-two {
	margin-top:10px;
	margin-bottom:5px;
}

#editor-area.sub-page #content-one, #editor-area.landing #content-one {
	padding-left:0px;
	width:380px;
}

#editor-area.sub-page #content-two {
	margin-right:0px;
	width:450px;
}

form {  
}

form fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea, form select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form small-left {
	display: block;
	margin: 10px 10px 5px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form #news-block {
	margin-left:185px;
	font-size:1.2em;
}

form .required { /* uses class instead of div, more efficient */
	font-weight:bold; 
	color:#990000;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form p {
	font-size:1.0em;
	margin:5px 0 0 10px;
	padding: 1px 3px;
}