/*

I have set up a few things for you here.  The body is basically everything in the html.
The a styles whatever is in <a> tags, so it styles the links. a is the link without
interaction, a:hover is when the mouse is over the link, and so forth.
You can only have certain css attributes function within Flash. See the XML file for more info - from the XML using html, you can add size and color to the text.

*/

a {
	color:#00CCFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#00CCFF;
}


.Text {
	font-family: Verdana; 
	font-size: 11px; 
	color: #8d8984; 
}
	
.greyText {
	font-family: Verdana; 
	font-size: 11px; 
	color: #cccccc; 
}

.orangeText {
	font-family: Verdana;
	font-size: 11px; 
	color: #d87b47; 
}

.orangeTextbold {
	font-family: Verdana;
	font-size: 11px; 
	color: #d87b47; 
	font-weight: bold;
}

.emailform {
	font-family: Verdana 
	font-size: 11px; 
	color: #8d8984; 
	background-color: #ffffff; border:1px solid #d87b47;
}

.cmsTextBold {
	font-family: Verdana; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold;
}

.cmsOrangeTextBold {
	font-family: Verdana; 
	font-size: 12px; 
	color: #ffffff; 
	font-weight: bold;
}
.cmswarnings {
	font-family: Verdana; 
	font-size: 14px; 
	color: #c90021;
	font-weight: bold;
}

.cmsText {
	font-family: Verdana; 
	font-size: 11px; 
	color: #000000; 
}

a#grey{
	color:#878b91;
}
a#grey:hover{
	color:#ffffff;
}




/*tab*/
.bluetabs{
border-bottom: 0px solid gray;
}

.bluetabs ul{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
display: inline;
margin: 0;
background: #000000;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 0px;
border: 0px solid #778;
color: white;
background: black url(images/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.bluetabs li a:visited{  /*after visited color*/
color: white;
}

.bluetabs li a:hover{  /*when mouse over color*/
color: #d87b47;
}

.bluetabs li.selected{
color: #d87b47;
}

.bluetabs li.selected a{ /*selected main tab style */
background-color: black;
/*background-image: url(images/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
color: #d87b47;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.bluetabs li.current a {color: #d87b47;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 0px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 0px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
/*background-color: yellow;*/
background-image: url(images/submenu_bg.png);
width: 200px;
visibility: hidden;
/*filter:alpha(opacity=50); /*testing*/
/*opacity: .5;/*testing*/
/*-moz-opacity: .5; /*testing*/
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 0px;
padding: 2px 0;
text-decoration: none;
color: #d87b47;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
/*background-color: #de7a49;*/
}

.white{
color: white;
}

.orange{
color: #d87b47;
}

/*jScrollPane.css*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}