/* =============================================== */
/* SECTION : OVERALL LAYOUT */
/* =============================================== */

/* - BODY ------------ */

body {
	background : #CC0000;
	text-align:center;
	font-family: "Gill Sans MT", Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
}


/* - CONTAINER ------------ */

div.container {
	width : 600px;
	margin : 5px auto;
	padding : 0;
	position : relative;
	text-align : center;
	background-color: #FFFFFF;
	height: 100%;
	/* :END HACK: */
}


/* =============================================== */
/* SECTION : MAIN DIVISIONS */
/* =============================================== */

/* - HEADER  ------------ */

div.header {
	width : 600px;
	margin : 0 0 10px 0;
	padding : 5px 0 5px 0;
	background : transparent;
	border-bottom : 1px solid #000000;
	text-align:center;
}

/* - NAV  ------------ */
div.menu_primary {
	width : 600px;
	list-style : none;
	border-bottom : 1px solid #000000;
	clear : both;
	padding-bottom: 10px;

}



/* - MAIN CONTENT  ------------ */

div.main {
	width : 600px;
	padding : 5px 0 0 0;
	margin : 5px 0 0 0;
	clear : both;
}

div.content {
	width : 600px;
	padding : 5px 0 0 0;
	margin : 5px 0 0 0;
	float : left;
	height: 650px;
	
}

div.sidebar {
	width : 230px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	float : right;
}

/* - FOOTER  ------------ */

div.footer {
	width : 600px;
	padding : 5px 0 5px 0;
	margin : 0px;


}


/* =============================================== */
/* SECTION: MISCELLANEOUS LAYOUT ELEMENTS*/
/* =============================================== */

/* -- Force succeeding elements onto the next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}

/* -- Hide accessibility elements from advanced browsers -- */
.hide {
	display : none;
}