@charset "utf-8";
/* CSS Document */

/* //////// SECTION DIVS ////////// */
#wrapper { 
	
	
	}


#top_blue {
	background-color:#000;
	height:5px;
	}


#header{ 
	
	top: 6;
	padding:0px;
	width:100%;
	
	}


#footer {
	background-color:#000;
	height:17px;
	position: fixed;
    bottom: 0;
    width: 100%;
	color:#CCC;
	text-align:center;
	padding: 10px;
	font-weight:bold;
	clear:!important;
	padding:5px; padding-right:4px;
	}
	
	
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/bckgrnd.jpg);
	}

#header_left {
	float:left;
	width:40%;
	margin: 1px;
	padding: 10px;
	padding-left:80px;
	text-align:center;
}
	
#header_right {
	float:right;
	width:45%;	
	padding:3px;
	/*background-color:#fff; */
	alignment-adjust:middle;
	alignment-baseline:middle;
	text-align:left;
}		
	
#body_section {
	clear:both;
	width:99.5%;
	
	/*background-color:#fff; */
}		

.div2column { /*/////////////////////////////////////////////// set 2 columns //////////////////////////////*/
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
	 padding:20px;
	 margin:20px;
	 
    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;	

    -webkit-column-rule: 3px outset #ff00ff; /* Chrome, Safari, Opera */
     -moz-column-rule: 2px outset #ff00ff; /* Firefox */
     column-rule: 2px outset #ff00ff;	
	 
 }
 
.logo_text { 
	color:#fff; 
	font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; 
	font-size:3em; 
	text-shadow: black 0.1em 0.1em 0.2em; /* shadow */
}
 
 @media screen and (max-width: 960px) {
	/* body {
		background-color: red;
	} */
	
	#footer {
		font-size: 0.8em;
	}
	
	#header{
		width:100%;
		
	}

	#header_right {
		float:right;
		width:40%;
		padding:1px;
		/*background-color:#fff; */
	}
		
	#header_left {
		float:left;
		width:40%;
		margin: auto;
	}	
	
	#header_left img {
		margin-left: auto;
  		margin-right: auto;
		width: 15%;
		height:15%;		
	}		
	.logo_text { 
		color:#fff; 
		font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; 
		font-size:2em; 
		text-shadow: black 0.1em 0.1em 0.2em; /* shadow */
	}
	

} 
@media screen and (max-width: 768px) {
	/* body {
		background-color: orange;
	} */
	
	#header_right {
		clear:left;
		width:45%;
		padding:1px;
		/*background-color:#fff; */
		 top: 7; 
		 margin-left: auto;
  		margin-right: auto;
	}

	#header_left img {
		width: 18%;
		height:18%;		
	}		
		
	#header_left {
		width:45%;
		margin: auto;
	}	
	#header_right {
		width:85%;
		margin: auto;
	}
	
	.div2column {
		width:80%; 
		}

} 
@media screen and (max-width: 550px) {
	/* body {
		background-color: yellow;
	}
	*/
	#footer {
		font-size: 0.6em;
	}
	
	#header_left {
		width:65%;
		margin: auto;
	}	
	#header_right {
		width:85%;
		margin: auto;	
	}
	#header_left img {
		width: 16%;
		height:16%;		
	}	
	
.logo_text { 
	color:#fff; 
	font-family:Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; 
	font-size:1.7em; 
	text-shadow: black 0.1em 0.1em 0.2em; /* shadow */
}	
		
} 
@media screen and (max-width: 320px) {
	/* body {
		background-color: green;
	} */
	#footer {
	 width: 100%;
	}
	
	#header_left {
		width:45%;
		margin: auto;
	}	
	#header_right {
		width:85%;
		margin: auto;
	}	
	#header_left img {
		width: 12%;
		height:12%;		
	}	
	
	.logo_text { 
		color:#fff; 
		font-size:1.3em; 
		text-shadow: black 0.1em 0.1em 0.2em; /* shadow */
	}	
			
}