HTML { margin: 0; padding: 0; text-align: center; width: 100%;}
BODY { margin: 0; padding: 0;  background: white url(images/background.gif) repeat-x top left; width: 100%}
BODY { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: 18px }
IMG {border: 0px solid white; margin: 0; padding: 0}
A {color: #446FC4}
FORM {display: inline; clear: none; margin: 0; padding: 0}


/* Header Styles */

#header A#submit {padding: 0; text-decoration: none; text-align: center; line-height: 15px; height: 15px; float: right; color: white; background-color: #6C8DD0; border: 1px solid #84A1D9; font-size: 9px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif}
#header A#submit:hover {background-color: #FEEAD2; border-color: #EB8C38; color: #EB8C38 }



/* Menu Style */

#menu A {float: left; margin: 0; padding: 0px 10px 0 10px; text-decoration: none; background-color: transparent; line-height: 15px; height: 15px; border-right: 1px solid #0A2540}



/* SubMenu Style */

#submenu A {float: left; margin: 0; padding: 0px 5px 0 5px; text-decoration: none; background-color: transparent; line-height: 14px; height: 14px; border-right: 1px solid #0A2540}


/* Dynamic Style */

#dynamic  {color: #555555; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px }
#dynamic P {margin: 0; text-align: left; text-indent: 0px; color: #555555; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px }
#dynamic STRONG {font-weight: bold}
#dynamic A {padding-left: 10px; background: url(images/bluelinkarrow.gif) no-repeat left 5px; color: #446FC4; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px }
#dynamic A:hover, #dynamic A:active {background: url(images/orangelinkarrow.gif) no-repeat left 5px; color: #EB8C38}



/* Content Styles */

#content H1 {width: 500px; height: 25px; margin: 0}
#content H2 {width: 500px; height: 20px; margin: 0 0 10px 0; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; line-height: 18px }
#content H2 A {padding-left: 10px; margin-right: 10px; background: url(images/bluelinkarrow.gif) no-repeat left 5px; color: #446FC4}
#content H2 A:hover, #content H2 A:active {background: url(images/orangelinkarrow.gif) no-repeat left 5px; color: #EB8C38}

#content H3 {width: 500px; height: 20px; margin: 18px 0 10px 0; padding-top: 10px; border-top: 1px solid #B5BDC5; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; line-height: 18px }
#content H3 A {padding-left: 10px; margin-right: 10px; background: url(images/bluelinkarrow.gif) no-repeat left 5px; color: #446FC4}
#content H3 A:hover, #content H2 A:active {background: url(images/orangelinkarrow.gif) no-repeat left 5px; color: #EB8C38}
#content H5 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #446FC4; clear:none; margin: 0; padding: 0}
#content H5 A {color: #446FC4}
#content H6 {margin-left: 167px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #446FC4; clear:none; padding: 0; text-transform: uppercase}


#content P {text-align: left; text-indent: 10px; color: #555555; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 18px }

#content LABEL {margin-bottom: 5px; height: 15px; padding-right: 5px; float: left; clear: both; width: 160px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; text-align: right}
#content LABEL#short {margin-bottom: 5px;  height: 15px; padding-right: 5px; float: left; clear: both; width: 100px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; text-align: right}
#content INPUT {margin-bottom: 5px; width: 200px; border: 1px solid #555555; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: white} 
#content INPUT#display { margin-bottom: 5px; height: 15px; width: 250px; border: 0px solid #555555; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent}
#content INPUT#displayforcheck { margin-bottom: 5px; margin-left: 5px; width: 75px; border: 0px solid #446FC4; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; float: left; clear: none; display: inline} 
#content INPUT#checkbox{ margin: 0 0 3px 3px; width: 15px; float: left; background-color: transparent; border: 0px solid white; text-align: left; font-size: 11px; color: white; clear: none; display: inline}
#content INPUT#displayforcheck { margin-bottom: 3px; margin-left: 5px; width: 100px; border: 0px solid #446FC4; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; float: left; clear: none; display: inline} 
#content INPUT#displayforcheckshort { margin-bottom: 3px; margin-left: 5px; width: 30px; border: 0px solid #446FC4; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; float: left; clear: none; display: inline} 
#content INPUT#radio{ margin-bottom: 5px; width: 15px; background-color: white; border: 0px solid white; text-align: left}
#content INPUT#button {margin-left: 158px; width: 100px; background-color: #446FC4; border: 1px solid black; color: white; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold}
#content INPUT#submit {float: left; margin-left: 5px; clear: none; padding: 0; text-decoration: none; text-align: center;  height: 17px; width: 80px; color: white; background-color: #446FC4; border: 1px solid #84A1D9; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif}
#content INPUT#submit:hover, #content INPUT#submit:active {background-color: #FEEAD2; border-color: #EB8C38; color: #EB8C38 }
#content SELECT { margin-bottom: 5px; width: 205px; border: 1px solid #555555; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: white}
#content SELECT#highlight { margin-bottom: 5px; width: 205px; border: 1px solid #555555; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; background-color: #446FC4; color: white;}
#content TEXTAREA {margin-bottom: 5px; width: 200px; border: 1px solid #555555; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: #white; overflow:auto}
#content TEXTAREA {	scrollbar-arrow-color: #ffffff;
				scrollbar-3dlight-color: #446FC4;
				scrollbar-darkshadow-color: #446FC4;
				scrollbar-face-color: #446FC4;
				scrollbar-highlight-color: #ffffff;
				scrollbar-shadow-color: #ffffff;
				scrollbar-track-color: #777777 }

#content TEXTAREA#display { margin-bottom: 5px; width: 300px; border: 0px solid #eeeeee; font-size: 11px; line-height: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; overflow:auto}
#content TEXTAREA#display {	scrollbar-arrow-color: #ffffff;
				scrollbar-3dlight-color: #446FC4;
				scrollbar-darkshadow-color: #446FC4;
				scrollbar-face-color: #446FC4;
				scrollbar-highlight-color: #ffffff;
				scrollbar-shadow-color: #ffffff;
				scrollbar-track-color: #777777 }


#content A#submit {float: left; margin-left: 5px; clear: none; padding: 0; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 15px; height: 17px; width: 80px; color: white; background-color: #446FC4; border: 1px solid #84A1D9; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif}
#content A#submit:hover, #content A#submit:active {background-color: #FEEAD2; border-color: #EB8C38; color: #EB8C38 }

#content A#arrow  {font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif;  line-height: 18px; padding-left: 10px; background: url(images/bluelinkarrow.gif) no-repeat left 5px; color: #446FC4}
#content A#arrow:hover, #content A#arrow:active {background: url(images/orangelinkarrow.gif) no-repeat left 5px; color: #EB8C38}

#content DIV#tableheader {width: 458px; height: 15px; background-color: #446FC4; margin: 20px 0 5px 0; border: 1px solid #84A1D9;}
#content DIV#tableheadercell {float: left; height: 15px; padding: 0px 8px 0px 8px; line-height: 15px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: white; border-left: 0px solid #84A1D9; text-transform: uppercase}
#content DIV#tablecontainerscroll {width: 460px; margin: 0; padding: 0; height: 129px; overflow: auto !important; overflow: hidden; overflow-y: auto; overflow-x: hidden; border: 0px solid #446FC4}
#content DIV#tablecontainerscroll {	scrollbar-arrow-color: #446FC4;
				scrollbar-3dlight-color: #DCE3EA;
				scrollbar-darkshadow-color: #DCE3EA;
				scrollbar-face-color: #DCE3EA;
				scrollbar-highlight-color: #446FC4;
				scrollbar-shadow-color: #446FC4;
				scrollbar-track-color: #DCE3EA;}

#content DIV#tabledataa {width: 100%; height: 25px; margin: 0; background: DCE3EA;; border-bottom: 1px solid #B5BDC5 }
#content DIV#tabledatab {width: 100%; height: 25px; margin: 0; background: #eeeeee; border-bottom: 1px solid #B5BDC5 }
#content DIV#tabledatacell {float: left; height: 15px; overflow: hidden; padding: 5px 8px 5px 8px; font-size: 11px; line-height: 18px;  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; border-left: 0px solid #555555;  background: transparent}
#content DIV#tabledatacellbegin {float: left; height: 15px; overflow: hidden; padding: 5px 8px 5px 8px; font-size: 11px;  line-height: 18px;  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background: transparent }
#content DIV#tablefooter {width: 460px; height: 15px; margin: 10px 0 0 0; border-top: 1px solid #84A1D9;}

#content DIV#monthcell {float: left; padding:  0px; width: 140px; height: 20px; margin:0; border: 0px solid white; font-size: 13px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: #555555; text-align: center; overflow: hidden}
#content DIV#weekdaycell {float: left; text-align: center; padding: 0; width: 20px; height: 18px; margin:0 0 3px 0; border: 0px solid white; font-size: 11px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: #555555; overflow: hidden}
#content DIV#cell {float: left; padding: 0px 0px 0px 0px; background-color: #A2B7E2; width: 20px; height: 18px; margin:0 0 2px 0; border: 0px solid white; font-size: 11px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: white; text-align: center; overflow: hidden}
#content DIV#celltoday {float: left; padding: 0px 0px 0px 0px; background-color: #446FC4; width: 20px; height: 18px; margin:0 0 2px 0; border: 0px solid white; font-size: 11px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: white; text-align: center; overflow: hidden}
#content DIV#fillercell {float: left; background-color: transparent; width: 20px; height: 18px; padding: 0; margin:0; border: 0px solid white; overflow: hidden}


#content UL {margin-top: 0; list-style: url(images/bullet.gif) none }
#content LI {margin-yop: 0; margin-bottom: 7px; padding-right: 75px; color: #555555}

/* Footer Styles */

#footer {font-size: 10px}
#footer A {color: #7695D4}
#footer A:hover, #footer A:active {color: #EB8C38}

/* Miscelanneous Style */

.invisible-item {display:none}
.visible-item {display:inline}
.visible-itemblock {display:block}


/* Administrator Styles */

/* Admin Content */

#admin {text-align: left}

#admin DIV#body {width: 600px; height: 330px; overflow: auto}
#admin DIV#body {scrollbar-arrow-color: #446FC3; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-face-color: white; scrollbar-highlight-color: #446FC3; scrollbar-shadow-color: #446FC3 ;scrollbar-track-color: white }

#admin P {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; text-align: justify; text-indent: 10px; line-height: 15px}

#admin H1 {font-size: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #446FC3; width: 600px; padding: 5px 0px 0px 0px; height: 20px; margin: 0; border-bottom: 1px solid #dddddd; clear: none}
#admin H2 {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; height:10px; padding: 5px 0px 0px 0px; margin: 0 0 10px 0 ; clear: none}
#admin H2 A {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; padding:0 0 0 12px; margin: 0 10px 0 0; background: url(images/bluelinkarrow.gif) no-repeat left 4px;}
#admin H2 A:hover, H2 A:active {color: #EB8C38; background: url(images/orangelinkarrow.gif) no-repeat left 4px}
#admin H3 {margin-left: 190px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; width: 200px; padding:0}

#admin A#main {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; padding:0 0 0 12px; margin: 0; background: url(images/bluelinkarrow.gif) no-repeat left 4px; line-height: 18px}
#admin A#main:hover,  A#main:active {color: #EB8C38; background: url(images/orangelinkarrow.gif) no-repeat left 4px}

#admin A#sub {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #999999; padding:0 0 0 28px; margin: 0; line-height: 18px; text-decoration: none}
#admin A#sub:hover {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; padding:0 0 0 28px; margin: 0; line-height: 18px; text-decoration: none}

#admin A#subselected {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; padding:0 0 0 28px; margin: 0; line-height: 18px; text-decoration: none}



#admin DIV#tableheader {background-color: #446FC3; width: 599px; height: 18px; padding: 0; margin:0; border-top: 1px solid #446FC3; border-right: 1px solid #ee000; overflow: hidden}
#admin DIV#tableheadercell {float: left; height: 15px; padding: 3px 8px 0px 8px;  line-height: 12px; margin: 0; font-size: 11px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: white; border-left: 1px solid #446FC3; text-transform: uppercase}

#admin  DIV#tabledatacontainer {width: 597px; margin: 0; padding:0; height: 152px;  overflow: auto !important; overflow: hidden; overflow-x: hidden; overflow-y: scroll;  border-left: 1px solid #446FC3; border-right: 1px solid #446FC3; border-bottom: 1px solid #446FC3}
#admin  DIV#tabledatacontainer {scrollbar-arrow-color: white; scrollbar-3dlight-color: #446FC3; scrollbar-darkshadow-color: #446FC3; scrollbar-face-color: #446FC3; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-track-color: #446FC3; }

#admin  DIV#tabledatarowa{background-color: #dddddd; width: 597px; height: 18px; padding: 0; margin:0; border-bottom: 1px solid white; overflow: hidden; line-height: 15px;}
#admin  DIV#tabledatarowb{background-color: #eeeeee; width: 597px; height: 18px; padding: 0; margin:0; border-bottom: 1px solid white; overflow: hidden; line-height: 15px;}

#admin  DIV#tabledatarowa:hover, #content DIV#tabledatarowa.sfhover {background-color: #B8C8E1}
#admin  DIV#tabledatarowb:hover, #content DIV#tabledatarowb.sfhover {background-color: #B8C8E1}

#admin  DIV#tabledata {float: left; height: 16px; padding: 2px 8px 0px 8px;  margin: 0; font-size: 9pt; font-family: Arial, Verdana, Arial, sans-serif; font-weight: normal; color: #000033; border-left: 1px solid white;  overflow: hidden}
#admin  DIV#tabledatafirst {float: left; height: 16px; padding: 2px 8px 0px 8px;  margin: 0; font-size: 9pt; font-family: Arial, Verdana, Arial, sans-serif; font-weight: normal; color: #000033;  overflow: hidden}

#admin  DIV#tabledata A {font-size: 9pt; font-family: Arial, Verdana, Arial, sans-serif; font-weight: normal; color: #446FC3; text-decoration: underline; border: 0px solid white; margin-right: 5px; overflow: hidden}

#admin A#submit {display: block; padding: 0; text-decoration: none; text-align: center;  height: 15px; line-height: 15px; width: 100px; margin-left: 186px; color: white; background-color: #446fc3; border: 1px solid #555555; font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif}
#admin A#submit:hover {background-color: #FEEAD2; border-color: #EB8C38; color: #EB8C38 }


#admin LABEL {margin-bottom: 3px;  line-height: 15px; padding-top: 2px; padding-right: 5px; float: left; clear: both; width: 180px; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: black; text-align: right}
#admin A#label {margin:0;  padding: 0; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3}
#admin INPUT { margin-bottom: 3px; width: 180px; border: 1px solid #555555; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: black; background-color: #eeeeee} 
#admin INPUT#checkbox{ margin: 0 0 3px 0px; width: 15px; float: left; background-color: transparent; border: 0px solid white; text-align: left; font-size: 9pt; color: white; clear: none; display: inline}
#admin INPUT#radio{ margin-bottom: 0px; width: 15px; background-color: transparent; border: 0px solid white; text-align: left; font-size: 9pt; color: white; float: left}
#admin INPUT#radiotest{ margin-bottom: 0px; width: 15px; background-color: transparent; border: 0px solid white; text-align: left; font-size: 9pt; color: white}
#admin INPUT#display { margin-bottom: 3px; width: 300px; border: 0px solid #446FC3; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; background-color: transparent} 
#admin INPUT#displayforcheck { margin-bottom: 3px; margin-left: 5px; width: 100px; border: 0px solid #446FC3; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; float: left; clear: none; display: inline} 
#admin INPUT#displayforcheckshort { margin-bottom: 3px; margin-left: 5px; width: 30px; border: 0px solid #446FC3; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #555555; background-color: transparent; float: left; clear: none; display: inline} 
#admin INPUT#displaylong { margin-bottom: 3px; width: 400px; border: 0px solid #446FC3; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #446FC3; background-color: transparent} 
#admin SELECT { margin-bottom: 5px !important; margin-bottom: 3px; width: 185px; border: 1px solid #555555;  font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: black; background-color: #eeeeee}
#admin SELECT#highlight {margin-bottom: 5px !important;  margin-bottom: 3px; width: 185px; border: 1px solid #555555; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; background-color: #446FC3; color: white;}
#admin TEXTAREA{ margin-bottom: 3px; width: 280px; border: 1px solid #555555; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: black; background-color: #eeeeee; overflow:auto}
#admin TEXTAREA {scrollbar-arrow-color: white; scrollbar-3dlight-color: #446FC3; scrollbar-darkshadow-color: #446FC3; scrollbar-face-color: #446FC3; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-track-color: #446FC3;}


/* Calendar Styles */

#calendar DIV#monthcell {float: left; padding: 8px 0px 2px 0px; width: 200px; height: 19px; margin:0; border-bottom: 1px solid white; font-size: 18px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: #035CA5; text-align: center; overflow: hidden}
#calendar DIV#weekdaycell {float: left; text-align: center; padding: 5px 0px 0px 0px; background-color: #035CA5; width: 39px; height: 24px; margin:0; border-right: 1px solid white; border-bottom: 1px solid white; font-size: 15px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: white; overflow: hidden; cursor: arrow}

#calendar DIV#cell {float: left; padding: 4px; background-color: #eeeeee; width: 31px; height: 21px; margin:0; border-right: 1px solid white; border-bottom: 1px solid white; font-size: 13px; font-family: Arial, Verdana, Arial, sans-serif; font-weight: bold; color: #035CA5; overflow: hidden}
#calendar DIV#cell:hover, #calendar DIV#cell.sfhover  {background-color: #035CA5; color: white; cursor: pointer}
#calendar A {color: #035CA5; text-decoration: none; border-bottom: 0px solid white}

#calendar DIV#fillercell {float: left; background-color: white; width: 40px; height: 29px; padding: 0; margin:0; border-bottom: 1px solid white; overflow: hidden}
#calendar DIV#navcell {float: left; padding: 5px 0 0 0 !important; padding: 10px 0 0 0; background-color: white; width: 40px; height: 24px !important; height: 19px; margin:0;  border-bottom: 1px solid white; text-align: center; overflow: hidden}






