body {
margin:0;
text-align:center;
font-family: verdana, arial, sans-serif;
background:#000000;
}	

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#outer {
	width:100%;
	overflow: hidden;
	text-align:center;
	padding:0em;
	margin:0;	
	}
	
a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #9957c6;}
a:active {color: #63248d;}	
	
br.clear {
width:90%;
height:0.1em;
clear:both;
padding:0;
margin:0;
background:#00ccee;
}	
	
h1,h2,h3,h4 {
font-weight:bold;
margin:0.2em auto 0.2em auto;
text-align:center;
}		
	
h1 {
font-size:1.0em;
}
	
h2 {
font-size:0.9em;
}	
	
h3 {
font-size:0.8em;
}	

h4 {
font-size:0.7em;
}
	
p {
margin:0em;
padding:0em;
}	

#header {
width:100%;
padding:0em 0em 0em 0em;
margin:0;
float:left;
text-align:center;
}

#topnav {
float:left;
width:100%;
text-align:center;
padding:0.3em 0em 0.3em 0em;
margin:0em;
}

#topnav #navlist1 {
width:90%;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
font-size:0.7em;
}	

#topnav #navlist1 ul{
width:100%;
list-style:none;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
background-color:#000000;
}  

#topnav #navlist1 ul li{
display:inline-block;
width:17%;
margin:0em;
padding:0.2em 0.5em 0.2em 0.5em;
background-color:#000000;
border-right:1px solid #cccccc;
}

#topnav #navlist1 ul li a{
text-decoration:none;
font-weight:normal;
background-color:#000000;
padding:0em 0em 0em 0em;
} 


	
#maincontent {
width:98%;
text-align:center;
padding:0;
margin:0em auto 0em auto;
border:0em solid #228b22;
border-top:0em;
}

#mainmid {
clear:both;
width:90%;
padding:0.8em 1.0em 0.2em 1.0em;
margin:0.2em auto 0em auto;
color:#000000;
font-size:0.7em;
background-color:#ffffff;
text-align:left;
border:2px solid #444444;
border-radius:1em;
}

#mainmid a:link {color: #0000cc;}
#mainmid a:visited {color: #0000cc;}
#mainmid a:hover {color: #9957c6;}
#mainmid a:active {color: #63248d;}	

#mainmid .section{
width:100%;
clear:both;
margin:0.5em auto 0.3em auto;
background-color:#ececec;
}

#mainmid .sectleft{
width:45%;
float:left;
margin:0.5em auto 0.5em auto;
padding:0.2em;
background-color:#ececec;
border:1px solid #669c35;
}

#mainmid .sectright{
width:50%;
float:right;
font-size:0.8em;
margin:0.5em auto 0.5em auto;
padding:0.2em;
background-color:#ececec;
border:1px solid #669c35;
}

#mainmid .section ul{
width:95%;
list-style:none;
margin:0.2em;
padding:0em;
}

#mainmid .maintext{
float:right;
width:65%;
background-color:#ececec;
margin:1.5em auto 0em auto;
padding:0em;
}

#mainmid .section p{margin-top:0.5em;}

#mainmid .formsection{
width:100%;
clear:both;
margin:0.5em auto 0.3em auto;
background-color:#ececec;
border:1px solid #669c35;
text-align:center;
}

#mainmid .mainform{
clear:both;
width:90%;
background-color:#ececec;
margin:0.5em auto 0.5em auto;
padding:0em;
}

#mainmid .formleft{
width:40%;
float:left;
margin:0.5em auto 0.5em 0.2em;
padding:0em;
background-color:#ececec;
}

#mainmid .formright{
width:55%;
float:right;
margin:0.5em 0.2em 0.5em auto;
padding:0em;
background-color:#ececec;
}

#mainmid .imageform{
width:100%;
clear:both;
margin:0.5em auto 0.3em auto;
background-color:#ececec;
text-align:center;
}

#mainmid .imageform .mainform{
clear:both;
width:90%;
padding-top:0.5em;
}

#mainmid .imageform .formleft{
width:90%;
float:left;
text-align:left;
margin:0.2em auto 0.2em 1em;
}

#mainmid .imageform .formright{
width:90%;
float:left;
text-align:left;
margin:0.2em auto 0.2em 1em;
}

#mainmid input[type=submit]{
font-size:1.0em;
}

#mainmid input[type=text]{
font-size:1.0em;
}

#mainmid input[type=file]{
font-size:1.0em;
}

#mainmid input[type=button]{
font-size:1.0em;
}

#mainmid .description{
font-size:1.0em;
width:20em;
height:5em;
}

#mainmid .emailadd{
width:8em;
}


#intro {
clear:both;
padding:0em 0.2em 0em 0.2em;
width:100%;
margin:0em;
text-align:center;
font-weight:bold;
font-size:0.7em;
}	


/* mobile */
@media only screen 
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:portrait)
{
body { font-size:100%;}
#topnav #navlist1 ul li{padding:0.2em 0.3em 0.2em 0.3em;}
#mainmid .sectleft .pic{margin-top:2em;}
#mainmid .sectleft .pic2{margin-top:0.5em;}
}

/* mobile landscape */
@media only screen 
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:landscape)
{
body { font-size:130%;}
#topnav #navlist1 ul li{padding:0.2em 0.3em 0.2em 0.3em;}
#mainmid .maintext{margin-top:1.2em;}
#mainmid h2{font-size:1.2em;}
#mainmid .description{font-size:1.0em;width:30em;height:5em;}
#mainmid .imageform .formleft{margin:0.2em auto 0.2em 2em;}
#mainmid .imageform .formright{margin:0.2em auto 0.2em 2em;}
#mainmid .emailadd{width:10em;}
}

/* desktops */
@media only screen 
and (min-device-width: 51em)
{
body { font-size:150%;}
#topnav #navlist1{font-size:1em;}
#mainmid {width:80%;font-size:0.9em;}
#mainmid h2{font-size:1.3em;}
#mainmid h3{font-size:1.0em;}
#mainmid .imageform .formleft{width:45%;margin:0.2em auto 0.2em 2em;}
#mainmid .imageform .formright{width:45%;margin:0.2em auto 0.2em 2em;}
#mainmid .description{width:50em;}
#mainmid .formleft{width:35%;}
#mainmid .formright{width:60%;}
#mainmid .emailadd{width:20em;}
}