/* Layout Stylesheet */ 

@media screen and (max-width: 600px) {body {font-size:50%}}

@media screen and (min-width: 600px) {body {font-size:80%}}

@media screen and (min-width: 1000px) {body {font-size:100%}}

@media screen and (min-width: 1200px) {body {font-size:120%}}

@media screen and (min-width: 1600px) {body {font-size:140%}}

body{
 	width:100%;
	margin: 0;
 	padding:0;     
 	background: #eeeeee;
 	color: #333333;

 }

	 


#hdr{
	height:1.2em;
	width:99%;
	position:relative;
	text-align:center;
	left:8%;
 	margin: 0;
 	background: #eeeeee;
 	font-size: 2.5em;
	text-align:center;
	font-variant:small-caps;
	font-family: times;
	font-weight: bold;
	color:#CC9933;
 }


#logo
{	position:relative;
	text-align:center;
	left:8%; 
	background: #eeeeee;
	
}

#logo img{
max-width:350px;
max-height:80px;


}

@media screen and (max-width: 600px) {#logo img {max-width:15%; max-height:15%}}

@media screen and (min-width: 600px) {#logo img {max-width:25%; max-height:25%}}

@media screen and (min-width: 1000px) {#logo img {max-width:35%; max-height:35%}}

@media screen and (min-width: 1200px) {#logo img {max-width:30%; max-height:30%}}

@media screen and (min-width: 1600px) {#logo img {max-width:25%; max-height:25%}}

#address
{	position:relative;
	text-align: center;
	left:8%; 
	height:3.5em;
	width:100%;
	background: #eeeeee;
	padding:0;
	text-align:center;
	font-size: 1.5em;
	font-family: times, georgia,  verdana, arial;
	font-weight: bold;
	color:#CC9933;
	max-width:100%;
	
}     




#name
{	
	max-width:15em;
	position:absolute;
	text-align: center;
	top:4em;
	left:0.5em;
	font-family: times, georgia,  verdana, arial;
	font-weight: bold;
	color: black; 
}

#lh-col{	width:17%;
	position:absolute;
	top:10em;
	font-family: arial, times, georgia,  verdana;
	background: #eeeeee;
	border:solid #333333;
	border-width: 4px 0 0 0;
	
 }

#rh-col{	width:82%;
	position:absolute;
	top:10em;
	font-family: times, georgia,  verdana, arial;
	background:#ffebcd;
	margin: 0;
	padding: 0;
	margin-left:17%;
	border:solid #333333;
 	border-width: 4px 4px 4px 4px;
	
}



/* NAVIGATION BUTTONS */

	
#navcontainer ul	{		
		margin-left:7%;
		font-size:1.1em;
		font-weight: bold;
		text-align: center;
		padding:0;
		list-style-type:none; 
}

		







#navcontainer li {	margin:0 0 0.8em 0;
		
}

#navcontainer a { 
	
	display:block;
	color:#EEEEEE;
	background-color: #CC9933;
	max-width:86%;
	height:1.5em;
	text-decoration:none;
	border:solid #C8C98D;
 	border-width: 0.2em 0.2em 0.2em 0.2em;
}

#navcontainer a:hover
 {
		background-color:#C8C98D;
		border:solid #CC9933;
		border-width: 0.2em 0.2em 0.2em 0.2em;
		color:blue;
}
			
#navcontainer a:visited {color: #CC3399}

/* END OF NAVIGATION */