.col, .col-1, .col-2, .col-3, .col-4, .col-5{
	float:left
}


/*=XXXXXXXXXXXXXXXXXXXXXXXX NEWSPREV COLUMN STUFF XXXXXXXXXXXXXXXXXXXXXXXX*/


#content .colNews {
	float:left;
	padding-top: 20px;
	width: 275px;
	background: url(images/tail1.gif) repeat-y right bottom;
}

#content .colNews h2 {
	text-align: left;
	padding-left: 15px;
	}

#content .colNews ol{margin:0; padding:0; list-style:none; color:#0093dc; font-size:1.16em}

#content .colNews ol li{
	background:none;
	padding-left:10px;
	color: #306FAD;
	list-style:none;
}

#content .colNews ol li a{
	color:#3E84CA;
	text-decoration: underline;
	line-height:1.64em;
	padding-left:5px;
	list-style:none;
} 
#content .colNews ol li a:hover {color:#999999; text-decoration:underline; }

#content .colNews ol li a:visited {color:#666666; text-decoration:underline; }


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



/*======= width =======*/
.main{margin:0 auto; text-align:left; width:918px;}


/*======= header =======*/
#header {height:379px;  background:url(images/top.gif) no-repeat top center}




#page1 #content .col-1{ width:255px; margin-right:51px}
#page1 #content .col-2{ width:255px; margin-right:51px}
#page1 #content .col-3{ width:256px}
#page1 #content .col-4{ width:555px; margin-right:57px}
#page1 #content .col-5{ width:235px}
#page1 #content .bg{ background:url(images/tail1.gif) repeat-y 275px top } 
#page1 #content .bg1{ background:url(images/tail1.gif) repeat-y 579px top } 



#page2 #content .col-1{ width:570px; margin-right:41px}
#page2 #content .col-2{ width:250px}
#page2 #content .bg1{ background:url(images/tail1.gif) repeat-y 579px top } 



#page3 #content .col-1{ width:255px; margin-right:51px}
#page3 #content .col-2{ width:255px; margin-right:51px}
#page3 #content .col-3{ width:256px}
#page3 #content .col-4{ width:265px; margin-right:43px}
#page3 #content .col-5{ width:550px}
#page3 #content .bg{ background:url(images/tail1.gif) repeat-y 275px top } 
#page3 #content .bg1{ background:url(images/tail1.gif) repeat-y 579px top } 



#page4 #content .col-1{
	width:570px;
	margin-right:33px;
	
	/*TESTING RIGHT Below*/
	background: url(images/tail.gif) repeat-y right;
	padding-right:5px;
}


#page4 #content .col-2{
	width:260px;
	/*TESTING>>>>>>>  *background: url(images/tail.gif) repeat-y left;*/
}

#paGE4 #CONTENT .COL-right {width: 260px; float:right;}



#page5 #content .col-1{ width:255px; margin-right:51px}
#page5 #content .col-2{ width:255px; margin-right:51px}
#page5 #content .col-3{ width:256px}
#page5 #content .col-4{ width:555px; margin-right:57px}
#page5 #content .col-5{ width:235px}
#page5 #content .bg{ background:url(images/tail1.gif) repeat-y 275px top } 
#page5 #content .bg1{ background:url(images/tail1.gif) repeat-y 579px top } 



#page6 #content .col-4{ width:255px; margin-right:55px}
#page6 #content .col-5{ width:555px}
#page6 #content .bg{ background:url(images/tail1.gif) repeat-y 275px top } 



#page7 #content .col-1{
	margin-right:38px;
	width: 565px;
}

#page7 #content .col-2{ width:250px}
#page7 #content .col-3{ width:288px}
#page7 #content .col-4{ width:257px}
/*#page7 #content .bg1{ background:url(images/tail1.gif) repeat-y 579px top } 






/*TESTING*/
/*#page7 #content .bg{ background:url(images/tail1.gif) repeat-y 275px top } 


/*======= NEWSLETTERS =======*/
#news .col-1n{ width:30%; margin-right:25px; padding:5px; float:left; background: url(images/tail1.gif) repeat-y right bottom; }

#news .col-2n{ width:30%; margin-right:25px; padding:5px; float:left; background: url(images/tail1.gif) repeat-y right bottom; }

#news .col-3n{ width:30%; padding:5px; float:left; background: url(images/tail1.gif) repeat-y right bottom; }

#news div.container { background: url(images/tail1.gif) repeat-x top;}



/*======= footer =======*/
#footer { height:195px; }
#footer .col{ width:127px; margin-right:13px}




/*======= tutorials =======*/
#tut .col-1n{
	width:48%;
	margin-right:10px;
	padding:5px;
	float:left;
	background: url(images/tail1.gif) repeat-y right bottom;
}

#tut .col-2n{
	width:2%;
	margin-right:0px;
	padding:0px;
	float:left;
	background: url(images/tail1.gif) repeat-y right bottom;
}

#tut .col-3n{
	width:42%;
	padding:5px;
	float:left;
	background: url(images/tail1.gif) repeat-y right bottom;
}

#tut div.container {
	background: url(images/tail1.gif) repeat-x top bottom;
}

#tut div.container2 {
	background: url(images/tail1.gif) repeat-x bottom;
}