/*default padding and margin*/
html, body {
  background-color: #ffffff;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border: 0px;
}
/* side bar menu */
.sidebar 
{
  line-height: 95%;
  font-family: verdana; arial; helvetica; sans-serif; 
  font-variant: small-caps; 16px/26px;  
  font-weight: bold;
  font-size: 13px;
  width: 150px;
  cursor: auto;
  border: 0px solid #9A9A9A;	 
  margin: 0px 10px 0px 8px;
  padding: 5px 0px 0px 0px;
}
	.sidebar A:link {color:#00014e; text-decoration: none;}
	.sidebar A:visited { color: black; text-decoration: none;}
	.sidebar A:hover {text-decoration: none; color: #D60023;}
	.sidebar A:active {color: #00014e; text-decoration: none;
}
/* top bar menu */
.smartmenualign 
{
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 125px;
}
.smartmenuactive
{
  font-family: verdana; arial; helvetica; sans-serif;
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  color: red;
}
.smartmenucomplete
{
  font-family: verdana; arial; helvetica; sans-serif;
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}
.smartmenupending
{
  font-family: verdana; arial; helvetica; sans-serif;
  font-weight: normal;
  font-size: 8pt;
  color: gray;
  font-style: italic;
}
/* box model */
.tableborder
{
  text-align: justify;
  font-family: verdana; arial; helvetica; sans-serif;
  width: 100%;
  border: 0px solid red;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.outsidebox
{
  border-width: 1px 1px 1px 1px; 
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}
.insidebox
{

}
.forminside
{
Width:100%;
background-color:#f5f5f5;
margin: 0px 0px 0px 0px;
padding:  0px 18px 5px;18px;
}
.padded
{
  line-height: 150%;
  border-width: 0px 0px 0px 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #999999;
  margin: 0px 0px 0px 0px;
  padding: 30px 30px 30px 30px;
}
/* table */
table {
  font-family: Verdana; Arial; Helvetica; sans-serif;
  font-size 10pt;
  color: black;
	
} /*
width:100%; 
  border:solid 1px red; 
  table-layout:fixed;
}
table td {
  border:solid 1px green;
}
 .fixedcell 
{
width:75px;
}
.fluidcell 
{
width:auto; 
overflow:hidden; 
white-space:nowrap;
} */

/* Page Headings */
h2 {
  text-align: center;
  font-family: tahoma; verdana; arial; helvetica; sans-serif;
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  background-color: #051039;
  margin: 7px 0px 0px 0px;
  padding: 18px 0px 10px 0px;
}
h3 {
  text-align: center;
  font-family: verdana; arial; helvetica; sans-serif;
  font-size: 17px;
  color: #000080;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* forms */
.boxtitle
{
  line-height: 100%;
  font-family: arial; sans-serif;
  font-size: 14pt;
  color: #000000;
  font-weight: bold;
  background-color: #f5f5f5;
}
.dataheadertitle
{
  line-height: 180%;
  text-align:left;
  font-family: arial; sans-serif;
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
  background-color: f5f5f5;
  background-color: #000080;
}
.datagrid
{
  line-height: 130%;
  font-family: arial; sans-serif;
  font-weight: normal;
  font-size: 8pt;
  color: black;
  background-color: #f5f5f5;
}
.datagridlightcolor
{
    background-color: f5f5f5;
}
.datagriddarkcolor
{
    background-color: #ccccff
}
.datagridhighlightcolor
{
    background-color: #ccccff;
}
.remarks
{
line-height: 130%;
font-size: 8pt;
color: #1f497d;
font-weight: 900;
}
.toolbar
{
  font-family: verdana; arial; sans-serif;
  font-size: 8pt;
  color: #000000;
  font-weight: bold;
  background-color: #ccccff;
  margin: 15px 0px 8px 0px;
}
/* Help Text */
.helptext
{
  line-height: 150%;
  font-family: verdana; arial; helvetica; sans-serif;
  font-size: 10pt;
  color: #000000;
}
.smallhelptext
{
  line-height: 80%;
  font-family: arial; sans-serif;
  font-size: 8pt;
  color: #000000;
  font-weight: normal;
}
/* Red alert for when replying to forms */
.redalert
{
  text-align:center;
  font-family: verdana; arial; helvetica; sans-serif; 
  font-weight: bold;
  font-size: 24px;
  color: #d60023;
  padding: 0px 0px 20px 0px;
}
/* contact page  */
.contact
{
  line-height: 150%;	
  vertical-align:left;
  text-align:left;			
  font-family: tahoma; verdana; arial; helvetica; sans-serif;
  font-size: 12px;
  color: #000000;
  width: 600px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 20px 0px;			
}
.contact a
{
	color:#007AC2;
	text-decoration: none;
	
}
.contact a:hover
{
	color:#084770;
	text-decoration:none; color: #D60023;
}
.contact .leftimg
{
	float: left;
	border: 1px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
/* Label */
.label
{
  font-size:12px;
  border-radius: 20px; 
  background-color:orange;
  box-shadow: rgba(0,0,0,0.8) 5px 5px 5px #888;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  padding: 10px;
}
/* Tool Tip */
.tooltip {
  position: relative;
  text-shadow: 2px 2px 2px #888;
  cursor: pointer;
  display: inline;
  text-decoration: none;
  outline: none;
}

.tooltip span {
  text-align: left;
  font: normal 14px verdana;
  color: white; 
  visibility: hidden;
  position: absolute;
  left: 50px;
  top: 270%;
  z-index: 20000;
  width: 200px;
  margin-left: -127px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #4271C9;
  background: -moz-linear-gradient(top, #6192DD 0%, #4271C9 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#6192DD), to(#4271C9)); 
  background: -o-gradient(top, #6192DD, #422A20); border-bottom: solid 1px #4271C9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px 5px #7B99E1;
  -webkit-box-shadow: 0 0 5px 5px #7B99E1;
  box-shadow: 0 0 5px 5px #7B99E1; 
}

.tooltip:hover {
	border: 0; /* IE6 fix */
  	background:#6192DD; 
	text-decoration:none;
}
.tooltip:hover span {
  visibility:visible;
	background:#6192DD;
}
/* xx Tool Tip */
.xxtooltip {
  position: relative;
  text-shadow: 2px 2px 2px #888;
  cursor: pointer;
  display: inline;
  text-decoration: none;
  outline: none;
}

.xxtooltip span {
  text-align: left;
  font: normal 14px verdana;
  color: white; 
  visibility: hidden;
  position: absolute;
  left: -50px;
  bottom: 270%;
  z-index: 20000;
  width: 440px;
  margin-left: -127px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #4271C9;
  background: -moz-linear-gradient(top, #6192DD 0%, #4271C9 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#6192DD), to(#4271C9)); 
  background: -o-gradient(top, #6192DD, #422A20); border-bottom: solid 1px #4271C9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px 5px #7B99E1;
  -webkit-box-shadow: 0 0 5px 5px #7B99E1;
  box-shadow: 0 0 5px 5px #7B99E1; 
}

.xxtooltip:hover {
	border: 0; /* IE6 fix */
  	background:#6192DD; 
	text-decoration:none;
}
.xxtooltip:hover span {
  visibility:visible;
	background:#6192DD;
}
/* xx Tool Tip Top */
.xxtooltiptop {
  position: relative;
  text-shadow: 2px 2px 2px #888;
  cursor: pointer;
  display: inline;
  text-decoration: none;
  outline: none;
}

.xxtooltiptop span {
  text-align: left;
  font: normal 14px verdana;
  color: white; 
  visibility: hidden;
  position: absolute;
  left: -50px;
  top: 270%;
  z-index: 20000;
  width: 440px;
  margin-left: -127px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #4271C9;
  background: -moz-linear-gradient(top, #6192DD 0%, #4271C9 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#6192DD), to(#4271C9)); 
  background: -o-gradient(top, #6192DD, #422A20); border-bottom: solid 1px #4271C9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px 5px #7B99E1;
  -webkit-box-shadow: 0 0 5px 5px #7B99E1;
  box-shadow: 0 0 5px 5px #7B99E1; 
}

.xxtooltiptop:hover {
	border: 0; /* IE6 fix */
  	background:#6192DD; 
	text-decoration:none;
}
.xxtooltiptop:hover span {
  visibility:visible;
	background:#6192DD;
}
/* boldtooltip */
.boldtooltip {
  text-align: center; 
  font-size: 130%; 
  font-weight: bold; 
  color: #003399;
}
.errormessage
{
  COLOR: red;
}
/* Styled text to brings users to top of page */
.top
{
  font-size: 6pt;
  font-weight: bold;
  color: #ffffff;
  border-width: 2px;
  border-style: solid; 
  border-color: #3333ff; 
  background-color: #0bb61a;
  text-decoration: none; 
  padding: 0px 7px 0px 7px;
  margin: 0px 10px 0px 0px;
  opacity: 1;
  filter:Alpha(opacity=1); /* IE8 and earlier */
}
/* Styled text to brings users to infomation  */
.info 
{
  vertical-align:super;
  font-size: 5pt;
  font-weight: bold;
  color: #ffffff;
  background-color: #6192DD;
  box-shadow: 3px 3px 6px #888888;
  -moz-border-radius: 15px;
  border-radius: 15px;
  
  padding: 1px 4px 1px 4px;
  
}

/* font-variant:small-caps; by color */
.blue
{
  font-variant:small-caps;
  letter-spacing: 0.1em;
  font-weight: bold;
  color:#3333ff; 
}
.red
{
  font-variant:small-caps;
  letter-spacing: 0.05em;
  font-weight: bold;
  color:#ff0000; 
}
/* Indent Paragraph */
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}

div.scroll
{
background-color:#00FFFF;
width:500px;
height:100px;
overflow:scroll;
}
/* Top of form settings for tables */
.toptd
{
  line-height:30px;
  text-align: center; 
  font-size: 130%;
  font-weight: bold;
  color:#000000;
}
.calendarday
{
    font-weight: normal;
    font-size: 10pt;
    cursor: pointer;
    color: blue;
    font-family: Arial;
    text-decoration: none
}    

/* Don't know if we use thesexxxxxxxxxxxxxxxxxxx */
/* Don't know if we use these  */
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top:  0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h4
{
    font-weight: bold;
    FONT-FAMILY: Verdana; Arial; Helvetica; sans-serif;
    FONT-SIZE: 9pt;
    color: #00014e;
    text-align: center;
}
h6
{
    font-weight: bold;
    FONT-FAMILY: Verdana; Arial; Helvetica; sans-serif;
    FONT-SIZE: 9pt;
    color: #f8f8ff;
    text-align: center;
}
hr
{
	COLOR: .05em solid #999999;
}
#page_content {
	position: relative;
	color:#666666;
	text-align:justify;
	line-height:20px;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 5px 3px;
}
BODY
{
    FONT-SIZE: 10pt;
    COLOR: BLACK;
    FONT-FAMILY: Verdana; Arial;
}

.mainmenu
{
    FONT: bold small-caps 10pt/10pt Verdana, Arial;
    COLOR: #d60023;
    TEXT-DECORATION: none;
	list-style-type: none;
	margin: 0px 0;
	padding: 0;
	width: 150px;
}
.mainmenu_mouseover
{
    FONT-SIZE: 11pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: black;
    TEXT-DECORATION: none;
}
/* Capitalize Characters */
.ttc {
	text-transform: capitalize;
}
.ttu {
	text-transform:uppercase;
}
.ttl {
	text-transform:lowercase;
}
SELECT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-VARIANT: normal
}
input
{
    font-size: 8pt;
    color: black;
    font-variant: normal
}
BUTTON
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: White;
    BACKGROUND-COLOR: #d60023
}
.submitbutton
{
    font-weight: bold;
    color: white;
    background-color: #d60023
}

.pagetitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #d60023;
    FONT-STYLE: italic
}
.subtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: blue;
    FONT-FAMILY: Verdana;
    FONT-STYLE: italic
}
.popupsmall
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.popupmedium
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    CURSOR: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.popuplarge
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    CURSOR: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.popupfooter
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: Arial;
}


.spanonclick
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    CURSOR: pointer;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.helpsystembody
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
INPUT.regular_button
{
    MARGIN-TOP: 10px;
    WIDTH: 100px;
    HEIGHT: 30px
}
.centered
{
    text-align: center;
}
    #boxhelptop
{
    position: absolute;
    width: 150px;
    border: 2px solid #CD5C5C;
}
img
{ 
    border-width: 25px; 
    border-style: solid; 
    border-color: #000000; 
}
.imgborder
{ 
    border: 1px solid #000000; 
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#album img
{ 
    border: 1px solid #000000; 
}
img
{ 
    border: none; 
}
.img_left 
{
float: left;
border-style: none;
margin-top: 5px;
margin-left: 7px;
margin-right: 20px;
height: 50px;
}
.img_right 
{
float: right;
border-style: none;
margin-left: 20px;
bodyX
{ 
    background-color: #ffffff; 
    background-image: url(images; calendar.jpg); 
    background-repeat: no-repeat;
    background-position: center center;
    height:35px; 
}
.img_left_who 
{
float: left;
border: 1px solid #000000;
margin-top: 5px;
margin-left: 0px;
margin-right: 20px;
height: 200px;
Width: 135px;
}
#one
 {
    width: 400px;
    height:700px;
    background-repeat:no-repeat;
    border: 1px solid #000000;
    background-position: bottom left;
    COLOR: gray;
 }
div1 span {
  display:none;
}
div2
{
    width: 1130px;
    height:721px;
    background-repeat:no-repeat;
    border: 0px solid #000000;
    background-position: bottom center;
    COLOR: gray;
    font-family: sans-serif;
    text-align: center; 
}
  div span {
  display:none;
}
.floatimgleft {
    float:left;
    margin-left:75px;
    margin-top:0px;
    margin-right:75px;
    margin-bottom:10px;
    border: 1px solid #000000;
    background-repeat: no-repeat;
    }


/*
.h3
    {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    font-COLOR: #999999;
    FONT-FAMILY: Verdana; Arial; Helvetica; sans-serif;
    }
*/
.indent
{ 
    text-indent: 500px;
}
/* Paragraph Text */
p {
  line-height: 250%;
  text-align: justify;
  font-family: verdana; arial; helvetica; sans-serif;
  font-size: 12px;	
  	COLOR: #000000;
}
.pnew 
{
	font-family: verdana; arial; helvetica; sans-serif;
	text-align: center;
	font-size: 100%;
}
.p1 
{
  line-height: 116%;
  text-align: left;
  font-family: Verdana; Arial; Helvetica; sans-serif;
  font-size: 12px;
  COLOR: #000000;
  width: 98%;
}

.padded_form
{
 padding:30px;
 border: 5px solid #999999;
}
td.padded_form 
{
 padding-top:15px;
}
	}
 td.padded_form {
 padding-left:15px;
}
	}
 td.padded_form {
 padding-right:15px;
}
	}
 td.padded_form {
 padding-bottom:0px;
}
.paddedtext
{
 padding:0px;
 border: 5px solid #999999;
}
 td.paddedtext {
 padding-top:15px;
 }
}
 td.paddedtext {
 padding-left:15px;
}
	}
 td.paddedtext {
 padding-right:15px;
}
	}
 td.paddedtext {
 padding-bottom:40px;
 }

/* Table Ledger */
.tableLedger
{
	font-weight: bold;
	color: #FFFFFF;
        background-color: #7F7F99;
	height: 18px;
        width: 50%
}
/* Sub-Ledger */
.tableSubLedger
{
	font-weight: bold;
	background-color: #DCDDE4;
	height: 22px;
}
/* Tables */
.tableRow, .tableTopRow, .tableBottomRow
{
	background-color: #F0F1F5;
}
 td.padded {
 padding-top:15px;
 }
}
 td.padded {
 padding-left:15px;
 }
}
 td.padded {
 padding-right:15px;
 }
}
 td.padded {
 padding-bottom:40px;
 }

.ul 
{
  list-style: lower-verdana inside
}
/*
div#test {
    background-image:  url(/images/1ccccff.gif);
    background-repeat: no-repeat;
    height: 75px;
    width: 75px;
}
div#testtext {
    position: top;
    height: auto;
    width: auto;
    left: 25px;
    top: opx;
}
*/
/*Menu Bar */
.markermenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 155px;
border: 0px solid #9A9A9A;
}
.markermenu li a{
background: white;
FONT: bold small-caps 12px/12px Verdana, Arial, Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
color: #0000ff;
display: block;
width: auto;
padding: 6px 0;
padding-left: 4px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}
* html .markermenu li a{ /* IE only. Actual menu width minus left padding of LINK (20px) */
width: 130px;
}
.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}
.markermenu li a:hover{
color: red;
background-color: white;
}
div.float {
  float: left;
  border: 0px solid #9A9A9A;
  }
div.float p {
	text-align: left;
   }
div.spacer {
	clear: both;
           }
/* Footer Links */
#footer ul {
 margin: 0.25em 0;
 padding: 0 1em;
 list-style: none;
}
#footer li {
 display: inline;
 margin: 0;
 padding: 0 0.2em 0 0.5em;
 border-left: 1px solid;
}
#footer .first {
 padding-left: 0;
 border: 0;
}
#footer-wrapper
{
 font-size: 9pt;
 font-family: arial;
 color: gray;
 text-align:center;
}
#subFooter {
 font-size: 7pt;
 font-family: Verdana; Arial; Helvetica; sans-serif;
 color: gray;
 text-align:center;
 text-decoration: none;
}