/* SELECTORS */


* {
	-moz-box-sizing: border-box;
	box-sizing:	border-box;
	margin:		0;  
	padding:	0;  
}


IMG.BACKGROUND { /* Set rules to fill background */
	min-height: 100%;
	min-width: 960px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

		
@media screen and (max-width: 960px){
	
	IMG.BACKGROUND {
		left: 50%;
		margin-left: -480px;
	}

}


#PAGE-WRAP { 
	position: relative; 
	width: 100%; 
	margin: 0px auto; 
	padding: 0px;
}







ARTICLE {
	min-height: 	700px;
	border-radius:	5px 5px 5px 5px;
	padding-right:	20px;
}


ARTICLE IMG {	
	padding:	10px 0px 10px 0px;
	display: 	block;
	margin-left: 	auto;
	margin-right: 	auto;
}


BODY {
	background-color: rgb(60,60,60);
}


HTML {
	width: 		100%;
	height: 	100%;
}


HEADER {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 20px;
	display:	block;
	max-width:	960px;
	text-align:	center;
	margin: 	0 auto;
	border:		0px solid #CA0015;
}


NAV {
	margin:		0px 0px 0px 0px;
	padding:	90px 0px 10px 0px;
	display:	block;
	max-width:	960px;
	margin: 	0 auto;
	float: 		right;
 
}


FOOTER {
	margin:		0px 0px 0px 0px;
	padding:	5px 0px 5px 0px;
	display:	block;
	max-width:	960px;
	margin: 	0 auto;
	border:		1px solid #3B8CCF;
}


IMG {
	max-width: 	100%;
}



.MENUBAR {
	margin:		0px 0px 0px 0px;
	padding:	10px 0px 10px 20px;
	display:	block;
	max-width:	960px;
	margin: 	0 auto;
}



/* IDENTIFIERS */


#SIDEBAR {
	float: 		left;

	border-left:	20px solid rgba(255,255,255,0);
	width:		100%;
}


#CONTENT {
	max-width:	960px;
	margin: 	0 auto;
	margin-top:	181px;
	padding-left:	20px;
	border	:	1px solid #FFFFFF;


	background:	rgb(255,255,255); 	/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background: 	transparent\9;		/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background:	rgba(255,255,255,0.7);	/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2FFFFFF,endColorstr=#b2FFFFFF);	/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	zoom: 		1;			/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
}


#CONTENT:nth-child(n) {
	filter: none;				/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
}




#COUNTER {
	height: 	0px;
}





/* CLASSES */


A.ANCHOR {
	display:	block;
	position:	relative;
	top: 		-220px;
	visibility:	hidden;
}


.COLUMNWRAPPER1 {
	float: 		left;
	width: 		32%;
}



.COLUMNWRAPPER2 {
	float: 		right;
 
	width: 		68%;
}


.HEADER_WRAPPER {
	background-color: #3B8CCF;
	width: 		100%;
	position:	fixed;
	top:		0px;
	border-top:	0px solid #3B8CCF;
	border:		0px solid #3B8CCF;
}


.HORIZONTAL_RULE {
	width: 		100%;
	border:		10px solid #3B8CCF;
}


.LOGO {
	width: 		100%;
	border: 	0px solid #FFFFFF;
	padding: 	0px;
	z-index:	5;
}


.LOGO IMG {
	background-color: rgb(255,255,255);
	margin:		0px 0px 0px 0px;
	padding:	15px 0px 15px 0px;
	padding:	10px 10px 10px 10px;
	border-radius:	10px 10px 10px 10px;
	border:		1px solid #999999;	
}




NAV UL {
	list-style-type: none;
}


NAV LI {
	margin:		15px 0px 15px 0px;
}




.MENUBAR_WRAPPER {
	background-color: #000000;
	width: 		100%;
	border:		15px solid #000000;
}

.MENUBAR UL {
	list-style-type: none;
	display:	block;
	text-align:	center;
}


.MENUBAR LI {
	display:	inline;
	margin-left:	0px;
}









.FOOTER_WRAPPER {
	background:	#3B8CCF;
	width: 		100%;
	border:		2px solid #3B8CCF;
	margin-top:	0px;
	margin-bottom:	0px;
}


.FOOTER_WRAPPER:nth-child(n) {
	filter: none;				/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
}


FOOTER UL {
	list-style-type: none;
	display:	block;
	text-align:	center;
}


FOOTER LI {
	display:	inline;
	margin-left:	0px;
}




.CLEARBOTH {
	clear: 		both;
}


.ITEM {
 
	background:	rgb(255,255,255); 	/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background: 	transparent\9;		/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background:	rgba(255,255,255,0.7);	/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2FFFFFF,endColorstr=#b2FFFFFF); /* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	zoom: 		1;			/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */


	padding:	0px;
	margin-top:	30px;
	margin-bottom:	30px;
	float:		left;
	width:		100%;
	border-radius:	5px 5px 5px 5px;
	border:		1px solid #999999;
}


.ITEM:nth-child(n) {
	filter: none;				/* toelichting: http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
}


IMG.LEFT {  
	display: 	block;
}


IMG.RIGHT {
	float:		right;
}


IMG.CENTER {  
	display: 	block;
	margin-left: 	auto;
	margin-right: 	auto;
}


.TEXT_MIDDLE {
	display: 	inline;
	vertical-align: middle;
	padding:	0px 1px 3px 1px;
}





/* MEDIA QUERY */


@media (min-width: 601px) and (max-width: 800px) {

	#CONTENT {
		margin-top:	170px;
	}


}



@media (max-width: 600px) {

	#CONTENT {
		margin-top:	156px;
	}



}