/* Begin original CSS */

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ff6600;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.contentCell
{
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 12px;
    BORDER-LEFT-COLOR: #dbdbdb;
    PADDING-BOTTOM: 15px;
    BORDER-TOP-COLOR: #dbdbdb;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: #dbdbdb 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #dbdbdb
}
.contentCellNoLine
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ec9d00;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.pageHeadline
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 24px;
    COLOR: #416083;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.pageSubHeadline
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #7f0010;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
A
{
    FONT-WEIGHT: bold;
    COLOR: #4488c2;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #4488c2;
    TEXT-DECORATION: underline
}
a.side:link
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
a.side:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ff6600;
    TEXT-DECORATION: none
}
.callOut
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    COLOR: #ffffff;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #7f0010
}
.topMenuLink
{
    FONT: bold 11px arial, helvetica, sans-serif;
    MARGIN-LEFT: 8px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #7f0010;
    MARGIN-RIGHT: 8px
}
.topMenuLink:hover
{
    FONT: bold 11px arial, helvetica, sans-serif;
    MARGIN-LEFT: 8px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #ffffff;
    MARGIN-RIGHT: 8px;
    TEXT-DECORATION: none
}
.errorMsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 8px;
    COLOR: #7f0010;
    LINE-HEIGHT: normal;
    MARGIN-RIGHT: 8px;
    FONT-FAMILY: arial, helvetica, sans-serif
}
.formCellName
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    WIDTH: 125px;
    COLOR: black;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #bacee6;
    TEXT-ALIGN: right
}
.formCellOther
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    COLOR: black;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #bacee6;
    TEXT-ALIGN: left
}
.formCellElement
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1px;
    WIDTH: 150px;
    COLOR: black;
    PADDING-TOP: 1px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #bacee6;
    TEXT-ALIGN: left
}
.formElement
{
    PADDING-RIGHT: 5px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.formHeadline
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #7f0010;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.formTable
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    MARGIN-TOP: 8px;
    FONT-SIZE: 300px;
    MARGIN-BOTTOM: 15px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #bacee6
}
.formRequired
{
    FONT-WEIGHT: bold
}
.SubmitButton
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}
.required {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}
/* Custom form elements by geoff */
#signup table {
 background-color: #F9FBFD;
 color: #000000;

 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}
.labelcell {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3670A7;
	background-color: transparent;
	width: auto;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.smalllabelcell {
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
}

.smallfieldcell {
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: bacee6;
 color: #660000;
 text-align: left;
 
}
.medfieldcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: bacee6;
 color: #660000;
 text-align: left;
 
}

.submitbutton {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 250px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(/images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(/images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: #0000FF;
}