@CHARSET "ISO-8859-1";
/**scroll shift fix */
html { min-height: 100%; margin-bottom: 1px; }
html, body {
	margin-top: 0px;	
	margin-bottom: 0px;
}
/* holds the content on the page*/
#Container {
	margin-top: 0px;
	/*center the screen */
	margin-left: auto; 
	margin-right: auto; 
	/* align to top */
	margin-bottom: 0px;
 	/* background color of Body elements */
	background-color: #fff;	
	/*padding: 2px #ffffff; /* outside white border */
	text-align: left;
	/* mozilla width */
	width: 814px;
} /* hack width for IE \*/
	* html #Container {
		/* this width is required to remove pixel errors for IE, adjust total size with this */
		width: 800px;
}

/* the Body is where the content changes */
#Body {
	background-color: #fff;
	padding-left: 4px;
	width: 604px;
} /* hack width IE \*/ 
	* html #Body {
		width: 608px;
}

#Header {
	height:77px;
	background-color: #fff;
	/* create white border around the inner boxes */
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
#SubHeader {
	height:20px;
	background-color: #336699;
	/* create white border around the inner boxes */
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

/* LEFT NAV ---------------------------------------------------------------*/
#LeftNav {
	background-color: #ffffff;
	/* create white border around the inner boxes */
	/*border-left: 2px solid #ffffff;*/
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	width: 196px;
}
/* hack LeftNav width for IE \*/
	* html #LeftNav {
	width: 190px; 

}

/* rollover -------------------------------------------------------------------*/
#Home {
	background-color: #c9e0e0;
	
}
#Home a:link, #Home a:visited, #Home a:active {
display: block;
border-bottom: 1px solid #ffffff;
padding: 3px;
}
#Home a:hover {
background-color: #A5CBCB;
}
/* end rollover -------------------------------------------------------------------*/

#BoxHeading {
	background-color: #336699;
	margin-top: 2px; /*space between menu */
}
#TopPerformers {
	border-left: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	background-color: #fff;
} /* hack width IE \*/
	* html #TopPerformers {
	width: 100%;
}

#Latest {
	border-left: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	background-color: #fff;
} /* hack width IE \*/
	* html #Latest {
	width: 100%;
}
#Recommend {
	border-left: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	background-color: #fff;
} /* hack width IE \*/
	* html #Recommend {
	width: 100%;
}
#Supporters {
	border-left: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	background-color: #fff;
} /* hack width IE \*/
	* html #Supporters {
	width: 100%;
}
#Website {
	margin-top: 2px;
	margin-right: 2px;
	padding: 0px;
	text-align: center;
	background-color: #336699;	
} /* hack width IE \*/
	* html #Ad1 {
	width: 100%;
}
#Shop {
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	background-color: #009999;	
} /* hack width IE \*/
	* html #Ad1 {
	width: 100%;
}
#Tools {
	margin-top: 2px;
	margin-right: 2px;
	text-align: center;
	background-color: #a5cbcb;	
} /* hack width IE \*/
	* html #Ad1 {
	width: 100%;
}

/* the Empty classes are used to complete the border and space for the left and right nav */
#EmptyLeft {
	background-color: #fff;	
} /* hack width IE \*/
	* html #EmptyLeft {
	width: 100%;
}
/* END LEFT NAV ---------------------------------------------------------------*/


#Vignette {
	margin-top: 10px; /* leave some space from top */
	text-align:center;
	background-color: #fff;	
	height: 250px;
	width: 602px;
} /* hack IE width \*/ 
	* html #Vignette {
	width: 100%;
}

/** places the vertical position of simple and easy text */
#Simple {
	margin-top: 80px;
	padding-right: 10px;	
}

#Blocks {
	text-align: center;	
}

/* layout for news section */
#Main {
	margin-top: 4px; /* leave some space between vignette */
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
/* Hack for Main in IE \*/
	* html #Main {
		width: 100%;
}

#Advertising {
	background-color: #ffffff;	
	text-align: center;
	margin-bottom: 5px; /* space under the ad */
	margin-top: 5px;
	padding: 5px;
}
#Footer {	
	/*vertical-align: middle;*/
	background-color: #336699;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
/* private */
#options {
	margin-top: 5px;
}

/* change password box */
#change_password {
	background-color: #fff;
	padding: 0px;
	margin-right: 0px;
	position: absolute;
	margin-top: 0px;
	margin-left: 240px; /* pushes box to right edge of screen */
	text-align: right;
	width: 160px;
	/*display: block;*/
}
#change_password input {
	border: solid 1px;	
}
/* change password box */
#change_password_button {
	background-color: #fff;
	border: 0px;
	border-color: #fff;
	padding-top: 0px;
}