/* site base css */

/* Finally broke done and decided to use Eric Meyer's Reset CSS. */
/* START: Reset CSS */
/* 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;
}

/* 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;
}
/* END: Reset CSS */


/* set body & font styles */
body {background: #64231d url('images/body-bg.gif') repeat-x;}
/* we need to declare font styles for the body if something does not get wrapped in a tag */
body, p {color: #d1d0c5; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif;}


/* let's not forget our basic font styles */
h1, h2, h3, h4, h5 {font-weight: bold; line-height: normal;}

h1 {font-size: 24px;}

h2 {font-size: 18px;}

h3 {font-size: 14px;}

h4 {font-size: 12px;}

h5 {font-size: 11px; text-transform: uppercase; letter-spacing: 1px;}

/* set basic margins for headlines and paragraphs */
h1, h2, h3, h4, h5, h6, p {margin-bottom: 20px;}


/* set links */
a img {border: 0;}
a {text-decoration: none;}
a:link, a:visited, a:hover {color: #d1d0c5;}
a:hover {text-decoration: underline;}

/* containers */
div#wrapper {background: black url('images/wrapper-bg.gif') repeat-x; width: 870px; margin: 10px auto 0;}

div#container {background: #103f19 url('images/container-bg.jpg') no-repeat; width: 850px; margin: 0 10px; padding: 0; padding-top: 20px;}

div#header {margin-bottom: 100px;}

div#mainCol {padding: 0 50px; margin: 50px 0 0 0; float: left; width: 550px;}

body.admin div#mainCol {width: 750px; float: none;}

div#extraCol {float: right; width: 200px; margin-top: 50px;}

div#footer {background: #032806 url('images/footer-bg.gif') no-repeat; padding: 0 20px 10px; margin: 40px 10px 0px;}
div#footer p {display: block; width: 99%; margin: 0; padding: 0; padding-top: 10px; line-height: normal; font-size: 11px;}

/* misc */
.clear {clear: both;}

/* lists */
#mainCol ul {list-style: disc; margin: 20px;}

/* override system forms styles */
div.fieldItem.fieldSelected { background: none !important; }

/****
BOULEVARD CMS COMPONENT STYLES 
*****/

/* containers */
div.element {clear: both; width: inherit; padding: 0; margin: 0; margin-bottom: 50px;}

div#extraCol div.element {margin: 20px 0;}
div#extraCol div.element p {margin-top: 10px; margin-bottom: 0;}
div#extraCol div.element a {text-decoration: underline;}


ul.globalRootMenu li {display: block;}

/* main navigation */
ul.globalRootMenu.nav, div.transparencyBox p {background: #043408; font-size: 14px; padding: 0 20px 10px;}
ul.globalRootMenu.nav li {display: block; width: 100%; line-height: normal;}
ul.globalRootMenu.nav li a {color: white; font-weight: bold; display: block; border-bottom: 1px solid #71706b; padding: 5px 0; margin: 0; width: 100%;}

/* make navigation and custom callouts in the extraCol have transparency */
div.transparencyBox {background: transparent url('images/nav-top-bg.gif') no-repeat; padding: 10px 0; opacity: 0.80; -moz-opacity: 0.80; filter: alpha(opacity=80);}
div.transparencyBox p {margin: 0; padding-top: 10px;}
div.transparencyBox img {display: block;}

/* main navigation - footer */
ul.globalRootMenu.footer {display: block; width: 99%; font-size: 11px; margin: 0; padding: 0; line-height: normal; width: 600px;}
ul.globalRootMenu.footer li {float: left; margin: 0; padding: 0; margin-right: 10px;}
ul.globalRootMenu.footer li a {display: block; text-decoration: underline;}

/* custom css */
.align {display: block; margin-bottom: 10px;}
/* <textEditor> */
.align.left {float: left; margin-right: 40px;}
.align.right {float: right; margin-left: 40px;}
/* </textEditor> */

/* admin adjustments */
.regionBoundary {background: none; border: 1px dotted #999;}