body {
	text-align: center; /* for IE */
	background-image: url(images/background.jpg);
	background-position: center top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 1em;
}
	
html, body {
	margin:0px 0px 0px 0px;
}
 
p{
margin: 10px 20px 10px 30px;
font-size:0.8em;
font-weight:normal;
}
h1{
margin: 40px 0px 30px 30px;
font-size:1.5em;
font-weight:bold;
color:#990000;
}
h2{
margin: 10px 0px 10px 30px;
font-size:1.0em;
font-weight:bold;
color:#336699;
}
h3{
margin: 10px 0px 10px 30px;
font-size:0.9em;
font-weight:bold;
}
h4{
margin: 10px 0px 10px 30px;
font-size:0.7em;
font-weight:normal;
}

a:link {
color:#666666;
text-decoration:underline;
}
a:visited {
color:#666666;
text-decoration:underline;
}
a:hover {
color: #990000;
text-decoration:underline;
}

ul{
margin: 10px 20px 10px 50px;
font-size:0.8em;
font-weight:normal;
}
/* ------------------------------main container-------------------------------------*/
#MainContainer {
	
	width: 800px;
	margin-right: auto; /*Firefox center on page*/
	margin-left: auto; /*Firefox center on page*/
	position: relative;
	text-align: left;
	height: auto;
	margin-top:9px;
}
#HeaderContainer {
	height:192px;
	width: 800px;
	position: relative;
	margin: 0px;
}
#BodyContainer {
	height: 100%;
	width: 800px;
	margin: 0px;
	position: relative;
	background-image:url(images/bodycontainer_background.jpg);
	background-repeat:repeat-y;
	overflow:auto; /*this is to make Firefox render the area when there is no content in it*/
}
#BodyLeft {
	float: left;
	height: 100%;
	width: 222px;
	position: relative;
	margin: 0px;
}
#BodyRight {
	float: left;
	height: auto;
	width: 578px;
	position: relative;
	margin: 0px;
}



/* ------------------------------styles inside HeaderContainer-------------------------------------*/

#logo{
float:left;
width:222px;
height:192px;

}

#headerimage{
float:left;
width: 412px;
height:192px;
}

/*-------------------------------------CONTACT---------------------------------------*/
#contactblock{
float:left;
width: 166px;
background-image:url(images/slice5.jpg);
height:192px;
}
#contactblock h2{
font-size:11pt;
margin: 9px 30px 13px 0px;
text-align:right;
color:#336699;
}
#contactblock h3{
font-size: 8pt;
margin: 0px 30px 0px 0px;
text-align:right;
color: #990000;
font-weight: normal;
}
#contactblock h4{
font-size: 8pt;
margin: 0px 30px 0px 0px;
text-align:right;
color:#336699;
font-weight: normal;
}
#contactblock a:link{
color:#336699;
}
#contactblock a:hover{
color:#990000;
}



/*-----------------------------blue horizontal divider line----------------------------*/
#divider{
width:800px;
height:9px;

}

/*----------------------------------------menu area ------------------------*/

#menuarea{
float:left;
height:auto;
width: 170px;
padding: 120px 0px 0px 25px;
}
#menuarea p{
border-bottom: solid 1px #666666;
padding: 13px 0px 16px 10px;
margin: 0px;
}
#menuarea .firstlevel{
color:#336699;
font-size:13px;
font-weight:bold;

}
#menuarea .firstlevel a:link{
color:#336699;
text-decoration:none;
}

#menuarea .firstlevel a:visited{
color:#336699;
text-decoration:none;
}
#menuarea .firstlevel a:hover{
color:#990000;
text-decoration:none;
}

/*-----------------------------------------------Content areas--------------------------------*/
#contentblock{
float:left;
width: 550px;
height:100%;
background-image:url(images/slice9.jpg);
background-repeat:repeat-y;
margin:0;
}

#leftcontent{
float:left;
width:435px;
height:100%;
margin:0;
}

/*the OurTeam section*/
#rightcontent{
float:left;
width:115px;
height:100%;
padding:130px 0px 0px 0px;
}
#rightcontent h1{
color:#336699;
font-size:1em;
font-weight:bold;
margin-top:0px;
}
#rightcontent h2{
color:#336699;
font-size:1em;
font-weight:bold;
}
#rightcontent p{
font-size:0.7em;
color:#336699;
margin: 10px 10px 0px 0px;
}

/*Footer block*/
#footercontainer{
	height:30px;
	width: 800px;
	position: relative;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	background-image:url(images/bodycontainer_background.jpg);
	
	
}
#footercontainer a:link{
color:#999999;
}
#footercontainer a:visited{
color:#999999;
}
#footercontainer a:hover{
color:#990000;
}
#footerleft{
	float: left;
	height: 30px;
	width: 222px;
	position: relative;
	margin: 0px;
}
#footerright{
float:left;
width: 578px;
margin:0;
height:30px;
text-align:center;
font-size: 0.6em;
color:#999999;
}

/*Secondary 2 col pages*/
#2ndary_content{
float:left;
width:500px;
height:100%;
margin:0px 20px 20px 0px;
}
#2ndary_content p{
padding-right:0px;
}