@charset "utf-8";

/**********  Eric Meyer Reset  v1.0 | 20080212  *************/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*************************   Layout / Containers   *************************/
html {
	overflow-y: scroll; /* firefox: forces scroll bar on short pages */
}
body {
	background: url("/images/main-bckg.png") #2e4b65 repeat-x;
	width: 100%;
}


#main-container {
	min-width: 960px;
}


#above-header {
	background:#2f4b65;
	height:30px;
	color:#fff;
	text-align:right;
	
	font-size:10px;
	line-height:25px;
}

#main-header {
  border-bottom:1px solid #555;
  border-top:1px solid #555;
	background: white;
	height:165px;
}

#main-body {
	margin: 20px auto 60px auto;
	min-height: 322px;
	padding-top:25px;
}
	
.inner {
	width:950px;
	margin:0px auto;
}

#main-picture {
	width:890px;
	height:240px;
	padding:5px;
	background:#ccc;
	margin-bottom:25px;
}

#container {
  width:900px;
  padding:25px;
	background:white;
	margin-bottom:25px;
	-webkit-box-shadow: 0px 0px 20px #333;
	-moz-box-shadow: 0px 0px 20px #333;
}

#main-col {
  width:550px;
  margin-right:75px;
  float:left;
}

#side-col {
  width:275px;
  float:left;
}

#footer {
  background: url("/images/footer-bckg.png") #6b6b6b;
  height:128px;
  padding-top:25px;
  border-top:1px solid #555;
}


/*************************   Header   *************************/

#logo {
  height:140px;
  z-index:100;
}

#above-header a {
  color:#fff;
}

#above-header a:hover {
  color:#ccc;
}

/*************************   Navigation   *************************/

#nav {
  
  text-align:right;
   z-index:99;
   position:relative;
   bottom:10px;
   right:0px;
}

#nav a.active {
  color: #2f4b65;
}



/*************************   Typography   *************************/

body {
	color: #676767;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
a {
	color: #676767;
}
a:hover {
	color: #999;
}
h1, h2, h3, h4, h5 {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1, h2 {
	color: #2f4b65;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

h3 {
	font-size: 18px;
}
h5 {
	font-size: 18px;
	color: #777;
	margin-bottom: 10px;
}
p {
  line-height: 150%;
  margin-bottom: 30px;
}

p.last {
  margin-bottom:0px;
}

#nav a {
  text-decoration:none;
}

#footer p {
  color:#fff;
}

/*******************************/

.clear-both {
	clear: both;
}

/*************************   List Items   *************************/

ul{
	margin-bottom:35px;
}

li{
	line-height: 22px;
	margin-left:20px;
	margin-bottom:20px;
	list-style: square;
}

#side-col li{
  margin-bottom:3px;
  font-size: 12px;
}



/*************************   Tables   *************************/
td, th  {
  line-height: 15px;
	padding: 10px;
	text-align: left;
}
table tr.rowA {
	background-color: #efefef;
	font-size: 11px;
}
table tr.rowB {
	background-color: #ddd; 
	font-size: 11px;
}


/*************************   Forms   *************************/
div.standard-form {
  margin-bottom: 30px;
}
.standard-form fieldset {
  border: 1px dotted #ccc;
  margin-bottom: 30px;
}
.standard-form legend {
  background-color: #fff;
  color: #00baff;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 24px;
  letter-spacing: -1px;
  margin-left: 10px;
  padding: 0 10px;
}
.standard-form fieldset ul {
  margin: 20px 20px 30px 20px;
}
.standard-form li {
  margin-bottom: 15px;
  list-style:none;
}
.standard-form label {
  text-align: left;
  margin-top: 3px;
  display:block;
  float: left;
  width:100%;
}
li.form-row {
  clear: left;  
}

.form-row textarea {
  width: 525px;
  height: 300px;
  float:left;
}

.standard-form input, .standard-form textarea, .standard-form select {
  background-color: #efefef;
  border: 1px solid #ccc;
  color: #777;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  padding: 2px;
}

.standard-form input{
  width: 100%;
}

.standard-form input:hover, .standard-form textarea:hover, .standard-form select:hover {
  border-color: #aaa;
}
.standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus {
  background-color: #fff;
  border-color: #aaa;
  color: #333;
}
.url-field input {
  background: #efefef url(/images/bg-field-http.gif) no-repeat;
  padding: 2px 2px 2px 52px;
}

.standard-form .submit-btn input {
  padding:10px 0px;
}
.standard-form .submit-btn input:hover {
  background:#666;
  color:#fff;
}

.plain input{
  width:auto;
}



/*************************   News   *************************/

.news-date {
  float: left;
	margin-right: 15px;
	width: 35px;
	padding:5px;
	border:1px solid #ccc;
	background:#2f4b65;
	color:white;
	text-align: center;
	line-height:20px;
}

.news-title {
  margin-bottom:5px;
  font-weight:bold;
}
.news-post {
	float: left;
	margin-bottom: 10px;
	width: 210px;
}

.month {
	font-size: 13px;
	text-transform: uppercase;
}
.day {
	font-size: 18px;
}

.more {
	text-align:right;
	font-size: 12px;
	margin-right:15px;
}

#news-big .news-date {
  margin-right:20px;
}


/*************************   Flash Messages   *************************/

.flash {
	padding:10px 0px;
	margin-bottom:20px;
	font-size:14px;
	text-align:center;
}



.flash.error {
	border:1px solid #e9131b;
	background:#f2c5c7;
	color:#e9131b;
}

.flash.notice {
	border:1px solid green;
	background:#a4d4a6;
	color:#green;
}



/*************************   Footer   *************************/

.bottom-links {
  margin-bottom:20px;
  color: #fff;
}

.bottom-links a {
  color: #fff;
  font-size:120%;
}

/*************************   Site By   *************************/

.site-by {
  font-size:10px;
  color:#fff;
  padding-top:20px;
}