/* http://meyerweb.com/eric/tools/css/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;
}


/*  Created by: Stephanie Sullivan http://www.w3conversions.com
	Last Revised: Feb 2010 */

body {
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	color: #474747;
	background: #54575B url(../images/body_back.jpg) repeat-x;
}
html,
body {
	height: 100%;
	margin-bottom: 1px;
}

/* basic type and headings */
p,
li,
dt,
dd,
table {
	font-size: 0.8em;
	line-height: 1.5;
}
p {
	margin-bottom: 1em;
}
#header h1 {
	color: #666;
	font-weight: bold;
	margin: .8em 0 0;
	font-size: 1em;
}
h2 {
	color: #474747;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
h2 span {
	display: block;
	font-size: .7em;
	color: #333333;
	padding-top: .5em;
	padding-bottom: 1em;
}
h2.inline {
	float: left;
	padding-right: 5px;
	border-right: 1px solid #956802;
	margin-bottom: 0;
	margin-right: 5px;
	font-size: .9em;
	color: #c48904;
	line-height: 1.3;
}
h3 {
	font-size: .9em;
	margin-bottom: .4em;
	margin-top: 1.5em;
}
h3,
h4,
h5 {
	color: #c48904 !important;
}

/* adjust for type shrinkage */
dd p,
li p,
li li,
dd li,
table li,
table p {
	font-size: 1em;
}

/* list indentation */
ul ul {
	margin-left: 1.5em;	
}

/* sitewide link styles */
a {
	color: #9D0909;
	text-decoration: underline;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
h2 a,
h3 a,
h4 a,
#subNav a {
	text-decoration: none;
}
#mainContent .callout h4 {
	padding-top: 0 !important;
}
.callout h4 a {
	color: #7F1B1B;
	line-height: 1.8;
	font-weight: normal;
	font-size: .95em;
}
.feature .callout h3 a {
	line-height: 1.8;
}
a:visited {
	color: #670408;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
#footer a:hover,
#footer a:active,
#footer a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus,
#sidebar1 a:hover,
#sidebar1 a:active,
#sidebar1 a:focus {
	text-decoration: underline;
}

/* Now we start the divs */
#container {
	width: 62.4375em; /* (999px) */
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}
.gallery #container {
	background: #FFF url(../images/container_back.gif) repeat-x;
}

/* header area */
#header {
	overflow: hidden;
	border-bottom: 3px solid #FFF;
	background: #000;
}
#logo {
	float: left;
	display: inline;
	margin: 0 3.75em .5em 1em;
}
#title {
	float: right;
	display: inline;
	margin-right: 1em;
}

/* top horizontal navigation */
#nav {
	background: #670408 url(../images/nav.jpg) repeat-x;
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#nav li {
	float: left;
	background: url(../images/nav_divide.gif) no-repeat left center;
}
#nav li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	font: 1.1em/2.2 Futura, Eurostile, Calibri, Arial, sans-serif;
	text-shadow: 1px 1px 2px #213140;
	padding: 3px 7px 12px 9px;
}
#nav li.active a,
#nav li.open a,
#nav li a:hover,
#nav li a:active,
#nav li a:focus {
	background: #D9D9D9 url(../images/nav_hover.jpg) repeat-x;
	color: #333333;
	text-shadow: 1px 1px 2px #FFF;
}
#nav .first {
	background: none !important;
	margin-left: 1em;
	display: inline;
}

/* left sub-navigation styles */
#subNav {
	margin: .375em;
	background: #FFF url(../images/shadow_lt.jpg) repeat-x;
	border-bottom: 1px solid #D5D5D5;
	border-right: 1px solid #F1F2F4;
	border-left: 1px solid #F1F2F4;
}
#subNav ul {
	margin-left: 0;	
}
#subNav li {
	border-top: #D5D5D5 solid 1px;
}
#subNav li li {
	border-top-color: #D5E2ED;
}
#subNav li li li {
	border-top-color: #DFEBFA;
}
#subNav li li li li {
	border-top-color: #E2EEFF;
}
#subNav li a {
	display: block;
	font-weight: bold;
	padding: .7em .5em .5em .8em;
	padding-left: 1em;
}
#subNav a:link, #subNav a:visited {
	color: #333333
}
/*  #A9C3D6 - med blue 
	#C7D4DE - blended blue
	#D3E0EA - light blue
	
	#044F97 - bright blue
	#314C63 - navy blue
*/
/* primary level */
#subNav .active a {
	color: #ede0c3;
	background: #c48904;
}
#subNav .open a {
	background: #c48904;
	color: #ede0c3;
}
/* secondary level */
#subNav .open ul a, #subNav .active ul a  {
	color: #c48904;
	background: #f5eee0;
	padding-left: 1.5em;
}
/* secondary level - active */
#subNav ul .active a {
	color: #9D0909;
}
/* tertiary level */
#subNav ul .active ul a, #subNav ul .open ul a {
	color: #c48904;
	padding-left: 2em;
	background: #f5eee0;
}
/* tertiary level - active */
#subNav ul ul .active a {
	color: #9D0909;
}
/* fourth level */
#subNav ul ul .active ul a, #subNav ul ul .open ul a {
	color: #c48904;
	padding-left: 2.5em;
	background: #ede0c3;
}
/* fourth level - active */
#subNav ul ul ul .active a {
	color: #9D0909;
}

/* hover styles for all */
#subNav li a:hover,
#subNav li a:active,
#subNav li a:focus,
#subNav li li a:hover,
#subNav li li a:active,
#subNav li li a:focus,
#subNav li li li a:hover,
#subNav li li li a:active,
#subNav li li li a:focus {
	background: #ede0c3;
	text-decoration: none;
	color: #c48904;
}

/* source order container */
#source {
	float: left;
	width:50em;
}

/* styles within the mainContent area */
#mainContent {
	float: right;
	width: 34em;
	padding: 1.5em 0;
}
#mainContent p {
	margin-right: 2em;
}
#mainContent li {
	margin-top: 1.5em;
	background: url(../images/arrow_red.gif) no-repeat 0 0.15em;
	padding-left: 10px;
}
.gallery #mainContent {
	padding-top: .5em;
}
.feature {
	margin: 2em auto 1em;
	overflow: hidden;
}
.feature .callout {
	width: 14em;
	float: left;
	padding-right: 5em;
	margin-top: 0.7em;
}
.callout {
	width: 33%;
	float: left;
	margin-top: .5em;
}
.callout img {
	display: block;
	padding-bottom: 15px;
	background: url(../images/shadow_dk.jpg) repeat-x bottom left;
	height: 90px;
}

/* gallery selectors */
h2.title {
	border: 1px solid #666;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 0.9em;
	margin: .5em auto .5em;
	padding: 0.5em;
	font-weight: normal;
	background: #202020 url(../images/title_back.jpg) repeat-x bottom left;
	color: #FFF;
	width: 33.7222em;
}
#gallery {
	width: 33em;
	height: 490px;
	overflow: auto;
	position: relative;
	margin: 0 auto;
}
#detailWrapper {
	height: 333px;
	background: url(../images/loading-publish.gif) no-repeat center center;
}

#detailImg {
	display: block;
	margin: auto;
}
/*#slideshow a { If images need to be clipped, this can be made to clip images -- but will need to fix
	height: 75px;
	width: 75px;
	overflow: hidden;	
	display: block;
}*/
#slideshow a img {
	border: 1px solid #999;
}
#slideshow a:hover img,
#slideshow a:active img,
#slideshow a:focus img {
	border: 1px solid #FFF;
}
#gallery .slideshowOff {
	width: 28.5em;
	margin: 0 auto;
}
#gallery .slideshowOn {
	height: 90px;
	overflow: hidden;
	width: 28em;
	margin: 0 auto;
}
#gallery .slideshowOn ul {
	padding-left:0;
	width:3900px;
}
#gallery .slideshowOff ul {
	padding-left:0;
}
#gallery #slideshow ul li {
	float: left;
	width: 80px;
	padding: 5px;
	background: none;
	margin-top: 0;
}
#gallery .slideshowOff ul li { /* just added this */
	padding: 4px 5px !important;
}
#gallery #prev {
	position: absolute;
	left: 15px;
	bottom: 55px; /*top: 405px; - Changed to bottom in case font size increases*/
}
#gallery #next {
	position: absolute;
	right: 15px;
	bottom: 55px;
}
.displayOff {
	display: none !important;
}
.displayOn {
}
#errorImage {
	display: block;
	margin: 0 auto;
	padding: 120px 0 0;
}

/* location selectors */
.location {
	margin: 1em 0 2em;
}
iframe {
	border: #333 solid 1px;
}

/* vcard selectors */
#footer .vcard {
	float: left;
	padding: 0 .5em 0 0;
}
.vcard .org {
	font-weight: bold;
	margin-top: .2em;
}
.street-address {
	display: block;
}
.vcard li {
	padding-bottom: .5em;
}
.vcard em {
	font-style: normal;
	font-weight: bold;
}

/* left sidebar styles */
#sidebar1 {
	float: left;
	width: 14em;
	background: #E1E1E1 url(../images/sidebar1_back.jpg) repeat-x;
	display: inline;
	margin: .5em;
}
.left #sidebar1 {
	background-color: #FFF;
}
#sidebar1 ul#main {
	margin: .375em;
}
#sidebar1 ul#main li {
	background: #FFF url(../images/shadow_lt.jpg) repeat-x;
	border-bottom: 1px solid #D5D5D5;
	padding: 0 .5em 0 .75em;
}
#sidebar1 h4 {
	padding: .75em 0 .5em 0;
}
#sidebar1 p {
	margin: 0 0 .5em;
	font-size: .9em;
}

/* right sidebar styles */
#sidebar2 {
	float: right;
	width: 11em;
	padding: .5em;  /* padding used on #sidebar2 since it's transparent - margin on #sidebar1 since it has a background color */
}

/* This can be used to make the little gradient boxes. Yes, it's a cr*pload more code then I like to write. The designer created them, the client loved them, I coded them. They're reusable. ;) */
.pod {
	background:	#FDFDFD;
	position: relative;
	margin-bottom: 1em;
}
.pod_back_l {
	background: url(../images/pod_mid_l.jpg) repeat-y;
}
.pod_back_r {
	background: url(../images/pod_mid_r.jpg) repeat-y top right;
}
.pod_top {
	background: url(../images/pod_top.jpg) repeat-x;
}
.pod_bott {
	background: url(../images/pod_bott.jpg) repeat-x left bottom;
	min-height: 155px;
	padding: .7em 1em .75em;
}
.pod_tl {
	position: absolute;
	background: url(../images/pod_t_l.jpg) no-repeat;
	top:0;
	left:0;
	height: 70px;
	width: 4px;
}
.pod_tr {
	position: absolute;
	background: url(../images/pod_t_r.jpg) no-repeat;
	top:0;
	right: 0;
	height: 70px;
	width: 4px;
}
.pod_bl {
	position: absolute;
	background: url(../images/pod_b_l.jpg) no-repeat;
	bottom:0;
	left:0;
	height: 80px;
	width: 4px;
}
.pod_br {
	position: absolute;
	background: url(../images/pod_b_r.jpg) no-repeat;
	bottom:0;
	right: 0;
	height: 80px;
	width: 4px;
}
.pod p span {
	font-size: 1em;
	font-weight: bold;
	color:#8D0A0A;
}
.pod p em {
	color: #c48904;
	font-style: italic;
	font-weight: bold;
	font-size: .9em;
}
.build {
	font-size: 1.1em;
	color: #213140;
	margin-top: 0.5em;
}

/* footer styles */
#footer {
	padding: 2em 1em 2em 1.5em;
	background:#000 url(../images/footer_back.jpg) no-repeat center top;
	color: #FFF;
	overflow: hidden;
}
#footer dl {
	margin: 0;
	padding: .5em .5em 0 0;
	width: 13em;
	float: left;
}
#footer dt {
	font-weight: bold;
	padding: 0 0.25em;
	border-bottom: #999 dotted 1px;
	margin: 0 1em .7em 0;
}
#footer dd {
	line-height: 1.7;/*font-size: .9em;*/
}
#social dd {
	padding-left: 20px;
}
#linked {
	background: url(../images/icn/linkedin.png) no-repeat left center;
}
#twitter {
	background: url(../images/icn/twitter.png) no-repeat left center;
}
.fbook {
	background: url(../images/icn/facebook.png) no-repeat left center;
}
#flickr {
	background: url(../images/icn/flickr.png) no-repeat left center;
}
#rss {
	background: url(../images/icn/rss.png) no-repeat left center;
}
.icnvc, a[href="\*.vcf"] { /* check this - discard ahref? */
	background: url(../images/icn/vcard.gif) no-repeat left -4px;
	padding-left: 35px;
}
#footer .contact {
	width: 32em;
}
#footer .copyright {
	clear: both;
	margin-top: 2em;
	font-size: .7em;
	color: #999;
}

/* Form styles */
#ezine {
	margin-top: .5em;
}
#footer #contact {
	width: 22em;
	float: right;
}
label {
	display: block;/*margin-bottom: .1em;*/
}
#ezine label {
	font-size: .8em;
}
#footer label {
	font-size: 1.2em;
}
input,
textarea {
	margin-bottom: .7em;
	padding: .3em 0;
	color: #000;
	border: #314C63 solid 1px;
	background: #FFF url(../images/shadow_dk.jpg) repeat-x 0 -2px;
}
#footer input {
	width: 19.2em;
	font-size: 1em; /*there's some inheritance issue I haven't found - 24em is rendering as if there's a .7em font size in Mac and 1em in PC. Added the font-size here. Do not remove. */
}
#ezine input {
	width: 11.05em;
	font-size: 1em;/*there's some inheritance issue I haven't found - 24em is rendering as if there's a .85em font size in Mac and 1em in PC. Added the font-size here. Do not remove. */
}
#footer textarea { /* do not place the font-size on the textarea - unpredictable */
	width: 19.2em;
}
#footer input.send,
#ezine input.send,
.button a {
	width: 8em;
	background: #440404 url(../images/submit.gif) repeat-x;
	padding: 0.5em;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.button a {
	text-decoration: none;
	display: block;
	margin: 1em auto;
}
#ezine input.send {
	font-size: .8em;
}
.error {
	color: #F00 !important;
	font-size: .9em !important;
}

/* results page */
#mainContent h4 {
	padding-top: 2em;
	padding-bottom: .2em;
	clear: both;	
}

/* pagination */
.pagination {
	margin-top: 1.5em;
}
#mainContent .pagination h4 {
	margin-bottom: .2em;
	padding: 0;
	font-size: .9em;
}
.pagination p {
	font-weight: bold;	
	font-size: .8em;
	margin: 0;
}

/* site map */
#sitemapNav li {
	margin-top: 1.5em;
	background: url(../images/arrow_gr.gif) no-repeat 0 .15em;
	padding-left: 13px;
	font-weight: bold;
}
#sitemapNav ul li, #sitemapNav ul ul li {
	margin-top: .1em;	
	background: none;
	font-weight: normal;
}

/* search page */
.search-result {
	margin-top: 1em;	
	margin-right: 2em;
}
.search-result p {
	margin-bottom: 0;	
}
.search-highlight {
	background: #FFFDD9;
}

/* landing pages */

.landing #mainContent {
	width: 44em;	
}
.landing .cta {
	color:	#7A0B0B;
	font-weight: bold;
	font-size: 1.2em;
}
.landing blockquote {
	background: #DBDFE8;
	padding: 10px 5px 1px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.landing cite {
	text-weight: bold;	
}
.landing #mainContent li {
	margin-top: .5em;	
}
.landing #mainContent h4 {
	padding-top: 1em;	
}

/* miscellaneous reusable classes */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* don't think I used this, but leaving just in case */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.imgright {
	float: right;
	margin-left: 8px;
	border: #111 solid 1px;
	padding: 2px;
}
.imgleft, .thumbnail {
	float: left;
	margin-right: 8px;
	border: #111 solid 1px;
	padding: 2px;
}
.small {
	font-size: 0.7em;
	line-height: 1.1;
}
.center {
	text-align: center;
}
.last {
	padding-right: 0 !important;
}
.half {
	width: 45%;
	float: left;
	padding-right: 5%;
}
.half dt {
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: .2em;
	font-size: .85em;
	color: #314C63;
}
.half dd {
	margin-bottom: 1em;
}
.print {
	display: none;	
}
/* That's the end, kids. Ciao! */

span.underline { text-decoration: underline; }