/*
CSS StyleSheet made for www.herosclub.com
Author: Mafhsoft
Website: www.mafhsoft.com
Date: June 24, 2008
*/


body {
    color: #7C8083;
    background-color: #000000;
    font-family : Arial, Verdana, Helvetica, sans-serif;
    margin-top: 0px;
    background: url(images/dkgrayblk.gif);
	}

#wrapper {
    position: static; 
	width: 800px;
	margin: auto;
	top: 0px;
	padding: 0px;
	}

#container {
	width: auto;
	background-color: #000000;
	}
	
#header {
    background: #ffcccc url(images/head_banner.jpg) no-repeat left top; 
	width: auto; 
	height: 348px;
    color: #fcfcf0;
	text-align: center;
	font-size: 60%; 
    margin: 0px;
    padding: 0px;
	}

#menu {
	color: #FCFCF0;
	background-color: #000000;
	font-size: 80%; 
	font-weight: bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}

#welcome {
	background-color: #000000;
	color: #7C8083;
	margin: 0px 0px 0px 0px;
	padding: 5px 00px 5px 00px;
	font-size: 80%;
	}

#content {
	background-color: #000000;
	color: #7C8083;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 20px 00px 20px 00px;
	}

#footer	{
	clear: both;
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #000000;
	color: #7C8083;
	font-size: 70%; 
	}

/*#################################*/
/*######       Header        ######*/
/*#################################*/

#topheader {
	
	}

/*#################################*/
/*######        Menu         ######*/
/*#################################*/

#mainmenu {
	height: 50px;
	}

#mainmenu ul {
	text-align: center;
	padding: 0px;
	margin: 5px 0px 5px 10px;
	list-style-type: none;
	float: left;
	}

#mainmenu li {
	display: inline; 
	}

#mainmenu li a {
	float: left;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 10px 20px 20px 20px;
	text-decoration: none;
	}

#mainmenu li a:hover {
	background: url(images/hoverbg.jpg) repeat-x; 
	}


/*#################################*/
/*######      Welcome        ######*/
/*#################################*/

#welcomebox {
    background-color: #000000;
    min-height: 210px;
	height: auto !important; 
	height: 210px;

	}

#photobox {
	float: left;
	width: 410px;
	margin: 0px 20px 2px 10px;
	}

#photobox img.photobox {
	width: 408px;
	height: 200px;
	}

#welcomenote {
	margin: 0px 00px 2px 450px;
	width: 340px;
	}
	
/*#################################*/
/*######      Content        ######*/
/*#################################*/

#contentbox {
	background-color: #161618;
	margin: 0px 10px 0px 10px;
    min-height: 403px;
	height: auto !important; 
	height: 403px;
        background: url(images/dkgrayblk.gif);
	}
	
/*#################################*/
/*######       Boxes         ######*/
/*#################################*/

.black-box {
	background-color: #28292D;
	float: left;
	width: 243px;
	margin: 15px 05px 15px 10px;
	padding: 0px 0px 0px 0px;
    min-height: 370px;
	height: auto !important; 
	height: 370px;
	}

.black-box-content {
	padding: 0px 10px 10px 10px;
	}
	
.h5_title {	
	height: 40px;
	padding: 12px 0px 0px 10px;
	background: url(images/titlebg.jpg) repeat-x;
	text-transform: uppercase;
	}

.h5_title2 {	
	height: 40px;
	padding: 12px 0px 0px 10px;
	background: url(images/titlebg.jpg) repeat-x;
	text-transform: uppercase;
	}

hr.divider { 
	width: 210px;
	background: url(images/divider.jpg) repeat-x; 
	}

hr.bevel {
	width: 210px;
	background: url(images/bevel.jpg) repeat-x;
	}

p.bluetext {
	color: #517188;
	}

a.bluelinks {
	font-size: 90%;
	color: #517188;
	text-decoration: underline;
	}

a.bluelinks:hover {
	color: #95c5dd;
	text-decoration: underline;
	}

a.silverlinks {
	font-size: 90%;
	color: #A9AAAC;
	text-decoration: underline;
	}

a.silverlinks:hover {
	color: #95c5dd;;   /*#6DA4FF;*/
	text-decoration: underline;
	}

a.graylinks {
	font-size: 90%;
	color: #45494C;
	text-decoration: underline;
	}

a.graylinks:hover {
	color: #95c5dd;   /*#898d8f;*/
	text-decoration: underline;
	}
	
/*#################################*/
/*######       Footer        ######*/
/*#################################*/

.copyright a {
	color: #7C8083;
	text-decoration: none;
	}
	
.copyright a:hover {
	color: #95c5dd;  /*#bfc4c7;*/
	}


/*#################################*/
/*######   General Stuff     ######*/
/*#################################*/


.aligncenter {
	text-align: center;
	}

.alignleft {
	text-align: left;
	}

.alignright {
	text-align: right;
	}
		
img {
	border: 0px;
	}