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

/* //////// SECTION DIVS ////////// */
#wrapper { 
	background-color: #006666;
	/* background-image:url(../images/gray_bg.jpg);*/
	}


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


#header{ 
	background-color:#006666;
	top: 6;
	padding:0px;
	width:100%;
	/* background-image:url(../images/gray_bg.jpg); */
	}


#footer {
	background-color:#cecece;
	height:17px;
	position: fixed;
    width: 100%;
	color:#696969;
	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/gray_bg.jpg); */
	}

#header_left {
	float:left;
	width:45%;
	margin: auto;
	padding: 30px;
}
	
#header_right {
	float:right;
	width:50%;
	
	padding:3px;
	/*background-color:#fff; */
	alignment-adjust:middle;
	alignment-baseline:middle;
}		
	
#body_section {
	clear:both;
	width:99.5%;
	/* background-image:url(../images/gray_bg.jpg); */
	
	/*background-color:#fff; */
}		

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

    -webkit-column-rule: 2px 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:4em; 
	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:50%;
		
	}

	#header_right {
		float:right;
		width:20%;
		padding:1px;
		/*background-color:#fff; */
	}
		
	#header_left {
		float:left;
		width:40%;
		margin: auto;
		padding: 12px;
	}	
	

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

} 
@media screen and (max-width: 550px) {
	/* body {
		background-color: yellow;
	}
	*/
	#footer {
		font-size: 0.6em;
		
	}
	
	#header_right img {
		width: 150%;
		height:20%;
		alignment-adjust:middle;
		alignment-baseline:middle;
		margin-left: auto;
  		margin-right: auto;
		

		
	}	
	
	#header_left {
		width:150%;
		margin: auto;
		margin-left: auto;
  		margin-right: auto;		
	}	
	
	#header_left img {
		margin-left: auto;
  		margin-right: auto;
		width: 15%;
		height:15%;		
	}	
	
	
		
} 
@media screen and (max-width: 320px) {
	/* body {
		background-color: green;
	} */
	#footer {
	 width: 100%;
	}
	
	#header_left {
		width:270px;
		margin: auto;
	}	
	
	#header_left img {
		margin-left: auto;
  		margin-right: auto;
	}
	
.logo_text { 
	color:#fff; 
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size:3em; 
	text-shadow: black 0.1em 0.1em 0.2em; /* shadow */
}	
			
}