/* General styles */
	html { overflow:scroll; }
    body {
    	text-align:center;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:600px;
}

/*		Fixed Div holds page into center lock --- DO NOT REMOVE*/        
	#fixed {
	   margin:0 auto;
	   width:985px;   		
	   text-align:left;  
	}

/*		HEADER+NAVIGATION styles*/
#header {
        clear:both;
        float:left;
        width:100%;
/*         padding-bottom: 20px; */
    }
#topsection{
		background: url(../img/main_nav_bg.jpg) no-repeat left;
		height: 154px;
		position: relative;
		top: 0px;
	}

#logo{
		position: relative;
		top: 20px;
		left: 10px;
		float: left;
	}
	/*subtitle graphic included in this div*/	
#subtitle{
		position: relative;
		top: 26px;
		right: 10px;
		float: right;
	}
/*		HORIZONTAL LINKS includes blockmenu div*/
#subnav{
position: relative;
top: 12px;
width: 1015px;	
height: 36px;
margin: 0;
padding: 0px 5px 0 0px;
float: left;
}	

/* 		column container */
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;
}

/*		THIS IS THE OUTSIDE FRAME FOR BELOW THE NAV AREA*/
.columnframe{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
   padding-bottom: 15px;
   background: #fff;
}

.header_page{
   width: 97%;
   left: 1.5%;
   clear: both;
   float: left;
   position: relative;
   background-color: #fff;
}
.colmask_page{
   width: 97%;
   left: 1.5%;
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   background-color: #fff;
}

/* 			FOOTER styles */
.footer {
   width: 97%;
   left: 1.5%;	
   clear: both;
   float: left;
   position: relative;
   border-top:1px dotted #ccc;
   padding-bottom:  15px;	
   background: url(../img/footer_bg.jpg) repeat-x;
}
.footer p{
		color: #808080;
		float: left;
		display: block;
		position: relative;
		top: 5px;
		}

/*			COLUMN SETS BELOW, OK TO STACK CAREFULLY	*/

/*			TWO COLUMNS 50% each				*/
.colleft_50{ 
   right: 50%;
   float: left;
   width: 100%;
   position: relative;
}
.col1_50 {
   width: 49%;
   left: 101%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2_50{
   width: 49%;
   left: 1%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

/*			TWO COLUMNS	33% left column, 66% right column			*/
.colleft_33{ 
   right: 66%;
   float: left;
   width: 100%;
   position: relative;
}
.col1_33 {
   width: 65%;
   left: 101%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2_33{
   width: 33%;
   left: 1%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

/*			TWO COLUMNS	66% left column, 33% right column			*/
.colleft_66{ 
   right: 33%;
   float: left;
   width: 100%;
   position: relative;
}
.col1_66 {
   width: 32%;
   left: 101%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2_66{
   width: 66%;
   left: 1%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

/*  		THREE COLUMNS  33% all columns					*/
.colmid_3{ 
   right: 33%; 
   float: left;
   width: 100%;
   position: relative;
}

.colleft_3{ right: 33%; 
   float: left;
   width: 100%;
   position: relative;
}

.col1_3{
   width: 31%;
   left: 101%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2_3{
   width: 33%;
   left: 35%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col3_3{
   width: 32%;
   left: 70%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

/*			FOUR EVEN COLUMNS			*/ 
.colmid{
   right: 25%;	
   float: left;
   width: 100%;
   position: relative;
}
.colin{
   right: 25%; 
   float: left;
   width: 100%;
   position: relative;
}
.colleft{
   right: 25%;  
   float: left;
   width: 100%;
   position: relative;
}
.col1{
   width: 23%;
   left: 101%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2{
   width: 24%;
   left: 52%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col3{
   width: 23%;
   left: 79%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col4{
   width: 24%;
   left: 81%;
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}

--> 
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->