/* layout: general */

body { background-color: #174943; }

div#header-wide { background: #f0eecc; }
div#header-column { width: 920px; margin: 0 auto; }
div#main-wide { background-color: #f0eecc; }
div#main-column { width: 920px; margin: 0 auto; padding-bottom: 20px; }
div#bottom-wide { background: url(../images/grassborder.png) top repeat-x #174943; }
div#bottom-column { height: 80px; width: 920px; margin: 0 auto; }
div#bottom-column-footer { padding: 30px 20px 0px 20px; }

/* layout: start page */
body.startpage div#header-column { padding: 0px; background: url(../images/startbackground.jpg) top center no-repeat #f0eecc; height: 120px; }
body.startpage div#main-column { background: url(../images/startbackground.jpg) center -120px no-repeat #f0eecc; }
body.startpage div#slideshowbox { width: 564px; height: 300px; overflow: hidden; }
body.startpage div#slideshowbox img { margin: 0px; padding: 0px; }
body.startpage div#welcome * { display: inline; }

/* layout: normal page */
body.standardpage div#main-column { background: url(../images/mainbg.jpg) bottom center no-repeat white;  }
body.standardpage div#header-column { padding-top: 10px; padding-bottom: 5px; }
body.standardpage div#header-column div.fright { margin-top: 10px; margin-right: 20px; }
body.standardpage div#header-column, body.standardpage div#main-column, body.standardpage div#bottom-column { width: 800px; }
body.standardpage div#main-column-content { padding: 10px; margin-bottom: 100px; }
body.standardpage p.breadcrumbs { font-size: 10pt; margin: 10px 0px; }

/* menu */
div#main-menu { background-color: #174943; padding-left: 5px; }
div#main-menu ul li { display: inline; height: 30px; margin-left: 0px; }
div#main-menu ul li a { text-decoration: none; color: #f0eecc; font-weight: bold; line-height: 30px; padding: 5px 5px; }
div#main-menu ul li a.current, div#main-menu ul li a.section { background-color: #83764c; color: white; }
div#main-menu ul li a:hover { background-color: #a3966c; }

/* widgets */
div#Sidebar { width: 230px; float: right; margin: 5px; }
div.WidgetHolder { margin-bottom: 15px; background-color: #f0eecc; padding-bottom: 5px; border: 1px solid #174943; }
div.WidgetHolder > * { margin: 5px; font-size: 10pt; }
div.WidgetHolder h3 { font-size: 12pt; line-height: 16pt; padding-left: 5px; background-color: #174943; color:#f0eecc; margin: 0px; }
div.WidgetHolder h3 a { text-decoration: none; color: #f0eecc; }
div.WidgetHolder ul { margin-left: 0px; }
div.WidgetHolder ul li { margin-left: 1.5em; padding-left: 0px; }

/* comments */
textarea#PageCommentInterface_Form_PostCommentForm_Comment { width: 400px; height: 100px; }

/* boxes */
div.boxcontainer { position: relative; overflow: hidden; margin-bottom: 20px;  }
div.widebox, div.doublebox, div.singlebox { background-color: white; padding: 8px; }
div.doublebox.stretch, div.singlebox.stretch { position: relative; padding-bottom: 1008px;  margin-bottom: -1000px; }
div.widebox { clear: left; width: 864px; margin: 0px auto 20px auto; }
div.doublebox { float: left; width: 564px; margin: 0px 10px 0px 20px; }
div.singlebox { float: left; width: 264px; height: 100%; margin: 0px 10px 0px 10px; }
div.singlebox.first { margin-left: 20px; }
div.break { clear: left; }
div.transparent { background: none; }

/* side links for the start page */
body.startpage ul.menu { padding-left: 0px; margin-left: 0px; list-style: none; }
body.startpage ul.menu a { display: block; padding: 15px 8px; border-top: 1px solid #f0eecc; background-color: #174943; color: #f0eecc; }
body.startpage ul li { margin-left: 0px; padding-left: 0px; }
body.startpage ul.menu a h4 { margin: 0px; color: #f0eecc; }
body.startpage ul.menu a:hover { background-color: #a3966c; color: white; text-decoration: none; }

/* special link types */
a.sidelink, a.boxlink, a.sidelink:hover, a.boxlink:hover { text-decoration: none; }
a.sidelink span { color: gray; font-size: 0.8em; }
a.boxlink span { color: black; font-size: 1em; }
a.boxlink h3 { margin-bottom: 0px; }
a.boxlink h4 { margin-bottom: 5px; }
a.boxlink img { float: left; margin: 0px 8px 8px 0px; }

/* font coloring */
div#bottom-column { color: #83764c; font-size: 0.9em; }

form.contactform p { margin-bottom: 0.5em; }
form.contactform label { display: block; }
form.contactform input { margin-bottom: 0px; }
form.contactform ul { list-style: none; }
form.contactform ul li { margin-left: 0px; padding-left: 10px; }

/* miscellaneous messages and errors */ 
div.widebox h3,.typography div.singlebox h3, .typography div.doublebox h3 { margin-bottom: 10px; }
form ul.optionset { list-style-type: none; }
form ul.optionset li { margin-left: 1em; }
form p.contactmsg.error { background-color: #ffcccc; border: 1px solid red; color: red; padding: 5px; }
form p.contactmsg.success { background-color: #ccffcc; border: 1px solid green; color: green; padding: 5px; }