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

/* Colors

Blue: #203e8b
Teal: #397168
Gold: #c99c33
Grey: #555454
--------------------------------------------------------------------------------------------------- */


@import url("reset.css");

body {
	font: normal normal 13px/1.3em "Trebuchet MS", Helvetica, sans-serif;
	color: #203e8b;
	background: url(gfx/body-bg.jpg) repeat-x #ffffff;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 280px;
	position: relative;
	overflow: hidden;
	line-height: 1;
}

#header img {
	float: right; 
	border-right: 3px solid #555555;
}

img {vertical-align: bottom;}

div.logo {
	width: 266px;
	height: 280px;
	position: absolute;
	font-size: 5px;
	line-height: 1;
}

div.logo h1 {
	width: 266px;
	height: 280px;
	position: relative;
	overflow: hidden;
}

div.logo h1 span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(gfx/logo.png) no-repeat left top;
}

#content {background: url(gfx/secondary-bg.jpg) repeat-y left top; width: 900px;}

/* Utility Nav, Primary Nav
--------------------------------------------------------------------------------------------------- */

#utility-nav {
  font: normal bold 12px "Trebuchet MS", Helvetica, sans-serif; 
	width: 900px;
	color: #bdbdbd;
	padding: 6px 10px 10px 0;
	text-align: right;
	height: 15px;
	line-height: 1;
}

#utility-nav a, #utility-nav a:link, #utility-nav a:visited {
	text-decoration: none;
	color: #bdbdbd;
	font-weight: bold;
	text-transform: lowercase;
}
	
#utility-nav a:hover {border-bottom: 1px dotted #bdbdbd;}

#utility-nav, #primary-nav {list-style: none;}

#utility-nav li, #primary-nav li {display:inline;}

#utility-nav li {padding-left: 5px;}

p.viewing {
	color: #eadfc5;
	font: normal bold 13px "Trebuchet MS", Helvetica, sans-serif; 
	width: 170px;
	float: left;
	padding: 0px 0 0 30px;
	margin-top: 20px;
	background: url(gfx/arrows-down.gif) no-repeat right top;
}
	
#primary-nav {
  font: normal bold 22px "Trebuchet MS", Helvetica, sans-serif; 
	width: 635px;
	color: #ffffff;
  padding: 13px 10px 10px 0;
	text-align: right;
	float: right;
	height: 26px;
}

#primary-nav a, #primary-nav a:link, #primary-nav a:visited {
  text-decoration: none;
	color: #ffffff;
	font-weight: bold;
} 

#primary-nav a:hover {text-decoration: none; border-bottom: 2px dotted #ffffff;}

#primary-nav li {
  padding-left: 40px;
	background: url(gfx/arrows-primary.gif) no-repeat 20px center;
	}
	
/* Secondary
--------------------------------------------------------------------------------------------------- */

#secondary {
	width: 264px;
	float: left;
	color: #ffffff;
}

#sub-nav h3 {
	background-color: #203e8b;
  font: italic bold 24px "Trebuchet MS", Helvetica, sans-serif;
	padding: 15px 20px 10px 30px;
	line-height: 1.2em;
}

#sub-nav h3 a {
	text-decoration: none;
	color: #ffffff;
}


#sub-nav ul {
	padding: 7px 10px 10px 20px;
	font-size: 16px;
	color: #203e8b;
}

#sub-nav li a {padding: 5px 5px 5px 26px; display: block;}

#sub-nav li.current a, #sub-nav li a:hover {
	background: url(gfx/arrows-subnav.gif) no-repeat left 6px;
}

#sub-nav li a, #sub-nav li a:hover, #sub-nav li a:link, #sub-nav li a:visited {
	color: #203e8b; 
  text-decoration: none;
	font-weight: normal;
}


/* news
--------------------------------------------------------------------------------------------------- */

#news {
	margin-bottom: 15px;
	color: #397168;
}

#news a {
	color: #397168;
	text-decoration: none;
	font-weight: bold;
}

#news a:hover {
	border-bottom: 1px dotted #397168;
}
	
#news h3 {
	font: normal bold 18px "Trebuchet MS", Helvetica, sans-serif;
	padding: 15px 0px 15px 27px;
	line-height: 1.2em;
	color: #ffffff;
	background-color: #397168;
	margin-left: 3px;
	display: inline-block;
}

#news h3 a {
	padding-right: 13px;
	color: #ffffff;
	text-decoration: none;
}

#news h3 a:hover {
	text-decoration: none;
	border: none;
}

#news h4 {
	margin-bottom: 3px;
	text-transform: uppercase;
}

#news h4 a {
	font: normal bold 14px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
}

#secondary .news-excerpt {
	padding: 10px 15px 0px 35px;
}

#news p {
  font: normal normal 14px/1.4em "Trebuchet MS", Helvetica, sans-serif;
}


#news p.date, #news p.more {
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 6px;
}

#news p.more {
  text-align: right;
	font-style: italic;
	margin-top: -10px;
}

#news p.more a {	
	padding-right: 10px;
}

div.odd p.date, div.even p.date {
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 6px;
}

#primary h4.news {margin-bottom: .1em;}

/* News Submit and photoDbox
--------------------------------------------------------------------------------------------------- */
#newsSubmit {
	margin-bottom: 15px;
	color: #c99c33;
}

#newsSubmit a {
	color: #c99c33;
	text-decoration: none;
	font-weight: bold;
}

#newsSubmit a:hover {
	border-bottom: 1px dotted #c99c33;
}
	
#newsSubmit h3, h3#recentPhotos {
	font: normal bold 14px "Trebuchet MS", Helvetica, sans-serif;
	padding: 12px 5px 10px 27px;
	line-height: 1.2em;
	color: #ffffff;
	background-color: #c99c33;
	margin-left: 3px;
	width: 225px;
	display: inline-block;
}

#newsSubmit h3 a, h3#recentPhotos a {
	padding-right: 13px;
	background: url(gfx/brown-arrows.gif) no-repeat right 6px;
	color: #ffffff;
	text-decoration: none;
}

#newsSubmit h3 a:hover, #recentPhotos h3 a:hover {
	text-decoration: none;
	border: none;
}

#newsSubmit h3 span, #newsSubmit p span, #recentPhotos span, #news h3 span {
	padding-left:5px;
	font-size: 9px;
	letter-spacing: -5;
}

#newsSubmit p {
  font: normal bold 14px/1.4em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: 0;
}

#newsSubmit p.small {
	font-size: 12px;
}

#secondary .newsSubmitExcerpt {
	padding: 10px 15px 10px 30px;
}

#photoDbox {
	padding: 25px 0 10px 20px; 
	margin-bottom: 15px;
}

#secondary h3#recentPhotos {
  background-color: #555454;
}

#photoDbox li {
	float: left;
	padding: 0 10px 10px 0;
}

#photoDbox li img {
	border: 2px solid #555454;
}

	
/* Primary
--------------------------------------------------------------------------------------------------- */

#primary {
	float: right;
	width: 590px;
	margin-top: 20px;
	margin-right: 10px;
	display: inline-block;
}

/* Summary Page Styles
--------------------------------------------------------------------------------------------------- */

#primary div.odd h3, #primary div.even h3 {
	font: normal normal 18px/1.2em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: .4em;
	color: #b08523;
}

#primary div.odd, #primary div.even {
	border: 1px solid #B08523;
	padding: 15px 19px;
	margin-bottom: 10px;
}

#primary p.summary-more {
	margin-bottom: 0;
	font-size: 13px;
	text-align: right;
	margin-top: -10px
}

#primary p.summary-more a {
	padding: 5px 0 5px 25px;
	background: url(gfx/arrows-summary.gif) no-repeat left 5px;
	border-bottom: none;
}

/* Footer
--------------------------------------------------------------------------------------------------- */
	
#footer {
	background-color: #203e8b;
	padding-bottom: 25px;
}

#footerWrapper {
	width: 900px;
	margin: 0 auto;
  padding-top: 25px;
	font: normal normal 14px/1.3em "Trebuchet MS", Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;	
}

#footer p {margin-bottom: 5px;}

#footer a, #footer:link, #footer:visited {	
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

#footer a:hover {
	border-bottom: 1px dotted #ffffff;
}


/* Site Map 
--------------------------------------------------------------------------------------------------- */
#primary #site-map, #primary #site-map a {
	font-size: 14px;
	font-weight: bold;
	color: #203e8b;
	border-bottom: none;
}

#site-map {
	list-style: disc outside;
}

#site-map li {text-transform: uppercase;}

#site-map ul li {text-transform: none;}

#primary #site-map ul a {
	text-decoration: none;
	font-weight: normal;
	border: none;
}

#primary #site-map ul a:hover {border-bottom: 1px dotted #203e8b;}

#primary #site-map ul {
	list-style: square outside;
  margin-left: 15px;
}


/* Standard Styles most sites edit as needed
still needs to be edited
--------------------------------------------------------------------------------------------------- */


em, i {font-style: italic;}
strong, b {font-weight: bold;}
.left {float: left; width: auto;}
.right {float: right; width: auto;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

p {margin-bottom: 1em; line-height: 1.5em;}

#primary ul {
	padding: 0 10px 1em 40px;
  list-style: outside disc;
}

#primary ol {
	padding: 0 10px 1em 40px;
	list-style: outside decimal;
}

#primary li {
	margin-bottom: .4em;
	line-height: 1.5em;
}

hr {
	width: 100%;
	color: #203E8B;
	display: block;
}

blockquote {
	width: 80%;
	padding: 0px 20px 0 20px;
	border: 1px solid #555454;
	border-left: 4px solid #555454;
	background-color: #c99c33;
	margin-bottom: 20px;
	clear: both;
}

blockquote p {
	margin-bottom: 0;
	padding-bottom: 15px;
	color: #555454;
	font-weight: bold;
}

#primary h2 a, #primary h3 a, #primary h4 a, #primary h2 a:link, #primary h3 a:link, #primary h4 a:link, #primary h2 a:visited, #primary h3 a:visited, #primary h4 a:visited {
	text-decoration: none;
	color: inherit;
	border-bottom: none;
}

#primary h2 a:hover, #primary h3 a:hover, #primary h4 a:hover {
  filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

img.left {padding-right: 10px;}
img.right {padding-left: 10px;}

address {margin-bottom: 1em;}


/* Site Specific Typography
--------------------------------------------------------------------------------------------------- */
#primary h2 {
	font: italic bold 36px/1.2em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: .5em;
	color: #203e8b;	
}

#primary h3 {
	font: normal bold 20px/1.2em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: .4em;
	color: #b08523;
}

#primary h4 {
	font: normal normal 18px/1.2em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: .4em;
	color: #b08523;
}

#primary a, #primary a:link, #primary a:visited {
	color: #b08523;
	text-decoration: none;
	border-bottom: 1px dotted #b08523;
}

#primary a:hover {
	color: #c99c33;
	border-bottom: 1px dotted #c99c33;
}

td {padding: 10px;}


/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */