.subheadtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.preload {
display:none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(/images/body_bg2.jpg);
	background-color:#000000; 
}
.bodynavigation {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}
.bodynavigation a:link, .bodynavigation a:visited, .bodynavigation a:hover, .bodynavigation a:visited:hover {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
}
.headertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.bodytext {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366BC;
	text-decoration: none;
}

a:hover, a:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.blockbg {
	background-color: #9FBFDF;
	padding: 5px;
	border: 1px solid #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;

}
/* 
------------------------------------------------------------
TOP NAVIGATION 
------------------------------------------------------------
*/
a.newtopnavcurrent {
}

a.newtopnavcurrent:link, a.newtopnavcurrent:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F87C00;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;

}
a.newtopnavcurrent:hover, a.newtopnavcurrent:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;

}

//

a.newtopnav {
}

a.newtopnav:link, a.newtopnav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AA0000;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;

}
a.newtopnav:hover, a.newtopnav:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;

}




/* 
------------------------------------------------------------
DROP DOWN NAVIGATION 
------------------------------------------------------------
*/
.ddsmoothmenu{
font: bold 11px Verdana;
background: #FFFFFF; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:-1;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: #AA0000;
padding: 8px 10px;
border-right: 1px solid #DADADA;
text-decoration: none;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
font: bold 12px Verdana;
color: #AA0000;
text-decoration: none;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.selected:link, .ddsmoothmenu ul li a.selected:visited{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font: bold 12px Verdana;
background: #333;
color: #FFFFFF;
text-decoration: none;
}

.ddsmoothmenu ul li a.currentpage, .ddsmoothmenu ul li a.currentpage:link, .ddsmoothmenu ul li a.currentpage:visited{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font: bold 12px Verdana;
background: #E8E8E8;
color: #F87C00;
text-decoration: none;
}

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a:visited:hover{
font: bold 12px Verdana;
background: #000000; /*background of menu items during onmouseover (hover state)*/
color: #FFFFFF;
text-decoration: none;
}

a.lastnav:link, a.lastnav:hover, a.lastnav:visited, a.lastnav:visited:hover {
border-right: 0px;
margin-right: 0px;
padding-right: 0px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #FFFFFF; /*background of menu items (default state)*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
text-decoration: none;
font-weight: bold;
font-size: 13px;
font-family: Trebuchet MS;
color: #AA0000;
width: 155px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:visited:hover{
text-decoration: none; 
font-weight: bold;
font-size: 13px;
font-family: Trebuchet MS;
background: #000000;
color: #FFFFFF;
width: 155px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.6;
}

/* 
------------------------------------------------------------
BUBBLE EFFECT 
------------------------------------------------------------
*/
.bubblewrap{
position:relative;
list-style-type:none;
margin:0;
padding:0;
z-index:101;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
width: 55px;
height:60px;
}

.bubblewrap li img{
position:absolute;
width: 55px; /*default width of each image.*/
height: 60px; /*default height of each image.*/
left:0;
top:0;
border:0;
}


.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Arial;
padding:2px;
width:100px;
text-align:center;
background:white;
}

#stepsbubble li{
*margin-left: -10px;
margin-right: 53px;
*margin-right: 62px;
margin-top: -8px;
width: 147px; /*width of image container. Should be wider than contained images (before bubbling) */
height:147px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#stepsbubble li img{
width: 147px; /*width of each image before bubbling*/
height: 147px; /*height of each image*/
}



#orbs li{
width: 55px; /*width of image container. Should be wider than contained images (before bubbling) */
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}
.squaresclassabove{
margin-left: 20px;
z-index:102;
}

.squaresclass{
z-index:100;
margin-left: 20px;
}

#squares li{
margin-right: 10px;
width: 27px; /*width of image container. Must be wider than contained images (before bubbling) */
height:27px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 27px; /*width of each image before bubbling*/
height: 27px; /*height of each image*/
}