﻿/* Defaults */

html {
     height: 100%; 
     margin-bottom: 1px;
}


body 
{
	font-family: Arial;
	font-size: 81.3%;
	color: #444444;
	text-align: center;
	margin-left: 3px;
	margin-top: 0px;
}

hr
{
    text-align: center;
    border-style: dashed;
    width: 100%;
    color: #cccccc;
    height: 1px;
}

.spacer
{
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    display: block;
    margin-top: 6px; 
    margin-bottom: 6px;
}

li
{
	padding-bottom: 5px;
}

img
{
    border: none;
    border-width: 0px;
}

img.resource
{
    border: solid #999999 1px;
}

table.center 
{
    margin-top: 0px;
    margin-left:auto; 
    margin-right:auto;
}


td {
    vertical-align: top;
    text-align: left;
}

.bold
{
    font-weight: bold;
}

.title {
    color: #0e4c7c; /* blue */
    font-size: 138.5%;
    font-family: Arial;
    font-weight: bold;
}

.RedTitle, .RedSubTitle, .Red
{
    color: #CB2027;
    font-family: Arial;
    font-weight: bold;
}

.BlueTitle, .BlueSubTitle, .Blue
{
    color: #034EA2;
    font-family: Arial;
    font-weight: bold;
}

.GrayTitle, .GraySubTitle
{
    color: #404040;
    font-family: Arial;
    font-weight: bold;
}

.RedTitle, .GrayTitle, .BlueTitle, .GreenTitle
{
    font-size: 184.6%;
}

.RedSubTitle, .GraySubTitle, .BlueSubTitle, .GreenSubTitle
{
    font-size: 138.5%;
}

.GreenTitle, .GreenSubTitle
{
	font-weight: bold;
}

.Green, .GreenTitle, .GreenSubTitle
{
	color: #089948;
	font-family: Arial;
}

.subtitle
{
    color: #0e4c7c; /* blue */
    font-size: 123.1%;
    font-weight: bold;
}

.holidayCaption
{
	line-height: 175%;
}

.holidayList li
{
	padding-bottom: 10px;
}

.contentInformationBar
{
    margin-bottom: 15px;
    color: #999999;
    font-size: 92.3%;
    text-align: right;
}

.SmartTableLetter
{
	width: 10px; 
	background-color: #F3CFC0; 
	color: #CF2028; 
	text-align: center; 
	vertical-align: middle; 
	font-size: 138.5%;
}

.SmartTableDesc
{
	background-color: #ffffff;
	vertical-align: middle;
}

.SmartTableDesc span
{
	font-weight: bold;
	color: #D34A38;
}

.helpButton
{
    cursor: pointer;
}

a 
{
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

a.bookmark, a.bookmark:hover
{
	text-decoration: none;
}

a.green
{
    color: #089948;
}

a.green:hover
{
    
}

a.red
{
    color: #CB2027;
}

a.red:hover
{
}

a.blue
{
    color: #034EA2;
}

a.blue:hover
{
}

a.HolidayRed
{
    color: #444444;
}

a.HolidayRed:hover
{
    color: #CB2027;
}

a.HolidayGreen
{
    color: #444444;
}

a.HolidayGreen:hover
{
    color: #089948;
}

a.RevisitBlue
{
	color: #444444;
}

a.RevisitBlue:hover
{
	color: #034EA2;
}

a.whiteLink
{
    color: #ffffff;
}

a.grayLink
{
    color: #999999;
}

a.redLink
{
    color: #b21f17;
}

a.blueLink, a.printerLink
{
    color: #0e4c7c; /* blue */
}

a.whiteLink
{
    color: #ffffff;
}

a.eventLink 
{
    color: #0e4c7c;
}

a.calendarMonthLink
{
    font-weight: bold;
    color: #ffffff;    
}

a.calendarMonthLink:hover
{
    color: #d3eddf; /* Light Green */
    text-decoration: none;
}

a.headerLink, a.footerLink {
    color: #444444;
}

.whiteTitle
{
    color: #ffffff;
    font-size: 138.5%;
    font-family: Arial;
    font-weight: bold;
}

.disclaimerBar
{
    color: #666666;
    font-size: 84.6%;
}

.footerText
{
    color: #bbbbbb;
}

.whiteButton {
	background-color: #ffffff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.contentTitle
{
	font-size: 138.5%;
	font-weight: bold;
	color: #b21f18;
}

.contentSubTitle, .contentResourceSubTitle
{
    font-weight: bold;
    color: #444444;
}

.contentSubTitle
{
    font-size: 107.7%;
}

.contentImageContainer
{
    width: 302px; 
    height: 202px; 
    padding : 2px;
    border: 1px solid #dddddd; 
    background-color: #ffffff;
}

.contentImage
{
    width: 300px;
    height: 200px;
    border: 1px solid #dddddd;
}

.bodyText
{
    text-align: left;
    color: #444444;
}

.bodyText ul
{
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 40px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.contactInformation
{
    font-size: 92.3%;
}

/* Menu CSS */

/* Menu */
.menu {
	width: 100%;
	background-color: #e6e9f0;
    
}

/* Menu Item/Sub Menu */
.menu td table
{
    border-left: solid 1px #bbbbbb;
    border-right: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
    position: absolute;
    top: auto;
    left: -999em;
}

.menu td
{
    height: 20px;
    vertical-align: middle;
    border: solid 1px #bbbbbb;
}

/* Menu Hover */
.menu td:hover table
{
    position: absolute;
    left: auto;
    background-color: #e6e9f0;
    height: auto;
    max-width: 16%;
    width: 100%;
}

.menu td:hover td
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: dashed 1px #bbbbbb;
}

/* Default link */
.menu a {
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	color: #444444;
}

/* Menu Item Hover */
.menu td:hover {
	background-color: #0e4c7c;
}

/* Sub Menu Item Hover */
.menu td:hover td:hover {
    background-color: #0e4c7c;
}

/* Menu Hover/Link */
.menu td:hover a {
    color: #ffffff;
}

/* Menu Item Hover/Sub Menu Item/Link */
.menu td:hover td a {
    text-align: left;
    color: #444444;
}

/* Menu Item Hover/Sub Menu Item Hover/Link  */
.menu td:hover td:hover a {
    color: #ffffff;
}

/* Modal Popup CSS*/
.mpBg
{
	background-color: #3753fc;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.mp
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}
.mpHd
{
	background-color: #616cae;
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height: 16px;
}
.mpClose
{
	text-align: center;
	width: 100%;
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
}

.RadMenu a.rmLink
{
	cursor: hand !important;
}

/*
 Rad Message Box Customization
*/

.Success
{
	background: url('../../images/suc.png') no-repeat left center !important;
}

.Attention
{
	background: url('../../images/att.png') no-repeat left center !important;
}

.Info
{
	background: url('../../images/inf.png') no-repeat left center !important;
}

.Error
{
	background: url('../../images/err.png') no-repeat left center !important;
}