﻿.TableContainer
{
    width: 400px;
    padding:  2px 0px 2px 0px;
    border-bottom: solid 1px black;
    margin-left: auto;
    margin-right: auto;
}

table
{
    border-collapse: collapse;
}

.ValidationSummary
{
    color: #ff0000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
}

.FormTable
{
    width: 400px;
    border: solid 1px black;
    background-color: #ffffff;
    border-collapse: collapse;
}

.FormTable TD
{
    padding: 3px;
}

.FormTableHeader
{
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    background-color: #23669A;
    border-collapse: collapse;
    border-bottom: 1px solid #002441;
    border-top: 1px solid #002441;
    padding: 5px;
}

.FormTextField
{
    text-align: right;
    vertical-align: middle;
    font-size: 8pt;
    white-space: nowrap;
    background-color: #D3E0EB;
}

.FormTextFieldRequired
{
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;
    white-space: nowrap;
    background-color: #D3E0EB;
}

.FormFieldsRequired
{
    font-family: Verdana;
    font-size: 12px;
    text-align: right;
}

.FormButtons
{
    font-size: 8pt;
    padding: 3px 3px 3px 3px;
    text-align: center;
}

.style1
{
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    font-size: 8pt;
    white-space: normal;
    background-color: #D3E0EB;
}

.style4
{
    text-align: left;
    vertical-align: middle;
    font-weight: 500;
    font-size: 8pt;
    white-space: normal;
    width: 506px;
}

.newStyle1
{
    font-weight: bold;
}


body
{
    margin: 20px;
    font-family: verdana;
    font-size: 8pt;
    background-color: White;
    background-image: url(../../images/page_bg_top.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    background-attachment: fixed;
}

/* -- Calendar -- */

.cal_Theme1 .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}
.cal_Theme1 .ajax__calendar_day
{
    text-align: center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}
.cal_Theme1 .ajax__calendar_today
{
    font-weight: bold;
}
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}



.IE8Fix
{
z-index: 100;
}

A.roll { text-decoration : none; color: #003333}
A:hover.roll { color : #006DB0; text-decoration : underline; }
body, td, th, h1, h2, h3, p, ul, li {
font-family: arial,helvetica,sans-serif;
color: #000000;
font-size: 10pt;
}   

div.detailsName 
{
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 5px;
	padding-bottom:0px;
	float:left;
	width: 250px;
}

div.detailsTitle 
{
	font-weight:bold;
	margin-bottom: 5px;
	padding-bottom:0px;
	float:left;
	width: 250px;
}
div.detailsAddress 
{
	margin-bottom: 5px;
	padding-bottom:0px;
	float:left;
	width: 250px;
}

body
{
	background-color: #00382E;
	font-family: Segoe UI Semibold, Segoe UI, Arial, Helvetica, Sans-Serif;
	font-size:13px;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	/*width: 614px;*/
}

.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	line-height:12px;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	text-transform: none;
	color: #00382F;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:1.5px;
}

/* The mainContainer wraps all the content on the page */

#flashPanel
{
	background-color: #00382E;
}
#mainContainer
{
	position: absolute;
	width: 800px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}

#headerLogo
{
	border-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	background-color: #00382E;
	height: 94px;
	width: 142px;
}

#sloganGraphic
{
	clear: both;
	border-top: 0px; /*solid 3px #00382E;*/
	border-bottom: 0px; /*solid 3px #00382E;*/
	width:800px;
	height:29px;
}

/* The lowerContainer wraps all the content below the sloganGraphic 
and above the footer, and is needed to keep the columns equal length */

#lowerContainer
{
	width: 800px;
	background-color: #FFFFFF;
	overflow:hidden;
}

/* The padding and margin settings for the leftSidebar and the contentWrapper, in conjunction 
with the hidden overflow of the lowerContainer keep the columns equal length.  If there is VERY long
content, you might need to increase these settings.  */

#leftSidebar
{
	width: 142px;
	float: left;
	background-color: #00382E;
	border-right: solid 1px #00382E;
	padding-bottom: 500em;
    margin-bottom: -500em;
}

#contentWrapper
{
	margin-top: 25px;
	margin-left:20px;
	margin-right:20px;
	float: left;
	width: 615px;
	padding-bottom: 500em;
    margin-bottom: -500em;
}

/* Begin Menu style settings  */
/* Apply StatMenu styles to the Static menu items and PopMenu styles to the Dynamic flyouts  */

#leftMenu1, #leftMenu2 
{
	margin-top:25px;
}

#leftMenu2 p 
{
	font-weight: bold;
	color: White;
	text-indent: 5px;
	font-size: 12px;
}

.StatMenu
{
	font-size: 12px;
	color: White;
	text-decoration: none;
	background-image: url(  'images/menuButtonUp.jpg' );
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 142px;
	text-indent: 5px;
	margin-bottom: 1px;
}

.StatMenuHover
{
	font-size: 12px;
	color: #00382D;
	text-decoration: none;
	background-image: url(  'images/menuButtonDown.jpg' );
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 142px;
	text-indent: 5px;
	margin-bottom: 1px;
}


.PopMenu
{
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	background-color: #006DB0;
	border: solid 1px black;
	padding: 2px 3px 0px 5px;
	height: 17px;
	width: 225px;
}

.PopMenuHover
{
	font-size: 11px;
	font-weight: normal;
	color: #00382E;
	text-decoration: none;
	text-align: left;
	background-color: #B5C67F;
	border: solid 1px black;
	padding: 2px 3px 0px 5px;
	height: 17px;
	width: 225px;
}

.StatMenu a:link, .StatMenu a:visited, .StatMenu a:hover, .StatMenuHover a:link, .StatMenuHover a:visited, .StatMenuHover a:hover
{
	background-image: none;
	font-size: 12px;
	display: block;
	padding-top: 5px;
}

.PopMenu a:link, .PopMenu a:visited, .PopMenu a:hover, .PopMenuHover a:link, .PopMenuHover a:visited, .PopMenuHover a:hover
{
	background-image: none;
	font-size: 11px;
	display: block;
}

/* End Menu style settings  */


/* The footerContainer wraps the footerSidebar and content  */

#footerContainer
{
	width: 800px;
	background-color: White;
}

#footerSidebar 
{
	background-color:#00382E;
	width:142px;
	float:left;
	text-align:center;
	border-right: solid 1px #00382E;
	padding-top:40px;
}

#footerSidebar p
{
	color: #fff; 
	font-size: 10px; 
	text-align: left; 
	margin: 0 20px 20px 20px;
}

#footerLinks 
{
	padding-top: 40px;
	float: left;
	margin-left:20px;
}

#footerLinks a:link, #footerLinks a:visited  
{
	text-decoration : none; 
	color: #003333
}
	
#footerLinks a:hover 
{ 
	color : #006DB0; 
	text-decoration : underline; 
}
.topLink
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

