body {

	background-color:#000000;
	   
	
/*    background-image: url(graphics/back.png); 
    background-repeat: repeat-x;
    background-color: #ffffff; */
    margin: 0px 0px 0px 0px;
	font-family: verdana,Tahoma,Arial;     
	font-size: 10px;
	color: #111111;
	 
scrollbar-base-color: #555555;
scrollbar-arrow-color: #111111;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #555555;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #aaaaaa;
scrollbar-shadow-color: #111111;
scrollbar-track-color: #333333;

	
}
#wrapper {
	text-align: center;
}


#nav {
	width: 175px;
	float: left;

	}

#content {
	margin-left: 180px;
	float:  left;
	height:  1%;
	}
#content[id] {
/* Put in place for Firefox, and any browser that will render this section correctly.  IE has a bug involving float:  none. */
	float:  none;
	margin-left:  180px; 
}	

#header {
	background-color: #000000;
	background-image: url(graphics/grad.gif);
	color: #888888;
	border-bottom: 1px solid #333333;

	}

#footer {
	background-color: #000000;
	color: #555555;
	border-top: 1px solid #333333;
	font-size: 11px;
	text-align: center;
	padding: 2px 10px 0 0;
	clear: both;
	}
.titlebar
{
	background-image: url(graphics/grad.gif);
	height:104px;
}
.titlebaravatar
{
	padding-top:15px;
	padding-right:15px;
	vertical-align:top;
	text-align:right;
}
.titlelogo
{
	vertical-align:top;
	float:left;
}


.menu
{
	font: 12px verdana,Tahoma,Arial ;
	color: #aaaaaa;
	white-space: nowrap;
    background-color: #000000;
	text-align: center;
	margin-top: 4px;	
	margin-bottom: 4px;
}
    

.menu a
{

	text-decoration:none;
	color: #aaaaaa;
	margin: 10px;

}

.menu  a:visited
{
	color: #aaaaaa;
}
.menu  a:hover
{
	color: #dddddd;

}

.menu ul,li
{
  display: inline;
    list-style: none;
}




/*
 ------------------------------------------------------------------
 Sub Menu 
 ------------------------------------------------------------------*/
.submenu
{
	height:15px;
	font: 10px verdana,Tahoma,Arial ;
	padding-left:25px;
	color: #000000;
	text-align: left; 
	vertical-align:bottom;
	background-color: #ffffff;
	white-space: nowrap;
}

.submenu a{
text-decoration: none;
font: 10px verdana,Tahoma,Arial ;
color:#000000;
margin:5px;
border: none;
background-color:#ffffff;


}
.submenu  a:hover{
text-decoration: none;
font: 10px verdana,Tahoma,Arial ;
color: #000000;
margin:5px;
text-decoration:underline;

}



.largename
{
margin-top:3px;
margin-bottom:0px;
font:  18px verdana,Tahoma,Arial ;
color: #999999;
list-style-type: none;
}

.yellowtext
{
margin-top:3px;
margin-bottom:0px;
font:  14px verdana,Tahoma,Arial ;
color: #cccc55;
list-style-type: none;
}
.yellowtext a{
text-decoration: none;
color: #cccc55;

}

.yellowtext  a:visited{
text-decoration: none;
color: #cccc55;
}
.yellowtext  a:hover{
text-decoration: none;
color: #ffffff;
text-decoration:underline;

}



.largetext
{
margin-top:3px;
margin-bottom:0px;
font:  16px verdana,Tahoma,Arial ;
color: #000000;
list-style-type: none;
}

.normaltextwhite
{
margin-bottom:0px;
font: 12px verdana,Tahoma,Arial ;
color: #aaaaaa;
list-style-type: none;
}




.normaltextwhite a{
text-decoration: none;
font: 12px verdana,Tahoma,Arial ;
color:#eeeeee;
margin:5px;
border: none;

}

.normaltextwhite  a:hover{
text-decoration: none;
font: 12px verdana,Tahoma,Arial ;
color: #eeeeee;
margin:5px;
text-decoration:underline;

}

.normaltextgrey
{
margin-bottom:0px;
font: 10px verdana,Tahoma,Arial ;
color: #888888;
list-style-type: none;
}

.normaltextgrey a{
text-decoration: none;
font: 10px verdana,Tahoma,Arial ;
color:#888888;
margin:5px;
border: none;

}

.normaltextgrey  a:hover{
text-decoration: none;
font: 10px verdana,Tahoma,Arial ;
color: #cccccc;
margin:5px;
text-decoration:underline;

}

.normaltextwhitelarge
{
margin-bottom:0px;
font:  bold 14px verdana,Tahoma,Arial ;
color: #eeeeee;
list-style-type: none;
}

.ErrorText
{
margin-bottom:0px;
font:  bold 14px verdana,Tahoma,Arial ;
color: #ff0000;
list-style-type: none;
}


.normaltextbold
{
margin-top:3px;
margin-bottom:0px;
font: bold 12px verdana,Tahoma,Arial ;
color: #888888;
list-style-type: none;
text-decoration: none;}



.smalltext
{
font: 10px verdana,Tahoma,Arial ;
color: #999999;
}


.normaltext
{
margin-top:3px;
margin-bottom:0px;
font: 12px verdana,Tahoma,Arial ;
color: #aaaaaa;
list-style-type: none;
text-decoration: none;}
.normaltext ul,li
{
    list-style: none;
}

.normaltext a
{
color: #999999;
	text-decoration:none;

}
.normaltext a:hover
{
color: #eeeeee;
text-decoration:underline;
}


.header
{
	margin:0px 0px 0px 0px; 
	padding:0px;
	text-align:left;
	background-image: url(graphics/header.png);
	
}

.header a
{
	text-align:center;
	font: 30px verdana,Tahoma,Arial ;
	color: #999999;
	text-decoration:none;
}

.doccenter
{
width:900px;
border: solid 1px #555555;
padding: 5px;
margin-left: auto; 
margin-right: auto;
background-color:#ffffff;
}

.docheader
{
width:800px;
border: solid 1px #222222;
padding: 5px;
font: bold 16px verdana,Tahoma,Arial ;
color: #aaaaaa;
height:15px;
margin-left: auto; 
margin-right: auto;
background-color:#222222;
background-image: url(graphics/grad.png);

}
.docbody
{
width:800px;
border: solid 1px #222222;
padding: 5px;
font: 15px verdana,Tahoma,Arial ;
margin-left: auto; 
margin-right: auto;
text-align: left; 
background-color:#111111;
font: 10px verdana,Tahoma,Arial ;
color: #cccccc;
}
.docsubbody
{
width:887px;
border: solid 1px #aaaaaa;
padding: 5px;
font: 18px verdana,Tahoma,Arial ;
color: #555555;
text-align: left  ; 
vertical-align : top;
background-color:#ffffff;
}

.docbodycenter
{
width:900px;
border: solid 1px #222222;
padding: 5px;
font: 12px verdana,Tahoma,Arial ;
text-align: center; /*set to left, center, or right to align the menu as desired*/
margin-left: auto; 
margin-right: auto;
background-color:#ffffff;
}


.douser
{
vertical-align: top;
position:absolute;
top:0px;
right:0px;
width:150px;
height:63px;
padding: 5px 5px; 
text-align:right;
font: 10px verdana,Tahoma,Arial ;
color: #000000;
}

.douser a{
color: #000000;
text-decoration:none;
}
.douser  a:hover{
color: #ff0000;

}

.inputform{
	padding:5px;
    COLOR: #ffffff;
    top: 0px;
    BACKGROUND: #333333;
    FONT: 10px verdana,arial,helvetica;
    TEXT-DECORATION: none;
	height: 25px;
	border:#00ff00;
}


.imagetitle
{
	font: 18px verdana,Tahoma,Arial ;
	margin-top:15px;
	margin-left:10px;
	text-align: left; 
}
.imagestrip
{
	width:850px;
	height:160px;
	font: 12px verdana,Tahoma,Arial ;
	margin-left: auto; 
	margin-right: auto;
	text-align: center; 
}
.imageholder
{
	width:860px;
	height:450px;
	font: 12px verdana,Tahoma,Arial ;
	margin-left: auto; 
	margin-right: auto;
	text-align: center; 
	text-decoration:none;
	background:#999999;
	border: solid 1px #000000;
}
.imagelist
{
	float:left;
	width:128px;
	height:160px;
	margin-left:7px;
	margin-top:5px;
	text-align:center;
	display: inline;
	border: solid 1px #000000;
	font-size:10px;
	text-decoration:none;
background:#ffffff;

	
}

.imagelist a
{
text-decoration: none;
font: 10px verdana,Tahoma,Arial ;
color:#000000;
border:none;
border-top: none;
}
.imagelist a:hover
{
font-size:10px;
border:none;
color: #009900;

}


.Maincontent
{
    margin: 10 ;
	font-size:12px;
	color: #ffffff;
	background-image: url(graphics/box.png);
	width:820px;
	height:420px;
    text-align:left;
}
.largeoptions
{
	font: bolder 20px Tahoma,verdana,Arial ;
	color: #ffffff;
	text-decoration:none;	
}

.largeoptions  a:link{
	color: #ffffff;
	text-decoration:none;	
}
.largeoptions  a:visited{
	color: #ffffff;
	text-decoration:none;	
}
.largeoptions  a:active{
	color: #ffffff;
	text-decoration:none;	
}
.largeoptions  a:hover{
	color: #ffffff;
	text-decoration:underline;
}


.sideMenu
{
    margin-left: 0px ;
    margin-top: 0px ;
	font-size:12px;
	color: #ffffff;
	background-image: url(graphics/menu.png);
	width:175px;
	height:600px;
    text-align:left;
    float: left;
}

.sideMenu li
{
	color: #888888;
	margin-bottom: 5px;
	list-style: none;
}

.sideMenu a:link
{
	color: #888888;
	text-decoration:none;
}
.sideMenu a:visited
{
	color: #888888;
	text-decoration:none;
}


.sideMenu  a:hover{
	color: #ffffff;
	text-decoration:underline;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #fbfdd7;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}