/**
    Styles for the content area
**/

@import url("outer.screen.css");
@import url("sidebar.screen.css");

/** Section styles **/
@import url("home.screen.css");

/** Global styles **/
* {
	font-size:100.01%;
    font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
    margin: 0;
	padding: 0;
}

* html body {
        font-size: 15px;
}


#main {
float:left;
position:relative;
}
#content option {
padding-left: .7em;
}

body {
    text-align: center;
    color: #333333;
    background: #F1EEE6;
}

strong {
    font-weight: bold;
}

dt {
    font-weight: bold;
}

sup, small {
    font-size: .8em;
}

ul * ul li, ol * ol li, ol * ul li, ul * ol li {
font-size: 1em !important;
}

ol * ol li {
font-size: 1em !important;
}


#content p, #footer p, #content li, #footer li, dd, dt, td, th, caption {
	font-size:70%;
}
#content dd p {
	font-size:100%;
}
#content ul, #content ol, #content dl {
	margin-left:.4em;
}

p {
    margin: .8em 0;
}

li {
    margin: 0 1em;
}


th {
	font-weight:bold;
}

caption {
font-weight:bold;
}

dt {
	font-weight:bold;
}
dt, dd {
    margin: .2em .7em;
}

a {
    color: #006CAE;
    text-decoration: none;
}
    a:hover {
        text-decoration: underline;
    }
    a img {
        border: 0;
    }

h1 {
    margin: 0;
	font-size:150%;
    text-align: right;
    height: 30px;
    color: #CEAC42;
}

h3, h4 {
    margin: .5em 0;
    color: #7C6728;
font-weight: bold;
}

h2 {
    margin: .5em 0;
    font-size: 120%;
    line-height: 1em;
    border-bottom: 1px solid #C5B364;
	color:#7C6728;
}

h3 {
    font-size: 100%;
}

h4 {
    font-size: 90%;
}
h5 {
    font-size: 80%;
color: #7C6728 !important;
}
h6 {
    font-size: 70%;
color: #7C6728;
}

h5 {
    color: #444;
	font-weight: bold;
}

h6 {
    font-weight: normal;
}


.clear {
    margin: 0; padding: 0;
    clear: both;
    line-height: 1px;
    font-size: 1px;
    position: relative;
    top: -1px;
    overflow: hidden;
    height: 1px;
}





#content {
    float: left;
    position: relative;
    width: 430px;
    padding: 5px 25px 0 25px;
    background: #FFF;
    border: 1px solid #C5B364;
    padding-bottom: .5em;
}

* html #content {
		width: 430px; /* Why is this here/why had it reverted to 480px? IE Quirks mode? */
}

/*
TINO
*/
#content table {
    width: 100%;
}
#content td {
    font-size: 100%;
}

.pagination {
    text-align: center;
    color: black;
    margin: 1.5em 0;
}
.pagination a {
    color: inherit;
}
.pagination li {
    display: inline;
    margin: 0 !important; padding: 0 .3em !important;
}
.pagination .current {
    color: white;
    font-weight: bold;
    background: #006CAE;
}





body.sitemap #content .category {
    margin: 1em 20px .5em 0;
    float: left;
    width: 300px;
}
body.sitemap #content .b_items {
position:absolute;
right:20px;
top:60px;
width:190px;
}
body.sitemap #content .b_items .category {
margin:0;
width:190px;
}
body.sitemap #content h3 {
    border-bottom: 1px solid #C5B364;
	width:190px;
}
    body.sitemap #content h3 img {
        vertical-align: top;
        margin-right: 2px;
    }
    
body.sitemap #content ul {
    list-style-type:square;
    margin-left: .4em;
}






body.news #content h3, body.search #content h4 {
    margin: 1.2em 0 0 0;
    font-size: 90%;
}
	body.news #content h3 a {
		font-weight:bold;
	}
body.news #content p, body.search #content p {
    margin: 0 0 1em 0;
}
body.news #content .published, body.search #content .published {
    margin: 0;
    color: #777;
}



body.news #content h2.related {
    margin-top: 2em;
}
    body.news #content ul.related {
        list-style: none;
    }
        body.news #content .related li {
            margin: 0; padding: 0;
        }
            body.news #content .related li img {
                margin-right: .2em;
            }


body.search h2, body.calendar.search h2 {
    margin-bottom: .2em;
}
body.search h2 span, body.calendar.search h2 span {
    float: left;
}
    body.search h2 span.resultcount, body.calendar.search h2 span.resultcount {
        font-weight: normal;
        font-size: .8em;
        float: right;
        color: #0079c3;
    }
body.search h3, body.calendar.search h3 {
    margin: 0 !important;
    font-size: 1em;
}
body.search #content .published {
    font-size: .8em;
}
body.calendar.search h4 {
    margin-bottom: 0;
color: #006CAE;
font-weight: bold;
font-size: .8em;
}
body.calendar.search p.starttime {
margin: 0 0 .2em 0;
font-weight: bold;
font-size: .75em !important;
}
body.calendar.search p.description {
margin-top: 0;
font-size: .85em !important;
}





#seccontent {
	width:200px;
	margin-left:6px;
	float:left;
}





#popupO {
	z-index:1000;
	font-size:70%;
	position:fixed;
	top:30%;
	left:40%;
	width:373px;
	height:287px;
	background:transparent url(_assets/style/popup-shadow.png) bottom right no-repeat;
}
#popupI {
	height:267px;
	margin:0 14px 0 4px;
	border:1px solid #c2c2c2;
	background:#fff;
}
	#popupIC {
		height:225px;
		overflow:auto;
	}
		#popupIC dt, #popupIC dd {
			font-size:100%
		}
		#popupIC dt {
			margin:.3em;
			padding:0 0 0 .3em;
			border-bottom:1px solid #C5B364;
		}
		#popupIC dd {
			margin-left:2em;
		}
	#popupI h1 {
		padding:1em;
		margin-bottom:.3em;
		color:#000;
		text-align:left;
		font-size:100%;
		font-weight:bold;
		background:#e6e6e6 url(_assets/style/popup-h1.png) top repeat-x;
		border-bottom:1px solid #c2c2c2;
	}
	#popupI p {
		text-align:left;
		margin:.7em;
	}
#popupCtl {
	position:absolute;
	top:12px;
	right:30px;
	text-align:center;
	display:block;
}
	#popupCtl li {
		position:relative;
		display:inline;
		margin-left:.4em;
	}
	#popupCtl a {
		vertical-align:middle;
		color:#000;
		font-weight:bold;
	}
		#popupCtl a img {
			border:0;
		}
	#popupX {
		width:1.5em;
		height:1.5em;
	}
		#popupX:hover {
			background:#f2f2f2;
		}

textarea, input[type=text] {
width: 95%;
}

div.oe-window {
width: 95%;
}
div.oe-window textarea {
width: 100%;
}
div.block {
margin-bottom: 1em;
}

#content form dt {
width: 8em;
float: left;
text-align: right;
margin-right: 1em;
clear: both;
}

#content form dd input, #content form dd textarea, #content form dd select {
width: 20em !important;
border: 1px inset;
font-size: 1em;
padding: .1em .3em;
}
#content form dd select {
padding-right: 0;
width: 20.8em !important;
}
* html #content form dd select {
	margin-left: .7em;
}

#content input {
font-size: .9em;
border: 1px solid;
background: none;
}

#content input[type=submit], input[type=button], input#submit {
border-top: 1px solid #C5B364;
border-left: 1px solid #C5B364;
border-bottom: 1px solid #7C6728;
border-right: 1px solid #7C6728;
background: #F1EEE6 !important;
margin: 1em .5em !important;
font-size: .75em !important;
padding: .1em !important;
clear: both;
}
#content input[type=submit]:hover, input[type=button]:hover, input#submit:hover {
border-bottom: 1px solid #C5B364;
border-right: 1px solid #C5B364;
border-top: 1px solid #7C6728;
border-left: 1px solid #7C6728;
}

#content div.block label {
font-size: .7em;
font-weight: bold;
}

#content textarea, #content input {
border: 1px solid;
font-size: .8em;
padding: .1em .3em;
}

#content div.buttonblock {
text-align: right;
padding-right: 1em;
}

.clear {
	clear: both;
}

dl.newsletterlist, dl.newsletterlist dt, dl.newsletterlist dd {
margin: 0 !important;
padding: 0;
}

dl.newsletterlist dt {
font-size: .8em;
color: #7C6728;
}

form.newsletter_subscription dl dt {
width: 8em !important;
font-weight: normal;
color: #7C6728;
}

form.newsletter_subscription dl dd {
padding-top: .2em;
text-align: left;
}

form.newsletter_subscription {
text-align: center;
}

td p {
margin: .2em 0;
}

body.contact_us dd {
float: left;
}
form.contact {
text-align: center;
}

#pageControls {
	display: none;
}
#content ul {
    margin-bottom:10px;
}
.sitemap #content ul { 
    margin-bottom:0;
}