@charset "UTF-8";
/* CSS Document */
/* LIGHT GREY: #b3c5c9;
   DARK GREY : #5d6f79;
   NEW2
*/

html,  body {
	height:100%;
}
#container {
	min-height:100%;
	position:relative;
	width: 1020px;
}

#topbar {
	width: 1020px;
	margin-top: 0; 
	margin-bottom: 0;
	padding-top: 0px; 
	padding-right: 0px;
	padding-left: 0px;
}

#middle {
	padding-bottom: 240px;	/* Height of the footer */
	width: 1020px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#botbar {
	vertical-align: bottom;
	position:absolute;
	bottom:0;
	height:240px;	 		/* Height of the footer */
	width: 1020px;
	margin-bottom: 0;

}

.clearer {
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* HEADER */ 


#header {
	position: fixed;
	top: 0px;
	left: 340px;
	width: 680px;
	background-image: url(../assets/bg_header.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}



/* FOOTER */

#footer {
	padding-top: 175px;
	float: right;
	width: 660px;
}


	
/* CONTENT BLOCKS */

/* LEFT RAIL */

#leftRail {
	text-align: center;
	width: 340px;
	float: left;
}



/* RIGHT RAIL */


#rightRail {
	margin-top: 40px;
	width: 680px;
	float: right;
	min-height: 400px;
	padding-bottom: 40px;
}


.colLeft {
	width: 320px;
	float: left;
	
	margin-top: 10px;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	
	border-right-color: #b3c5c9;
	border-right-style: solid;
	border-right-width: 1px;
	
}

.colRight {
	width: 320px;
	float: left;

	margin-top: 10px;

	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	
}