/* StylesSheet for WHdigital, Inc by WHdigital, Inc. */

a:link {
	color: #FFF; 
	text-decoration: none; 
	background-color: transparent;
}

a:visited { 
	color:#FFF;  
	text-decoration: none; 
	background-color: transparent;
}

a:hover { 
	color: #FFF; 
	text-decoration: underline; 
	background-color: transparent;
}

a:active { 
	color: #FFF; 
	text-decoration: none; 
	background-color: transparent;
}

html,body { 
	margin: 0px; 
	padding: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#000; 
	background:#000;
	width:100%;
	font-size: 12px; 
	line-height: 16px; 
}

#header {
	height:95px;
	position:absolute;
	width:100%;
	padding:0px;
	top:0px;
	left:-5px;
	background:transparent;
	/*background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;*/
	border:none;
}

#sidenav {
	position:absolute;
	left:5px;
	top:100px;
	width:120px;
	padding:15px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#FFFFFF; 
	background-color:#333;
	font-size: 16px; 
	line-height: 30px;
	border-left: solid thin #666;
	border-bottom: solid thin #666;
}

/* Show/Hide Menu */
	div#sidemenu {border:0px;}
	div#sidemenu a:hover {background:transparent} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
	div#sidemenu a img.big {height:0px;width:0px;border-width:0;z-index:8;} /* hide the big image by making its height and width 0 */
	div#sidemenu a:hover img.big {position:relative;margin-top:-50px;width:115px;height:100px;border:none;z-index:9;} /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */

#news {
	position:absolute;
	right:5px;
	top:100px;
	width:120px;
	float:right;
	height:auto;
	padding:15px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#FFF; 
	background-color:#333;
	font-size: 12px; 
	line-height: 16px;
	border-color:#666;
	border-style:solid;
	border-width:thin;
	border-top:none;
}

#main {
	position:absolute;
	left:157px;
	right:155px;
	top:100px;
	width:auto;
	min-height:500px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#999;
	font-size:16px;
	line-height:20px;
}

#footer {
	bottom:-2px;
	width:100%;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	background-color:#333;
	font-size:12px;
	line-height:16px;
	border:#333 thin;
}

#title	{
	font-size:12px;
	color:#CCC;
}

#title_sm	{
	font-size:12px;
	color:#CCC;
	margin-top:-4px;
	margin-left:5px;
}

#vr_text	{
	font-size:9px;
	color:#CCC;
	right:0px;
}

#vr_text_sm	{
	font-size:9px;
	color:#CCC;
	right:0px;
	margin-top:-20px;
	margin-left:5px;
}

img {
	padding:5px;
	border:none;
	background:transparent;
}

a#footerlink{
	padding:5px;
}