@charset "utf-8";
/*
HSC BE HOMES CSS
Author: Media301
Author URI: http://www.media301.com
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

.float_left
{float:left;}

.float_right
{float:right;}

.clear
{clear:both;}

.col2_left
{float:left;width:45%;}

.col2_right
{float:right;width:45%;}

body { 
	background-color:#989898;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;}
	

p { padding-top:20px;}

h1 { font-size:16px; font-weight:bold; }
h2 { color:#BD1314; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold}

.theSteps { background-color:#EDEAD7; padding:10px; width:555px;  }
.dotHr { background-image:url(../images/hr.jpg); width:575px; height:10px;}
.tenpxtop{ margin:0; padding:0; margin-top:10px;}
.bottom10px{ margin:0; padding:0}
.RedandBold { color:#BD1314; font-weight:bold;}
.largeType { font-size:33px; font-family:Georgia, "Times New Roman", Times, serif;}
.bigType { font-size:15px; letter-spacing: -.05em;}
.mainLinks { font-weight:bold;}

a.mainLinks:link { color: #FFFFFF; text-decoration:none; }
a.mainLinks:visited { color:#FFFFFF; text-decoration:none; }
a.mainLinks:hover { color: #FFFF00; text-decoration:none; }
a.mainLinks:active { color:#FFFFFF; text-decoration:none; }

a.botNav:link { color:#000000; text-decoration:none; }
a.botNav:visited { color:#000000; text-decoration:none; }
a.botNav:hover { color: #666666; text-decoration:none; }
a.botNav:active { color:#000000; text-decoration:none; }



/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* -------->>> STRUCTURE <<<----------*/
/* -----------------------------------*/
#MainContainer {
	margin:auto;
	margin-top:10px;
	width:886px;
	background-color:#FFFFFF;
	background-image:url(../images/mainback.jpg);
	background-repeat:repeat-y;
}

#columnLeft {
	width:213px;

}
	#seal{ 
	background-image:url(../images/seal.jpg);
	background-repeat:no-repeat;
	width:213px;
	height:190px;
	}
	
	#leftNav {
	width:213px;
	height:475px;
	padding-top:20px;
	background-image:url(../images/leftpaneback.jpg);
	background-repeat: no-repeat;
	}



#columnRight {
	width:673px;
}

 #topNav{
 	width:673px;
	height:61px;
	background-image:url(../images/topNav.jpg);}
	
	#navMenu { 
		color:#FFFFFF;
		margin:auto;
		font-size:12px;
		padding-top:35px;
		padding-left:15px;}
 
 #topBanner {
 	width:673px;
	height:70px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	}
	
	#MainContent{
	width:673px;
	background-image:url(../images/contentback.jpg);
	background-repeat:repeat-y;	
	}
	
	#thecontent{
	width:611px;
	background-image:url(../images/logoback.jpg);
	background-repeat:no-repeat;
	padding: 30px 30px 60px 30px;
	}

#footer {
	width:886px;
	height:159px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;}
	
	#logo { margin-top:15px;
			margin-left:18px; 
			background-image:url(../images/smallLogo.jpg);
			width:61px; 
			height:74px;}
	
	#bottomNav{ color:#000000; font-size:12px; font-weight:bold; margin-right:10px; margin-top:20px;}
	
	#tagline{ margin-top:30px; margin-right:10px; color:#7E807F; text-align:right; font-size:10px; }
	
/* Left Navigation CSS*/

#HSC_Home {padding-left:9px; padding-top:2px;}
a.cssHome {
	display: block;
	height: 34px;
	width:190px;
	background: url("../images/hsc_home.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px
}

a:hover.cssHome {
	background-position: 0px -34px;
}

#HSC_About {padding-left:9px; padding-top:2px;}
a.cssAbout {
	display: block;
	height: 34px;
	width:190px;
	background: url("../images/hsc_about.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px
}

a:hover.cssAbout {
	background-position: 0px -34px;
}
#HSC_PQ {padding-left:9px; padding-top:2px;}
a.cssPQ {
	display: block;
	height: 34px;
	width:190px;
	background: url("../images/hsc_PQ.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px
}

a:hover.cssPQ{
	background-position: 0px -34px;
}
#HSC_Join {padding-left:9px; padding-top:2px;}
a.cssJoin {
	display: block;
	height: 34px;
	width:190px;
	background: url("../images/hsc_Join.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px
}

a:hover.cssJoin {
	background-position: 0px -34px;
}
