BODY 
{
    	
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 110%;
	color : #35354D;
	margin: 0;
    background-position:top;
	background-color:#354657;
	background-repeat:no-repeat;
	background-image:url( images/login_bg.jpg);
    text-align: center;


}
/* This is a hack to get fireFox to center float block elements */
BODY 
{
        text-align: -moz-center;
}



A:link {
	COLOR: #232377;

}
A:unknown {
	COLOR: #232377;

}
A:hover {
	COLOR: #6464FE;
	text-decoration:none;
}
A:visited{
	COLOR: #232377;

}

img {
	border: 0;
}


/******************************************/
/*     FORMS START     */

div.form-wrapper {
	margin: 0 0 20px 0;
	
}

.center-form {
	margin-left: auto !important;
	margin-right: auto !important;
}

div.form-wrapper h1 {
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #444;
}

div.form-wrapper h2 {
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #444;
}

.form-wrapper fieldset {
	border: 1px solid navy;
	margin-bottom: 10px;
	padding: 4px;
}

.form-wrapper legend {
	font-weight: bold;
	font-size: 13px;
}

.form-wrapper .caption {
	font-weight: bold;
}

div.form-upper-buttons {
	margin: 0 0 10px 0;
	width: 80%;
	text-align: right;
}

div.form-lower-buttons {
	margin: 0 0 20px 0;	
	width: 80%;
	text-align: right;
}

div.form-upper-buttons input, div.form-lower-buttons input, div.form-lower-buttons a {
	display: inline-block;
	margin: 2px 0px 4px 6px;
}

table.form {
	margin: 0 0 10px 0;
	
	
	font-size: 11px;
}

table.form .top {
	vertical-align: top;
}

table.form .caption {
	font-weight: bold;
	text-align: right;
	padding: 4px 0 4px 0;
}

table.form .upper {
	text-transform: uppercase;
}

.form-wrapper .center {
	text-align: center !important;
}

table.form .required {
	font-weight: bold;
	color: #f00;
}

table.form .input {
	text-align: left;
	font-size: 11px;
}

table.form label {
	font-weight: bold;
}

table.form input, table.form select {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.view {
	color: #000;
	background-color: #EBEBEB;
	border-style: none;
}

.edit {
	color: #000;
}


/*     FORMS END    */
/******************************************/







/******************************************/
/*     ERROR START     */

.error-summary {
	padding: .5em 1.5em;
	
	margin-bottom: 1em;
	
	border-left: 5px solid #f66;
	
	/*background: #fee url(/resources/images/icons/error.gif) no-repeat 95% 10px;*/
	background-color: #fee;
}

.error-summary ul {
	list-style-type: none;
	
	margin: 0;
	padding: 0;
	
	color: black;
}

ul.error-summary {
	list-style-type: none;
	
	color: black;
}


.center {
	text-align: center !important;
}

/*
 * Usage Restriction control classes
 */
div.usage-restriction {
	padding: .5em 1.5em;
	
	width: 70%;
	margin: 2em auto;
	
	border-left: 5px solid #f66;
	
	background-color: #fee;
}

div.usage-restriction h1 {
	font-size: 12pt;
	margin: 0;
}

div.usage-restriction ul {
	list-style-type: none;
	
	margin: 2em 0;
	padding: 0;
	
	color: black;
}

#error-message {
	padding: .5em 1.5em;
	
	margin-bottom: 1em;
	
	border-left: 5px solid #f66;
	background-color: #fee;
}

#error-message h1 {
	color: #f00;
	
	font-size: 12pt;
	
	margin-top: 0;
}

#error-message p {
	margin-top: .25em;
	margin-bottom: .25em;
}


/*     ERROR END    */
/******************************************/




/*//////////////////////////////////////////*/
/* SIFR CODE */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content-title h1 
{
    font-size: 14pt;
    line-height: 1em;
}
    

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/


/*END SIFR CODE */
/*//////////////////////////////////////////*/














/*//////////////////////////////////////////*/
/* WIZARD STYLE CODE */


.wizard-panel {
	width: 99%;
	margin: 0 0 20px 0;
	padding: 3px;
}

.wizard-panel h1 {
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.wizard-panel h2 {
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.wizard-panel h3 {
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.wizard-panel fieldset {
	border: 1px solid navy;
	margin-bottom: 10px;
	padding: 4px;
}

/* Wraps the Radio Button  */
div.wizard-radio-selection
{
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 5px;
	margin: 5px;
	width: 220px;
}

div.wizard-line
{
    border-top: solid 1px #EBEBEB;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 1px;
}

.wizard-panel legend {
	font-weight: bold;
	font-size: 13px;
}

.wizard-panel .label {
	font-weight: bold;
}

.wizard-lower-buttons {
	margin: 0 0 20px 0;	
	width: 99%;
	text-align: right;
}
.wizard-error {
	font-weight: bold;
	font-size: 11px;
	color: Red;
}
table.wizard {
	width: 100%;
}

table.question {
	border: 1px solid navy;	
	text-align: left;
	margin: 5px;
}


/*END WIZARD CODE */
/*//////////////////////////////////////////*/













H1 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
	}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
}
H3 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
	}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
	}
H5 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
}
H6 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #354657;
}

.copyright 
{
	font-weight: bold;
	font-size: 10px;
}

.loginCopyright 
{
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
}

.upperInputElement
{
	text-transform: uppercase;
}

.theme_header 
{
    text-align: center;
}

.theme_row 
{
    text-align: center;
}


.page_dimension 
{
    width: 982px;
    background-color: #FFFFFF;

}

.menuHeader 
{
    background-image :url( images/menu_header.gif);
    text-align : center;
    font-weight : bold;
    font-size : small;
    font-family: Verdana, Arial, Sans-Serif;
}

.centerDiv
{
    text-align:center;
}

.datagridDiv 
{
   padding-left: 4px;
   padding-bottom: 5px;
   width: 760px;
   height: 320px;
   overflow: auto;
   background-color: #F7F7F7;
   text-align: left;
}
.datagridDivSmall
{
       padding-left: 4px;
   padding-bottom: 5px;
   width: 400px;
   height: 320px;
   overflow: auto;
   text-align: center;
   background-color: #F7F7F7;
   text-align: left;
}
.gridFooterDiv
{
    width: inherit;
    padding-top: 10px;
    padding-left: 20px;
	text-align: left;
}


.datagrid-header th
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #95b4bc;
	color: #333;
}

.datagrid-header th a:link {
	text-decoration: none;
}

.datagrid-item
{
	
}

/* Wraps the entire datagrid and buttons */
div.datagrid-wrapper {
	width: 97%;
	margin: 10px auto 30px auto;
	position: relative;
	text-align:center;
}

div.datagrid-wrapper h1 {
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #444;
}

div.datagrid-wrapper h2 {
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #444;
}

div.datagrid-wrapper h3 {
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #444;
}




table.datagrid .sorted-column {
	background-color: #d4eefa;
}

table.datagrid .asc a 
{
	padding-right: 18px;
	background: url(images/datagrid/asc.png) no-repeat 50% right;
}

table.datagrid .desc a {
	padding-right: 18px;
	background: url(images/datagrid/desc.png) no-repeat 50% right;
}

table.datagrid tr.attention {
	background-color: #efbcbc;
}
table.datagrid tr.attention td.sorted-column {
	background-color: #d3a8be;
}


table.datagrid .disabled {
	color: #aaaaaa;	
}
table.datagrid .disabled td.sorted-column {
	color: #bbbbbb;
}


table.datagrid tr.reqnotmet td {
	background-color: #efd6bc;
}
table.datagrid tr.reqnotmet td.sorted-column {
	background-color: #d3c2be;
}




















.lowerActionButtonsDiv
{
	position: absolute;
	right: 0px;
	bottom: -1px;
}

.upperActionButtons
{
    width: inherit;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: right;
}

.validator
{
    font-weight : bold;
    font-size : small;
    color : Red;
    background-color : InfoText;
    font-family: Verdana, Arial, Sans-Serif;
}
.loginText
{
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9px;
	LINE-HEIGHT: 16px;
	color : #35354D;
	margin: 0;
}

.formLabel
{
	font-weight: bold;
	font-size: 10px;
}

.errorText 
{
	color: #ff0000;
	font-weight: bold;
	font-size: 10pt;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.subNav
{
    height: 24px;  
    background-image: url( images/subnav_bg.gif); 
    background-repeat: no-repeat;
}

.nav
{
    height: 45px; 
    background-image: url( Images/nav_bg.gif);
    background-repeat:no-repeat;

}

.boldReviewLabel
{
	font-weight: bold;
	font-size: 12px;
}


.clear {
	clear: both;
}




/* Menu  */


.menu {
	text-align: center;	
}

.menu-header h2 {
	font-size: 11pt;
	margin: .25em 0 .5em 0;
	text-align: center;
}

/* This and below are a hack to get IE to center float block elements */
.menu-section {
	width: 275px;
	display: inline-block;
	
	vertical-align: top;
	background-color: #5088B7;
	color: white;
	line-height: 20px;
	margin: 10px 15px;
}

.menu-section {
	display: inline;
}

/*#menu>div {
	display: inline-block;
}*/
	

.menu-section-tl 
{
	background: transparent url( images/menu-tl.gif) no-repeat top left;
}
.menu-section-tr {
	background: transparent url( images/menu-tr.gif) no-repeat top right;
}
.menu-section-bl {
	background: transparent url( images/menu-bl.gif) no-repeat bottom left;
}
.menu-section-br {
	background: transparent url( images/menu-br.gif) no-repeat bottom right;
}

.menu-section-content {
	padding: 5px;
	background-color: #5088B7;
	margin: 0 10px 10px 10px;
	text-align: left;
}

.menu-section-content h3 {
	margin: 0;
	font-size: 14px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.menu-section-content a {
	color: white;
	text-decoration: none;
}

.menu-section-content a:visited {
	color: white;
}

.menu-section-content a:hover 
{
    text-decoration: underline;
}

.menu-section-content dl {
	margin: 0 0 0 .5em;
}

.menu-section-content dt {
	font-weight: bold;
}

.menu-section-content dd {
	margin-left: 1.25em;
	font-style: italic;
}













#content-title h1 {
	margin: 0;
	text-align:left;
	font-size: 8pt;
	display: block;
	width: 49%;
	
}

#content-title h2 {
	position: absolute;
	top: 7px;
	margin: 0;
	
	text-align: right;
	text-transform: uppercase;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	
	display: block;
	width: 98%;
}

#content-title {
	margin: : 0 0 10px 0;

	position: relative;
	padding: 5px;
	border: 1px solid #B6B4B5;
	
	color: #005f00;
}





#content-main {
	margin: 0;
	
	padding: 5px;
	
	/*border: 1px solid #999;*/	
}

h2.title {
	margin: 0;
	padding: 2px;
	text-align: left;
	color: #5774A1;
	font-size: 11pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h2.titleroot {
	margin: 0;
	padding: 2px;
	text-align: left;
	color: #5774A1;
	font-size: 11pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#content {
	margin: -3px 3px 3px 3px;
	padding: 0;
}

#content-a {
	background: transparent url(images/content-nav-bg.gif) repeat-y scroll top left;
	
	width: 100%;
	
	margin: 0;
	padding: 0;
}

#content-b {
	background: transparent url(images/content-nav-bottom.gif) no-repeat bottom left;
	
	margin: 0;
	padding: 0;
	
	min-height: 400px;			/* IE7 & FF */
	
	height: auto !important;	/* IE 6 min-height */
	height: 400px;				/* hack */
}

#content-side {
	background: transparent url(images/content-nav-top.gif) no-repeat top left;
	
	margin: 0;
	padding: 0;
	
	float: left;
	
	width: 170px;
	
	min-height: 10px;
}

#content-side-a {
	width: 170px;
}


#content-center {
	padding: 0 0 0 180px;

	text-align: left;
}


/* START DROP DOWN LIST SITE MAP */

/* Outer list has this id */
#content-nav {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	
	margin: 11px 0 11px 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
	border-bottom: 1px solid #384C69;
	text-align: left;
	width: 140px;
}

/* IE6 needs 180px because of broken box model, IE7 and FF use 210px (the real value) */
html > body #content-nav {
	width: 170px;
}

/* Outer list item */
#content-nav li {
	border-top: 1px solid #384C69;
	color: black;
	
	background-color: #BED6EB;
	
	padding: 4px 0 0 0;
}

/* List item link */
#content-nav li a {
	color: #333;
	text-decoration: none;
	
	display: block;
	
	width: 100%;
	
	padding: 4px 10px;
	margin: 0;
}

/* Inner list */
#content-nav ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	
	margin: 0;
	padding: 0;
}

/* Inner list item */
#content-nav ul li {
	background-color: #94AECD;
	color: #333;
	margin-right: 0px;	/* IE 6 */
}

html > body #content-nav ul li {
	margin-right: 16px;	/* IE 7/FF */
}

/* Inner list item link */
#content-nav ul li a {
	padding: 3px 15px;
	color: #333;
}

/* 
	Hover and active styles 
 */
#content-nav li.active {
	background-color: #5774A1;
}

#content-nav li.hover {
	background-color: #94AECD;
}

#content-nav ul li.hover {
	background-color: #5774A1;
}

#content-nav li.active.hover {
	background-color: #5774A1;
}



/* END */




/* TIME & CALENDAR START */

.time-selected {	/* Selected time style */
	font-size: xx-small;
	color: #000;
	
	background-color: #fc9;
}

.time-clear {		/* Clear time style */
	background-color: #fff;
	font-size: xx-small;
	color: #00f;
}

.time-label {		/* Textbox style */
	font-size: 12px;
	width: 5em;
}

.time {				/* Time style */
	background-color: #fff;
	color: #000;
}

.time-button {		/* Button style */
	background: transparent url(images/pick-time.gif) no-repeat;
	background-position: middle middle;
	
	border: 0;
	
	margin: 0px 0px 0px 5px;
	cursor: hand;
	width: 26px;
	height: 18px;
}

.calendar {
	
}

.calendar-button {
	background: transparent url(images/pick-date.gif) no-repeat;
	background-position: middle middle;
	
	border: 0;
	
	margin: 0px 0px 0px 5px;
	cursor: hand;
	width: 26px;
	height: 18px;
}

td.calendar-weekday {
	
}

.calendar-weekday {
	color: #000;
	background-color: #fff;
	font-size: xx-small;
}

td.calendar-selected-date {
	font-size: xx-small;
	background-color: #ffefef;
}

.calendar-selected-date {
	color: #f44 !important;
}

.calendar-clear-date {
	color: #000;
	background-color: #fff;
	font-size: xx-small;
}

.calendar-weekend {
	font-size: xx-small;
	color: #000;
	background-color: #ccf;
}

.calendar-day-header {
	font-size: xx-small;
	font-weight: bold;
	background-color: #92B6FF;
	color: #000;
}

.calendar-goto-today {
	color: #000;
	background-color: #fff;
	font-size: xx-small;
}

.calendar-off-month {
	font-size: xx-small;
	color: #eee;
	background-color: #ddd;
}

.calendar-off-month a {
	color: #aaa;
}

.calendar-today {
	font-size: xx-small;
	color: Black;
	/*background-color: #9f9;*/
	background-color: #fc9;
}

.calendar-text-label {
	font-size: 12px;
}

.calendar-month-header {
	font-size: xx-small;
	font-weight: bold;
	background-color: #3D3D3D;
	color: #FFFFFF;
}


/* TIME & CALENDAR END */




/**
	CSS only for the home page

 **/



div.home-box {
	padding: 9px;
}

#content-top {
	height: 160px;
}

#content-bottom {
	height: 250px;
	
	position: relative;
}

#events-loading, #news-loading {
	text-align: center;
	margin: 75px auto;	
}

#special-events-loading {
	text-align: center;
	margin: 20px auto;
}

/* Sections */
#sections {
	height: 100%;
	width: 685px;
	
	float: left;
}

#sections a {
	display: block;
	float: left;
	margin: 0 4px 6px 0;
}