@charset "utf-8";
body  {
	background: #FFFFFF url(images/background1.png) repeat-x;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers.  */
}

 
.twoCol #container {
	/*width: 46em;  /*for 800 width - 16X46=736*/
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	display: block;
	margin: 0 auto;
	background: #FFFFFF;
} 

.twoCol #header{
	background: url(images/header.png) no-repeat center top;
	padding: 0 0px;
	display: block;
	width: 900px;
	height: 200px;
}


/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoCol #sidebar1 p" rule.
*/
.twoCol #sidebar1 {
	float: left;
	width: 170px;
	background: #FFFFFF;
	display: block;
	text-align: left;
	padding: 10px 0px 0px;
}
.twoCol #sidebar2 {
	display: block;
	width: 60px;
	float: right;
}

/*----------------- >>> USE FOR FLOATING LEFT <<< ---------------------------*/
.twoCol #sidebar1 h3, .twoCol #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}
.twoCol #mainContent {
	display: block;
	background: #CDC5AF;
	width: 670px;
	float: left;
	font: 16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0;
} 
.twoCol #container #mainContent .style2 {
	font: 12px Arial, Helvetica, sans-serif;
	list-style: disc;
}
.twoCol #container #mainContent li {
	padding-right: 10px;
}

h1 {
	font: bold 36px "Times New Roman", Times, serif;
	color: #000000;
	font-size: 24px;
}
.twoCol #container #mainContent #form1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	width: 400px;
	border: medium double #990000;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	float: left;
	margin-left: 15px;
}


/*-----------------------------------------------------------------------------*/
/*------------------ >>> USE FOR FLOATING RIGHT  <<< -------------------------   
.twoCol #sidebar1 {
	float: right; 
	width: 12em;  
	background: #EBEBEB;  
	padding: 15px 0;  
}


.twoCol #mainContent {
	margin: 0 13em 0 1.5em;  
}  
/*-----------------------------------------------------------------------------*/
 

.twoCol #footer{
	background:#404040 no-repeat;
	display: block;
	width: 900px;
	height: 70px;
	padding: 0;
	float: left;
}
.twoCol #container #footer .twoCol a {
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.twoCol #container #footer .twoCol a:hover {
	color: #FF0000;
	font: bold 12px Arial, Helvetica, sans-serif;
}


 
/*----- END STRUCTURE --------------*/

 
.fltrt {
	float: right;
	margin-left: 8px;
	margin-right: 15px;
}
.fltlft {
	float: left;
	margin-right: 8px;
	padding-right: 15px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 

h4 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a:link {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FFFFFF;
}
p {
	font: 16px "Times New Roman", Times, serif;
	padding: 10px;
}
h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.twoCol #container #topbar {
	background: url(images/topbar.png) no-repeat center center;
	display: block;
	height: 10px;
	width: 900px;
}
.twoCol #container #lowerbar {
	background: url(file:///C|/BCS%20Web%20sites/BCS%20Web%20sites/BCS%20Websites%202009/Paradise%20Electric/images/lowerbar.png) no-repeat center center;
}