﻿body { background-color: #c0ccc8; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; }
#container { border: 0px; width: 1024px; background: #FFFFFF url('../images/bg_container.gif') repeat-y left top; margin: 0 auto; }
div.error { color: #666; text-align: center; font-family: arial, sans-serif; }
div.error div.dialog { background-color: #FFF; width: 25em;	padding: 1em 4em; margin: 1em auto; border: 1px solid #ccc; border-right-color: #999;	border-bottom-color: #999; }
div.error h1 { font-size: 100%; color: #f00; line-height: 1.5em; }

#title { height: 130px; background-color: #83a8cf; color: #101657; margin: 0 5px; }
#title img { float: right; padding-right:15px; padding-top: 5px; }
#title h1 { font-size: 36pt; margin: 0; position: relative; text-indent: -5000px; left: 20px; top: 30px; width: 810px; background: #83a8cf url('../images/bmi_title.gif') no-repeat left center; }

#areas { background: url('../images/bg_area.gif') no-repeat left top; margin: 0 5px; padding:0px; height: 42px; color: #83a8cf; font-size: 14pt; }
#areas ul { margin: 0; padding-top: 17px; padding-left: 0px; background-color: transparent; }
#areas ul li { display: inline; padding: 10px 15px 0px 15px; background: url('../images/list_border_right.gif') no-repeat right bottom; }
#areas ul li a { color: #83a8cf; text-decoration: none; position: relative; top: -8px; }
#areas ul li a:hover { color: #CFCFCF; }
#areas ul li.last { background-image: none; }

#sections { background: url('../images/bg_section.gif') repeat-y left top; margin: 0 5px; padding:5px 15px; height: 33px; color: #83a8cf; font-size: 12pt; }
#sections ul { margin: 0; padding-top: 6px; padding-left: 0px; background-color: transparent; }
#sections ul li { display: inline; padding: 0px 10px 0px 10px; }
#sections ul li a { color: #83a8cf; text-decoration: none; position: relative; top: -5px; }
#sections ul li a:hover { color: #CFCFCF; }0000000000000

#page_title { background: url('../images/bg_page_title.gif') no-repeat left top; margin: 0 5px; height:47px; color: #DDDDDD; }
#page_title h2 { font-size: 20pt; padding-left: 20px; padding-top: 5px;	font-weight: normal; margin: 0; }

#content { background-color: #FFFFFF; margin: 0 5px; padding: 10px 20px; min-height: 600px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }
#left { width: 100%; padding-bottom: 10px; }
#content h3 { font-size: 18pt; font-family: Georgia, "Times New Roman", Times, serif; }
#content h4, #content h5, #content h6 { margin-bottom: 0px; }
#content strong { font-family: Georgia, "Times New Roman", Times, serif; }
#content p.bordered, #content div.bordered { border-width: 1px 0px; border-style: solid; border-color: #999999; }
#content span.small { font-size: 90%; }
#content ul li { padding-bottom: 10px; }
#container_bottom { background: #FFFFFF url('../images/bg_container_bottom.gif') no-repeat left bottom; height: 5px; width:1024px; }

#footer { clear:both; text-align: center; font-size: 10pt; padding: 5px 10px; border-top: 1px solid #999999; }
#footer #copyright { font-size: 9pt; }

.fp_calendar { margin-bottom: 20px; }
.fp_calendar th { font-size: 10pt; border-spacing: 2px 2px; }
.fp_calendar td { width: 22px; height: 22px; background: #83a8cf none; color: #EEEEEE; text-align: center; border: 1px solid white;
				  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:bold;	padding: 2px; }
.fp_calendar td.today { border: 1px dotted #666666; } 
.fp_calendar td.event { background: #83a8cf url('../images/fp_event.gif') left top no-repeat; }
.fp_calendar td.otherMonth { color: #999999; background-color: #5b8bbf; background-image: none; }
.fp_calendar abbr { border: none; }
.fp_calendar a { color: #EEEEEE; }

#fp_latest_news dt { display: list-item; list-style-image: url('../images/bullet.gif'); font-size: 10pt; position: relative; left: 20px; }
#fp_latest_news dd { font-size: 10pt; font-style: italic; margin-left: 30px; margin-bottom: 10px; }

div.image { padding: 5px; border: 1px #777777 solid; font-size: 9pt; float: left; margin: 10px; }
div.image img { border-width: 0px; display: block; }

.fieldError { background: #ffcccc; }
.fieldError td.enabled-column { background: #ffcccc; }
.formError { color: #cc0000; padding: 0px !important;}
.formSuccess {font-style: italic; color: #00CC33;}
span.error_description { color: #cc0000; font-style: italic; font-size: 10pt; }

#support_page div { text-align:left; font-size: 10pt; }
#support_page p { margin: 1em 0; }
#support_page p.input_field { margin: 0.5em 0; padding: 5px; width: 80%; }
#support_page label { font-size: 10pt; font-weight: bold; display: block;  }
#support_page label.description { font-weight: normal; color: #666666; padding-bottom: 3px; }
#support_page input.submit { font-size:10pt; color:#000000; font-weight:bold; padding: 5px 0; text-align:center; width:100px;}
#support_page ul.clean_list { list-style: none outside; padding-left: 0px; }
#support_page .error { font-weight: bold; color: #ff0000; font-size: 12pt; }
#support_page textarea { color: #333333; }

#calendar { width: 95%; margin: auto; border-spacing: 0px 5px; }
#calendar td {border: 1px solid #101657; background-color: #d2dfee; padding: 5px; }
