﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FEFF5F;
	margin: 0;
	padding: 0;
	text-align: center;

}

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}




/***** DIV Layouts */

#container {
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: left;
	background-color: #ffffff;
}

#nav {
	background-color: #FDFF3F;
	overflow: auto;
	height: 25px;
	width: 800px;
	border-left: 4px solid #2D2D2D;
	border-right: 4px solid #2D2D2D;
	border-bottom: 1px solid #2D2D2D;
}

#content {
	clear: both;
	margin-top: 0px;
	background-color: #ffffff;

}

#contentText {
	float: left;
	width: 800px;
	background-color: #2D2D2D;
	border: solid 3px #2D2D2D;
	
}

#footer {
	clear: both;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	background-color: #ffffff;
}

#about, #service, #news, #tips, #testimonials, #contact {
	display: none;
	background-color: #ffffff;
}

#home {
	background-color: #2D2D2D;
}

#staff {
	width: 800px;
}

#pictures {
	
}




/***** Navigation Styles */

#nav ul {
	list-style: none;
	background-color: #FDFF3F;
	overflow: auto;
	margin: 0px;
	margin-top: 1px;
}

#nav ul li {
	float: left;
	margin: 0;
}

#nav ul li a {
	display: block;
	padding: 4px 11px;
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bold;
}

#nav ul li a.here {
	display: block;
	padding: 4px 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #FA2A15;
}

#nav ul li a:hover {
	background-color: #FA2A15;
    color: #ffffff;
}






/***** Paragraph and Headline Styles */

p {
	margin: 15px;
	font-size: 10pt;
	color: #000000;
	text-justify: newspaper;
}

p.little {
	font-size: -1px;
	margin-left: 20px;
	color: #000000;
}

p.products {
	margin: 15px;
	margin-left: 45px;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	text-justify: newspaper;
}

p.phone {
	color: #FA2A15;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}

p.phone_black {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}

p.phone1 {
	color: #FA2A15;
	font-size: 30px;
	font-weight: bold;
	margin: 0px;
}

p.small {
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	color: #FA2A15;
	margin-right: 50px;
	margin-bottom: 15px;
}

p.indent {
	margin: 15px;
	margin-left: 60px;
	margin-right: 60px;
	font-size: 10pt;
	color: #000000;
	text-justify: newspaper;
}

p.leftindend {
	margin-left: 120px;
}

p.topmargin {
	margin-top: 20px;
}



h2 {
	font-size: 13pt;
	color: #FA2A15;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;		
	font-weight: bold;
}

h3 {
	font-size: 10pt;
	margin-bottom: 15px;
	margin-top: 30px;
	color: #000000;
	margin-left: 30px;
	font-weight: bold;	
}

h3.lessons {
	font-size: 10pt;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #f5f921;
	margin-left: 15px;
	font-weight: bold;	
}

h2.policy {
	font-size: 13pt;
	color: #FA2A15;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	font-weight: bold;
}

h4, h5 {
	font-size: 9pt;
	color: #f5f921;
}

h6 {
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin=bottom: 15px;
	padding-bottom: 15px;
}

ul {
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 15px;
    color: #000000;
}

ul li {
	margin-bottom: 10px;
	margin-left: 45px;
	margin-right: 45px;
}

ul li.tight {
	margin-left: 45px;
	margin-right: 45px;
	margin-bottom: 0px;
}

li.two {
	list-style: none;
	margin-left: 60px;
}


div.names {
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
}

div.home1 {
	float: left; 
	width: 420px; 
	margin-left: 60px;
	margin-top: 30px;
}

div.staffleft {
	margin-left: 360px; 
	width: 200px;
}

div.stafftext {
	width: 360px; 
	margin: 15px 20px 20px 20px];
}

div.staffright {
	margin-right: 500px; 
	width: 200px;
}










#products dl {
	margin-left: 30px;
}

#products dt {
	font-weight: bold;
        color: #f5f921;
}

#products dd {
	margin-bottom: 10px;
        color: #000000;
}

table {
	margin-top: 25px;
	margin-bottom: 15px;
}


hr {
	width: 500px;
	margin: 30px;
}

/****** Images */


img.logos {
	outline: none;
	overflow: auto;
	border: none;
	width: 140px;	
}

img.first{
	margin-left: 20px;
	outline: none;
	overflow: auto;
	border: none;
	width: 140px;	
}

img.right {
	float: right;
	overflow: auto;
	border: none;
	margin: 20px;
}

img.right {
	float: right;
	overflow: auto;
	border: none;
	margin: 20px;
	margin-right: 60px;
}

img.left {
	float: left;
	overflow: auto;
	border: none;
	margin: 20px;
}

img.logo {
	border: none;
	height: 241px;
	width: 200px;
	margin: 20px;	
	margin-bottom: 0px;
}

img.logo2 {
	border: none;
	height: 129px;
	width: 248px;
	margin: 20px;	
}

img.staffpics {
	width: 370px;
}




/***** Program Styles */



h4.programTitle {

	font-size: 12pt;
	color: #000000;
	margin-left: 30px;

}



#service dl {

	margin-bottom: 15px;

	margin-left: 50px;
	
	margin-right: 50px;

}



#service dt {

	margin-bottom: 2px;

	overflow: auto;

	clear: both;

}



#service dt a {

	display: block;

	text-decoration: none;

	padding: 3px;

	color: #000000;

	font-weight: bold;

	background-color: #DF4737;

	border: 1px solid black;

	font-size: 8pt;

	overflow: auto;

}



#service dt a:hover {

	background-color: #D2D2DE;

}



#service dt a span {

	float: left;

	display: block;

	width: 275px;

}



#service dt a span.toggleText{

	display: block;

	float: right;

	font-size: 8pt;

	width: 60px;

}



#service dd {

	display: none;

	padding: 4px;

	clear: both;

}







/***** Image Replacement */

#header h1 span {
	display: none;
}

#header h1 {
	background: url(../images/boyle_energy_header.gif ) no-repeat;
	width: 800px;
	height: 200px;
	background-color: #2D2D2D;
}



div.required div.captionDiv {
	margin-left: 0;
}

.captionDiv {
	font-weight: bold;
	margin-left: 7px;
}

.controlDiv {
	margin-left: 7px;
	margin-bottom: 15px;
}

.required_star {
	color: #FF0000;
}

.questionsWrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}