body {		background-repeat: repeat-x; 
 			background-image: url(images/bg.jpg);
			margin-top: 0px;
			margin-left: 0px; 
			margin-right: 0px;  
			margin-height: 0px;  
			font-family : Verdana, Arial, Tahoma; 
			scrollbar-3dlight-color: #999999;
			scrollbar-arrow-color: #000033; 
			scrollbar-base-color: #dadada; 
			scrollbar-face-color: #dadada; 
			scrollbar-highlight-color: #ffffff; 
			scrollbar-shadow-color: #000033;
			scrollbar-darkshadow-color: #000033;
			scrollbar-track-color: #dadada;
			cursor: default;
			}
 .tip    {
	font-family : Verdana, Arial, Tahoma;
	font-size: 9pt;
	color: #000033;
	font-weight: lighter;
	text-decoration: none;
	background : #FFDDAA;
}		
	
 .td_left    {
	background-image:url(images/bg_left.jpg); 
	background-position:top left; 
	background-repeat:repeat-y;
	width: 269px;
}	
 .link_td    {
	background-repeat: repeat-x; 
 	background-image: url(../../../images/gsm/link_td.gif);
}		

.title 
			{ 
			font-family: Arial, Verdana, Tahoma; 
			font-size: 12pt; 
			color: #000000; 
			font-weight: bold; 
			text-decoration: none;
			font-variant: small-caps;
			}	
 .subtitle    {
	font-family : Arial, Verdana, Tahoma;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.input 
			{
	font-family : Verdana, Arial, Tahoma;
	background-color: #ffffff;
	height: 22px;
	width: 130px;
	font-size: 8pt;
	color: #003466;
	font-weight: lighter;
	text-decoration: none;
}		
.form 
			{
	font-family : Arial, Verdana, Tahoma;
	height: 20px;
	width: 200px;
	font-size: 8pt;
	font-weight: lighter;
	color:#333333;
	text-decoration: none;
}	
.comments 
			{
	font-family : Arial, Verdana, Tahoma;
	background-color: #cccccc;
	height: 21px;
	width: 70px;
	font-size: 8pt;
	color:#000000;
	font-weight: lighter;
	text-decoration: none;
}				
.text 
			{ 
			font-family : Arial,Verdana, Tahoma; 
			font-size: 12px; 
			color: #333; 
			font-weight:lighter; 
			text-decoration:none; 
			}		
.text2 
			{ 
			font-family: Arial, Verdana, Tahoma; 
			font-size: 8pt; 
			color: #96A2AF; 
			font-weight:lighter; 
			text-decoration:none; 
			}		
.text3 
			{ 
			font-family: Tahoma, Verdana, Tahoma; 
			font-size: 12px; 
			color: #000000; 
			font-weight:lighter; 
			text-decoration:none; 
			}							
.footer 
			{ 
			font-family : Arial, Verdana, Tahoma; 
			font-size: 8pt; 
			color: #E0BFC1;
			font-weight: normal; 
			}
.footer2 
			{ 
			font-family : Arial, Verdana, Tahoma; 
			font-size: 8pt; 
			color: #333333;
			font-weight: normal; 
			}
.coord1 
			{ 
			font-family :Verdana, Arial, Tahoma; 
			font-size: 8pt; 
			color: #000033;
			height: 15px; 
			font-weight: normal; 
			text-decoration:underline;
			}
.coord1:hover 
			{
			font-size :8pt;
			color:cc3300;
			font-family :Verdana, Arial, Tahoma;
			font-weight: lighter;
			text-decoration:underline;
			}					
.coord2 
			
									
.textarea 
			{ 
			font-family : Arial, Verdana, Tahoma; 
			background-color: #ffffff;
			scrollbar-3dlight-color: #cccccc;
			scrollbar-arrow-color: #000000; 
			scrollbar-base-color: #dedede; 
			scrollbar-face-color: #dedede; 
			scrollbar-highlight-color: #ffffff; 
			scrollbar-shadow-color: #333333;
			scrollbar-darkshadow-color: #333333;
			scrollbar-track-color: #dedede;
			cursor: default;
			width: 220px;
			font-size: 9pt; 
			color: #000000; 
			font-weight: lighter; 
			text-decoration: none;
			}			

.note 
			{ 
			font-family:Verdana, Arial, sans-serif; 
			font-size: 8pt; 
			color: #cc3300; 
			font-weight: bold;; 
			text-decoration:none;
	
			
			}


.next{
			text-decoration: none; 
			font-size: 8pt; 
			font-weight:lighter;
			color:333333;
			font-family:arial, verdana, tahoma;
			text-decoration:none;
			}
.next:hover 
			{
			font-size :8pt;
			color:#003366;
			font-weight: lighter;
			text-decoration:underline;
			}	

.strong 
			{ 
			font-family : Verdana, Arial, Tahoma; 
			font-weight:bold; 
			text-decoration:none; 
			}
.list
			{
			background-image: url(images/bg2.gif);
			list-style : url(images/nav_arrow.gif);
			font-size: 8pt; 
			}	
				
.contentslide
{
border: 10px solid #f5f5f5;
border-bottom-width: 6px;
padding: 8px;
width: 400px;
height: 250px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 400px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #CA2002;
border: 10px solid #CA2002;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 400px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}				

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 9px 5;
margin-left: 4;
margin-top: 3px;
margin-bottom: 0;
font: bold 9px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 5px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

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

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(/imagesindentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}