body {
	margin: 0px;
	padding:0px;
	background:  url(../images/bg.jpg) repeat-x #153c61;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
.os img{ border: none;}

a{
	color:#12512b;
	text-decoration:none;
	font-weight:bold;
}
a:link, a:visited, a:active{
	color:#12512b;
	text-decoration:underline;
}
a:hover{
	color:#12512b;
	text-decoration:none;
}

.largetext{
	font-size:19px;
	color:#fff;
	font-weight:bold;
}
.footer{
	color:#fff;
	text-decoration:none;
	line-height:24px;
	font-size:13px
}
.footer a, .footer a:link, .footer a:visited, .footer a:active{
	color:#000000;
	text-decoration:none;
}
.footer a:hover{
	color:#000000;
	text-decoration:underline;
}
h1{
	padding:0;
	margin:0;
	font-size:25px;
	color:#0f5c2b;
	font-weight:bold;
}
h2{
	padding:0;
	margin:0;
	font-size:20px;
	color:#0b1867;
	font-weight:bold;
}
.whitetext{
	color:#fff;
	font-weight:bold;
}
.bor{
	border:2px solid #8ac140;
}
.bor2{
	border:1px solid #0b1968;
}
.bor3{
	border:1px solid #666666;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #164185;
overflow: scroll; /*leave this value alone*/
width: 435px; /*Width of Carousel Viewer itself*/
height: 362px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 415px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* ######### Drop Down ULs CSS ######### */


.glossymenu{
margin: 0;
padding: 0;
width: 202px; /*width of menu*/
}

.glossymenu img{
	*float: left;
}

.glossymenu a.menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left;*/
font: bold 1px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
float: left;
margin: 0;
padding: 0;
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: 18px;
right: 10px;
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 #7eb13a;
border-right: 4px solid #7eb13a;
border-left: 4px solid #7eb13a;
padding:0 1px 0 1px;
}

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

.glossymenu div.submenu ul li a:hover{
background:#88bc3e;
color: white;
}

.ex-height{
	line-height: 24px;
}