@charset "utf-8";
/* CSS Document */
/*   >>>>>>>>> STRUCTURE >>>>>>>>>>   */
html{
  font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
}
body  {
	background: #666633;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers.  */
}
a:link {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

 
.threeCol #container {
	/*width: 46em;  /*for 800 width - 16X46=736*/
	width: 900px;  /*for 1024 width - 16X62=992 approx 10px margins*/
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.threeCol #header{
	background: #FFFFFF url(images/header.jpg) no-repeat;
	padding: 0 0px;
	display: block;
	height: 150px;
	width: 900px;
}

/* 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 ".threeCol #sidebar1 p" rule.
*/
.threeCol #sidebar1 {
	float: left;
	width: 300px;
	background: #FFFFFF;
	padding: 15px 0 15px 0px;
	display: block;
}
.threeCol #container #sidebar1 h3 {
	font: italic 14px "Times New Roman", Times, serif;
}

/*----------------- >>> SIDEBARS <<< ---------------------------*/
.threeCol #sidebar1 h3, .threeCol #sidebar1 p, #sidebar2 h3, .threeCol #sidebar2 p, #mainContent p{
	margin-left: 10px; 
	margin-right: 10px;
}
 
.threeCol #sidebar2 {
	float: left;
	width: 300px;
	background: #FFFFFF;
	padding: 15px 0px;
	display: block;
	font: 14px "Times New Roman", Times, serif;
}
.threeCol #container #sidebar2 h3 {
	font-weight: bold;
}



.threeCol #mainContent {
	margin: 0 0px;
	background: #FFFFFF;
	display: block;
	width: 300px;
	float: left;
	padding: 15px 0px;
	font: 14px "Times New Roman", Times, serif;
}  
/*-----------------------------------------------------------------------------*/
 

.threeCol #footer{
	background:#000000;
	padding: 0 0px;
	display: block;
	float: left;
	width: 900px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.threeCol #container #sidebar1 h4 {
	font: bold 12px "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}
.threeCol #container #mainContent h4 {
	font: bold 12px "Times New Roman", Times, serif;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
}

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

 
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
a:link {
	font: bold 12px "Times New Roman", Times, serif;
	color: #FFFFFF;
}
 
a:hover {
	color: #D9B766;
}
a:visited {
	color: #FFFFFF;
}
.threeCol #title {
	background: #FFFFFF;
	display: block;
	height: 150px;
	width: 900px;
}
.threeCol #container #sidebar1 #newsletter {
	display: block;
	padding-left: 5px;
	width: 295px;
	background: #834183;
}
.textlink {
	color: #663366;
	font: 14px "Times New Roman", Times, serif;
	text-decoration: underline;
}
.threeCol #container #sidebar1 .textlink {
	color: #663366;
}

.threeCol #container #sidebar1 p {
	font: 14px "Times New Roman", Times, serif;
}
.threeCol #container #mainContent h4 {
	font: bold 11px "Times New Roman", Times, serif;
	color: #000000;
}
.threeCol #container #sidebar2 h4 {
	font: bold 10px "Times New Roman", Times, serif;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
}
.threeCol #container #sidebar1 li {
	padding-right: 5px;
	font: 14px "Times New Roman", Times, serif;
}
.threeCol #container #sidebar2 li {
	font: 14px "Times New Roman", Times, serif;
	padding-right: 4px;
}
.threeCol #container #sidebar2 h2 {
	font: italic bold 16px "Times New Roman", Times, serif;
}