/* Top Elements */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#8F0203;
	margin:0px;
	background-image:url(../images/topBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
p{ 
	margin:0px;
	padding:5px 0px;
}
 h1{
	margin:10px 0px;
	font-size:14px;
	color:#000;
	margin-left:6px;
}
h2{
margin:10px 0px;
font-size:20px;
color:#49b1ff;
}
h3{
margin:10px 0px;
font-size:18px;
color:#49b1ff;
}
/********************************************
   LAYOUT
********************************************/ 
#warp{
	width:908px;
	margin: 0px auto;
}

#header{
clear:both;
height:82px;
position:relative;
}
#header .logo{
position:absolute;
left:0px;
top:10px;
}


  #nav {
	font-size:12px;
	height:28px;
	font-weight:bold;
      }
	  /* Navigation end here */
    #tabs {
      font-size:12px;
      line-height:normal;
	  padding-left:110px;
      }
    #tabs ul {
	margin:0px;
	padding:0px
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:0 0 0 9px;
      text-decoration:none;
	  width:97px;
	  text-align:center;
	  margin-right:1px;
	  
      }
    #tabs a span {
      float:left;
      display:block;
      padding:7px 13px 6px 5px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#B3B3B3;
      }
    #tabs a:hover {
	color:#B3B3B3;
      }
    #tabs a:hover span {
	  color:#B3B3B3
      }
	  	      #tabs a#current span {
color:#000;
      }
	     #tabs a#current {
color:#000;
      }
#content{
background-image:url(../images/bottomBg.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;	
}
#topContent{
background-image:url(../images/topCurve.gif);
background-repeat:no-repeat;
background-position:top;
clear:both;
}
#topContent .accContent{
width:225px;
float:left;
margin:8px 6px 0px 0px;
padding-left:9px;
}
#topContent .flashContent{
	width:658px;
	float:left;
	margin-top:9px;
}
.innerContent{
clear:both;
margin:0px 9px;
padding:6px 0px 0px 0px;
}
.contentInner{
clear:both;
margin:0px 9px;
padding:8px;
}
 .marginR{
	margin-right:0px;
}
.tabNav{
background-image: url(../images/tabNav.gif);
background-repeat:no-repeat;
padding:12px;
width:113px;
height:156px;
float:left;
margin-right:11px;
font-size:14px;
font-weight:bold;
color:#000000;

}
.tabNav a{
color:#000000;
text-decoration:none;

}
.tabNav a:hover{
color: #666666;
text-decoration:none;

}
#footer{
	clear:both;
	height:15px;
	padding-top:12px;
	background-image:url(../images/bottomCurve.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFFFFF;
}
#footer .copyright{
	font-size:11px;

}
#footer a{
	color:#9A9998;
	text-decoration:none;
}
#footer a:hover{
	color:#000;
	text-decoration:none;
}

.hitCounter{
background-color:#0000CC;
height:20px;
background-image:url(../images/hitBg.jpg);
background-repeat:repeat-x;
padding:4px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
.glossymenu{
margin: 0px 0;
padding: 0;
width: 225px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.glossymenu a.menuitem{
	background: url("../images/arrow-down-title.jpg") no-repeat 0 0;
	background-position:right;
	background-repeat:no-repeat;  
	line-height: 23px;
font: BOLD 12px Arial, Helvetica, sans-serif;
font-family:Arial, 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: url("../images/submenu.jpg") no-repeat 0 0;
	background-position:right;
	background-repeat:no-repeat;
	color:#000000;
}

.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{
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 8px;
   	background: url("../images/submenu.jpg") no-repeat 0 0;
	background-position:right;
	background-repeat:no-repeat;
	width: 206px;
	line-height: 19px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: BLACK;
}