/*
------------------------------------ 
HessTechnology.com
CSS MainLayout
Written By Cody Hess | hesstech@hesstechnology.com
Date: 5.01.05
File Name: MainLayout.css
------------------------------------
*/

body 
{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
	line-height: 1.5em;
	color: #FFF;
	background-color:#000000;
	font-size: 9px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	background-repeat:repeat-x;
	background-image:url(graphics/body_bg.jpg);
}

html>body 
{ 
	font-size: small;
}


a:link 
{
color:000;
	text-decoration: none;
}
	
a:visited 
{
	color:000;

	text-decoration: none;
}
	
a:hover 
{
	color:000;

	text-decoration: none;
}


/* ----------------------Font and Headings--------------------------------------- */
p {
	margin: 1em 0 1em;
	padding: 0;
	}
	
h1 {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #300;
	padding: 0;
	margin: 0;
	}
	
h2 {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #223344;
	padding: 0;
	margin: 0 0 1em 0;
	}
	
h3 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #223344;
	padding: 0 0 2px 0;
	margin: 1.2em 0 -.2em 0;
	}

strong {
	font-weight: bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-body /* End IE5-Mac hack */
{
	clear:left;
}


#mainWrap 
{
	position: relative;
	margin: 0 auto;
	font-size: 95%;
	text-align: left;
	height: 1500px;
	voice-family: inherit;
	width:1024px;
	top:0px;
	color:#FFFFFF;
	z-index: 10;
    background-image:url(graphics/back.jpg);
	background-repeat:repeat-x;

}




#header
{
	position:absolute;
	font-size: 10px;
	background: #333333;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 35px;
}


#news
{
	position:absolute;
	font-size: 10px;
	background: #000;
	top: 335px;
	left: 139px;
	width: 495px;
	height: 273px;
	z-index:20;
}

#nextEvent
{
	position:absolute;
	font-size: 10px;
	top: 213px;
	left: 340px;
	width: 329px;
	height: 57px;
	z-index:6;
}

#nextEventtitle
{
	position:absolute;
	font-size: 10px;
	top: 163px;
	left: 137px;
	width: 110px;
	height: 22px;
	z-index:6;
}



#randomImageHeader
{
	position:absolute;
	font-size: 10px;
	background: #000;
	top: 665px;
	left: 702px;
	width: 160px;
	height: 15px;
	z-index:6;
}

#Advertisement
{
	position:absolute;
	font-size: 10px;
	background: #000;
	top: 241px;
	left: 136px;
	width: 531px;
	height: 22px;
	background-color: #143060;
	z-index: 8;
}


#navbar
{
	position:absolute;
	width: 813px;
	height: 34px;
	top: 116px;
	left: 122px;

}

#latestnews
{
	position:absolute;
	font-size: 10px;
	width: 503px;
	height: 28px;
	top: 155px;
	left: 424px;
	z-index: 5;
}



#weatheralert
{
	position:absolute;
	font-size: 10px;
	width: 207px;
	top: 240px;
	height: 30px;
	left: 707px;
	z-index: 5;

}


#newsletter
{
	position:absolute;
	font-size: 10px;
	width: 247px;
	top: 397px;
	height: 129px;
	left: 651px;
	z-index: 5;

}


#contentbg
{
	position:absolute;
	font-size: 10px;
	width: 1024px;
	top: 35px;
	height: 1000px;
	left: 0px;
}


#content
{
	position:absolute;
	font-size: 10px;
	width: 556px;
	top: 395px;
	height: 594px;
	left: 343px;
	z-index: 15;
	overflow:auto;
}


#latestpostscontent
{
	position:absolute;
	font-size: 10px;
	width: 229px;
	top: 311px;
	height: 338px;
	left: 670px;
	z-index: 5;

}


#abovenav
{
	position:absolute;
	top:-2px;
	left:665px;
	width: 262px;
	height: 43px;
}


#footer {
	position:absolute;
	top: 1486px;
	width: 788px;
	height: 26px;
	left: 107px;
	
	}
	

	
#weatherContent {
	position:absolute;
	top: 61px;
	width: 218px;
	height: 29px;
	left: 21px;
	z-index: 20;
	
	}		
	
	
#footer p {
	margin: 0;
	padding: 8px 20px;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	color: #fff;
	}
	
#footer a:hover {
	color: #ccc;
	}

