@import url('reset.css');  
body {
font-size: 90%;
}

h2, h3{
position: relative; font: normal normal 5em "Georgia","Times New Roman", Times, Tahoma, Helvetica, serif; font-variant: small-caps; text-align: center; z-index: 3; top: 50px;
}

h3 {font-size: 1.5em; top: -50px}

#header {position: relative; border-width: 0 0 1px 0px; border-style: solid; border-color:  black;  height: 7em; z-index: 1; background-color: #F0F0EF; padding: 0; width: 100%; margin: 0; padding: 0;  }


#header h1 {position: absolute; top: 0;  font: normal normal 7em "Georgia", "Times New Roman", Times, serif; font-variant: small-caps;text-align: center; letter-spacing: 2px;  margin: 0 auto; width: 99%; padding: 0; top: -10px;  z-index: 1}

.left {color: rgba(255,0,0,0.5);}

.right {color: rgba(0,255,255,0.5);}

.stereo {
position: absolute;
width: 100%;
}

.distance {
left: 0.03em;
}

.near {
left: 0.03em;
}

.abscentre {
 margin: 0 auto; text-align: center;
 }
h2 {font-size: 2em; opacity: 0.7}

.padhead {
top: 9em;
}

#wrapper {position: relative;}



ul#nav-main {
position: absolute;
width: 100%;
font-family: Georgia, serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
z-index: 3;
height: 2.2em;
background-color: #FFE09F;
border-color: #FFB06F;
border-width: 4px 0 4px 0;
border-style: solid;
text-align: center;
margin: 0;
padding:0;
}

ul#nav-main li{
	text-align: center;
	display: inline;
	padding: 0 7px;
margin: 0;
	background-color: #FFE09F;
border-color: #FFB06F;
border-width: 0 1px 0 1px;
border-style: solid;


}

ul#nav-main li a {
	text-decoration: none;
	color:  #0B305F;
}


#content-main { position: relative; min-height: 200px; padding-bottom: 6em;}

#content-main p.firstpar {
margin: 0 auto;
border-color: #000;
border-width: 1px 0 0 0;
border-style: solid;
}

#content-main p{
	padding: 0 3em;
}

.midblock {
font: normal normal 1.5em Geneva, sans-serif; 
position: relative;
width: 60%;
margin: 4em auto 1.4em;
text-align: center;
}

#content-main .midblock > p
{ display: block; padding-bottom: 10px;}

#wrapper1, #wrapper2 {position: absolute;  top: 0; width: 50%}
#wrapper1 { left:0; background-color: #FFF2F2; height: 100%; z-index: -1}
#wrapper2 {right: 0; background-color: #F2FFFF; height: 100%; z-index: -1}



#nav-foot {position: absolute; 
bottom: 0;
width:100%;
margin: 0 auto;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.42em;
background-color: none;
opacity: 1;
z-index: 7

}
#nav-foot .vcard {width: 200px; float: left; position: relative; background: transparent;
}



#nav-foot ul {position: absolute; padding-left: 240px; right: 1%; vertical-align: middle; margin-top: 5px;}
#nav-foot li{display: inline; padding-right: 20px;}

span.at {font-style: italic;font-weight: normal}

@media handheld, screen and (max-width: 480px),
       screen and (max-device-width: 480px)  {

#header {position: relative; border-width: 0 0 1px 0px; border-style: solid; border-color:  black;  height: 3em; z-index: 1; background-color: #F0F0EF; padding: 0; width: 100%; margin: 0; padding: 0;  }
#header h1 {font-size: 3em;}

ul#nav-main {
letter-spacing: 0px;
}

ul#nav-main li{
	padding: 0 5px;
}

#nav-foot ul {position: absolute; right: 2%; vertical-align: middle; margin-top: 5px;}

#nav-foot li{display: block; padding-right: 0px;}

#nav-foot .vcard p {left: 0px; padding: 0 0 0 3px ; margin: 0; }

p.midblock {
margin: 4em auto 5em;

}

}