/*  Eight Star style.css - Layout and Functionality */ 


/* ----------| =Initial Page Structure |---------- */ 


* { 

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	list-style: none;

}


html {

	font: 90%/1.4em "Helvetica", "Helvetica CE", sans-serif;

	color: #fff;

	background: #FFFFFF;
	
	margin: 0; 
	
	padding: 0;

}


body {

	line-height: 1;

	color: black;

	background: #FFFFFF;

	text-align: center;

	font-size: 100%;

}




/* ----------| =Basic Element Styles |---------- */ 

h1 {

background: #555555;

border-top: 2px solid black;

margin-bottom: 4px;

color: white;

padding: 7px 9px  10px 20px;

font-weight: bold;

font-size: 130%;

}


h2 {

margin: 4px 0;

color: #710911;

font-weight: bold;

font-size: 100%;

}


h3 {

margin: 2px 0;

color: black;

font-weight: bold;

font-size: 100%;

}


p {

color: black;

font-size: 90%;

line-height: 120%;

margin: 2px 0 3px 0;

}


ol, ul {

 	list-style: none;

	font-size: 90%;
}



/* ----------| =Utilities |---------- */ 

.nodisplay,

hr {

display: none;

}


.clear {

	clear: both;

}



.clear-left { 

	clear: left;

}



.clear-right { 

	clear: right;

}



.clear-none { 

	clear: none;

}


	.autoclear:after {

		content:".";

		display:block;

		height:0;

		clear:both;

		visibility:hidden;

	}

	.autoclear {display:inline-block;} /* ie7 */


	/* Hide from IE Mac \*/

	.autoclear {display:block;}

	/* End hide from IE Mac */

/* ----------| =Layout and Function |---------- */ 



	/* ----------| =Header |---------- */ 

#header,

#headerimg,

#content,

#footer {

padding: 4px 4px 4px 4px;


}


#header a {

display: block;

width: 648px;

height: 67px;

margin: 4px 0px 0px 4px;

background: #FFFFFF url(images/8starlogo.gif) no-repeat top left;

}

#headerimg {

width: 648px;

height: 128px;

background: #FFFFFF;

}



	/* ----------| =Navigation |---------- */ 


	/* ----------| =Content |---------- */ 



#wrapper {

width: 840px;

margin-left: auto;

margin-right: auto;

width: 50em;

text-align: left;

padding-top: 10px;

}


#main {

width: 656px;

position: relative;

float: left;

background: white;

}

	/* ----------| =Middle Panel :: Image, Navigation & Copy |---------- */ 


.LeftPanel {

position: relative;

float: left;

width: 326px;

color: white;

}

.LeftFiller {

position: relative;

float: left;

height: 40px;

width: 326px;

background: #555555;

margin-top: 4px;

}

.LeftFillerHome {

position: relative;

float: left;

height: 380px;

width: 326px;

background: #555555;

margin-top: 4px;

}

.RightPanel {

position: relative;

float: right;

width: 317px;

color: white;

}


.RightPanel a:link,

.RightPanel a:visited {

text-decoration: none;

color: white;

}


.RightPanel a:hover {

text-decoration: none;

color: silver;

}

.RightPanel p {

color: white;

}


.boxBox {

padding: 6px;

}


.box1 {

background: #555555;

border-top: 2px solid black;

margin-bottom: 4px;

color: white;

}


.box2 {

background: #CC9933 ;

border-top: 2px solid #5E090E;

margin-bottom: 4px;

}


.box3 {

background: #C58F56;

border-top: 2px solid #A74F21;

margin-bottom: 4px;

}



.box4 p {

color: #222222;

font-size: 90%;

}

.box4 a:link,

.box4 a:visited {

text-decoration: none;

color: #A74F21;

}


.box4 a:hover {

text-decoration: none;

color: silver;

}


.box4 i {

font-style: italic;

}

.box4 .boxBox {

padding: 12px 12px;

}

.text {

padding: 15px 20px;

}

.text img {

position: relative;

float: right;

margin: 0 0 5px 8px;

border: none;

}



/* ---------| =Footer |---------- */ 

#footer {

margin: 0px 4px 4px 4px;

background: #E6DDCA;

text-align: right;

font-size: 70%;

color: #222222;

}


a:link,

a:visited {

color: #222222;

text-decoration: none;

}


a:hover {

color: silver;

text-decoration: none;

}


#footer .boxBox {

padding: 9px 7px 5px 5px;

}