/* Taken from http://brainleek07.deviantart.com/art/Blue-Smoke-53751817 */
body { background: url('../images/bg.jpg') no-repeat right top; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
img.imgleft { float: left; margin-right: 25px; }
img.imgright { float: right; margin-left: 25px; }

#breadcrumb { background: #E4EFF1; background: rgba(228, 239, 241, 0.7); border-bottom: 1px solid #7896AF; font-size: 85%; letter-spacing: 0.1em; margin-bottom: 5px; padding: 3px 15px; }
#breadcrumb ul { list-style-type: none; margin: 0; }
#breadcrumb li { display: inline; margin: 0; }

#header { padding-top: 10px; }
#header .contact { text-align: right; }
#header .contact form { display: inline; }
#header .contact input { background: url('../images/search_bg.png') no-repeat; border: 0; color: #7F7F7F; height: 18px; padding: 4px 10px 0 20px; width: 120px; }
#header .contact ul { list-style-type: none; }
#header .contact li { background: #E4EFF1; display: inline;	padding: 10px; }
#header .contact li.search { background: transparent; }
#header .contact li.tel img { position: relative; top: 3px; }

#menu { background: rgb(228, 239, 241); border-bottom: 1px solid #7896AF; border-top: 1px solid #7896AF; margin-top: 10px; padding: 10px 0; }
#menu ul { margin: 0 auto; width: 950px; }
#menu li { background:  url('../images/between_menu.png') no-repeat right; margin: 0; padding: 0 20px 0 10px; width: auto; }
#menu li.alpha { padding-left: 20px; }
#menu li.omega { background: none; }

/* Browsers that don't know about rgba will display the image file */
#content { background: url('../images/trans_bg.png'); background: rgba(255, 255, 255, 0.8);	margin: 30px 10px 0 10px; padding: 15px 10px; width: 620px; }
#content h3.newsheadline { margin-bottom: 0em; }
#content h5.newsdate { font-size: 0.8em; font-style: italic; font-weight: normal; margin-bottom: 0.5em; }
#content p.seperator { border-bottom: 1px dashed #AAAAAA; margin-bottom: 1em; padding-bottom: 1em; }
#content.grid_12 { width: 920px; }

#content ul.report_pages li a { padding: 0 3px; }
#content ul.report li { list-style-type: none; margin: 0em; }
#content ul.report li h4 { margin-bottom: 0.2em; }
#content ul.report li ul { margin-left: 1em; }
#content ul.report_pages li { background: url('../images/page.png') no-repeat left 11px; display: inline; list-style-type: none; margin: 0em; padding-left: 20px; }
#content ul.report_download li { background: url('../images/page_save.png') no-repeat left 11px; }

#content div.display-image { background: #7896AF; margin-bottom: 2em; text-align: right; }

#content div.eventmargin { margin-bottom: 2em; }
#content div.event { clear: both; }
#content div.event h3 { margin-bottom: 0em; }
#content div.event h4 { font-size: 1em; font-style: italic; font-weight: normal; }
#content div.event div.date { background: #C3DBDF; border: 1px solid #7896AF; float: right; margin: 0 0 1em 1em; padding: 3px; text-align: center; width: 75px; }
#content div.event div.date div.day { background: #7896AF; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 1.2em; font-weight: bold; padding: 3px; }
#content div.event div.date div.time { color: #3E6B8F; font-size: 0.8em; margin: 5px 0; }
#content div.event div.date div.time span { color: #8FB8BF; font-style: italic; }

#content h3.link_header { margin-bottom: 0.2em; }

#content div.news_menu { background: rgb(228, 239, 241); border-bottom: 1px solid #7896AF; border-top: 1px solid #7896AF; padding: 5px 10px; }
#content div.news_menu div.next { float: left; width: 40%; }
#content div.news_menu div.previous { float: right; text-align: right; width: 40%; }

#content div.person { clear: both; margin-bottom: 2em; }
#content div.person h4.name { margin-bottom: 0; }
#content div.person img { background: #E4EFF1; border: 1px solid #7896AF; float: right; margin: 0 0 20px 20px; padding: 5px; width: 150px; }

#content div.report_page_menu a { background: #7896AF; color: #FFFFFF; padding: 5px; }
#content div.report_page_menu a.after { float: right; }
#content div.report_page_menu { margin-bottom: 10px; }

#directions_link { float: right; position: relative; top: 20px; }
#directions { display: none; float: right; position: absolute; right: 10px; width: 48%; }
#directions div.error { background: #DF5353; border: 3px solid #9F1313; color: #FFFFFF; margin-top: 1em; padding: 5px; }
#directions div.error p { margin: 0; text-align: center; }
#directions div.error p:first-child, #directions div.error p:first-child:first-letter { font-size: 100%; font-weight: normal; }

#subsections, #report { list-style-type: none; }
#subsections li, #report li { background: #E4EFF1; border: 1px solid #C3DBDF; color: #666666; display: inline; margin: 0 10px 10px 0; padding: 10px; width: 275px; }
#subsections li:hover { border: 1px solid #59878F; color: #333333; }
#subsections li.clearboth, #report li.clearboth { clear: both; }
#subsections li h4, #report li h4 { margin-bottom: 0.2em; }
#subsections li p, #report li p { font-size: 85%; margin-bottom: 0.5em; }

#report li { width: 425px; }
#report li ul li { background: transparent; border: none; width: auto; }

form.contact th { text-align: left; }
form.contact td.textinput { width: 100%; }
form.contact td { padding: 3px; }
form.contact input { margin-left: 5px; }
form.contact textarea { height: 100px; padding: 5px; }
form.contact ul.errorlist, form.contact ul.errorlist li { font-size: 0.9em; font-style: italic; list-style-type: none; margin: 0.5em 0 -0.3em 0; }
form.contact td.first ul.errorlist, form.contact td.first ul.errorlist li { margin-top: 0; }
#right_column table, form.contact input[type="text"], form.contact textarea { width: 99%; }
div.contact_page form.contact table { width: 70%; }

#right_column td, #right_column th { padding: 3px; }

#right_column { background: url('../images/trans_bg.png'); background: rgba(255, 255, 255, 0.8); margin: 30px 0 0 0; padding: 15px 25px 0 15px; width: 250px; }
#right_column h3 { margin-bottom: 1em; }
#right_column h4 { margin-bottom: 0; }
#right_column ul li { list-style-type: none; margin: 0 0 0.5em 0.5em; }

#right_column #home_news li { font-family: Helvetica, Arial, sans-serif; margin-left: 0; }
#right_column #home_news a { color: #AF363B; font-size: 1.2em; font-weight: bold; }
#right_column #home_news span { color: #777777; font-size: 90%; font-style: italic; }

#right_column table.calendar { margin: 0 5px 1.5em 5px; }
#right_column table.calendar td, #right_column table.calendar th { text-align: center; }
#right_column table.calendar td a { background: #2270B5; color: #FFFFFF; display: block; }
#right_column table.calendar td.cal_not_in_month { color: #AAAAAA; }
#right_column table.calendar td.cal_not_in_month a { background: #7896AF; }
#right_column table.calendar tr.menu a { background: transparent; color: #2270B5; display: inline; }

#location_map { height: 500px;}
#location_info { background: #7896AF; font-family: Helvetica, Arial, Sans-serif; font-size: 0.8em; letter-spacing: 0.1em; padding: 5px; position: absolute; right: 0; text-align: center; width: 280px; }
#location_info a { color: #FFFFFF; text-decoration: underline; }
#location_info a:hover { text-decoration: none; }

#footer { background: rgba(255, 255, 255, 0.5); margin: 20px 10px; padding-top: 10px; }
#footer .menu { background: #E4EFF1; padding: 10px; }
#footer h6 { color: #2270B5; font-weight: normal; margin: 0; }
#footer ul { list-style-type: none; }
#footer li { margin-left: 0; padding-left: 0; }
#footer div.copynotice { clear: left; color: #838FAF; margin: 0; margin-top: 10px; }
#footer div.copynotice p { margin-top: 7px; }
#footer div.vcard { color: #838FAF; font-style: italic; margin-top: 10px; text-align: right; }

#map_canvas { height: 296px; margin: 0 0 10px 0; width: 290px; }