.BODY {font-family: Trebuchet MS, Arial, sans-serif;}
P {font-size: 90%;
	color: black;
	text-align:left;
        padding-right:20px;
	padding-left:25px;}
P.bigger {font-size: 100%;
	text-align:center;
	font-weight:bold;
	color:#1b7401;}
P.center {font-size: 95%;
	text-align:center;
	font-weight:bold;}
P.center2 {font-size: 95%;
	text-align:center;}
P.nopad {padding-right:0px;
	padding-left:0px;}
.bottomtext {width:500px;
	text-align:center;
	font-size: 75%;
	color:black;}
.smalltext {text-align:center;
	font-size: 75%;
	color:black;}
.smalltext2 {text-align:center;
	font-size: 50%;
	color:black;}
.smalltext3 {text-align:center;
	font-size: 85%;
	color:black;}
.header { font-family:Arial; 
	font-size:14pt; 
	font-weight:bold; 
	color:#1b7401; }
.subheader { font-family:Arial;
	font-size:12pt; 
	font-weight:bold; 
	color:#1b7401; }
.subheader2 { font-family:Arial;
	font-size:11pt; 
	font-weight:bold; 
	color:#1b7401; }
.chapter { font-family:MS Sans Serif;
	font-size:10pt; 
	color:#0000ff; 
	font-weight:bold; }

.bodyi { font-family:Arial; 
	font-size:10pt; 
	font-style:italic; 
	color:#000000; }
.bodyh { font-family:Arial; 
	font-size:12pt; 
	font-weight:bold; 
	color:#000000; }	
DIV {text-align: left;}
H1 {font-size: 110%;
	text-align:left;
	font-style:bold;
	padding-left:25px;
	font color:"#008000"}
H2 {font-size: 105%;
	text-align:center;
	font-style:bold;
	font-weight:bold;}
.right {text-align:right;}
.left {text-align:left;}
SPAN.heading {font-size:125%;
	font-weight:bold;}
TD {vertical-align: top;}
TD.head {background: url(images/headbg.gif) #1F00A3;}
TD.headshadow {background: url(images/headshadow2.jpg) #F6FDD0;}
TD.black {background: black;}
TD.footer {background: #930000;}
TD.center {align:center}
OL {font-size: 90%;
	text-align:left;
        padding-right:20px;
	padding-left:25px;}
UL {text-align:left;
        padding-right:20px;
	padding-left:25px;}
IMG.pad {padding-right:10px;}
IMG.borderblack {border:1px;
	border-color:black;}
A:link {color: #1b7401;
	text-decoration: underline;}
A:visited {color: #990000;
	text-decoration: underline;}
A:hover {color: #1b7401;
	text-decoration: underline;}
A:active {color: #990000;}
B {font-weight: bold;}



.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/* ######### CSS for ddtabs ######### */

.glowingtabs{
float:left;
width:100%;
line-height:normal;
border-bottom: 1px solid #8AFF7E; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}


}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*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: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.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 #357d1d;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "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;
colorz: white;
}