/*
  Global styles
*/

/* Change color/background image as needed */
html, body { margin: 0; padding: 0; height:87.5%; background: #253e7b; }


/* Change color as needed */
a { color: #c3e1ca; text-decoration: none; cursor: pointer; }
a:hover { background: #e5da83; color: #3769be;}

img { margin: 0; border: none; }

/* Floated images and other elements */
.imgright { float: right; clear: right; margin-left: 9px; margin-bottom: 6px; }
.imgleft { float: left; clear: left; margin-right: 10px; margin-bottom: 6px; }

/* Text in other-aligned blocks, i.e. text in right-aligned <p> to be aligned left */
span.textleft { display: block; float: left; margin-top: 0.2em; }
span.textright { display: block; float: right; margin-top: 0.2em; }

body, div, td, th, h2, h3, h4, textarea {
 font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #E7EFF1;
}

.error {color:red;}

.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
}

.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #236029;
}

h2 a { text-decoration: none; border: none; }
h2, h2 a {font-size: 13pt;  color: #a9beff; }

div.clear { clear: both; line-height: 0; margin: 0; padding: 0; }

.glossymenu{
margin: 5px 0;
padding: 0;
width: 186px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/btn_bg.jpg) repeat-x bottom left;
font: bold 12px 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(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 #703e20;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}