html{
 height:100%;
}

body{
 background:-webkit-linear-gradient(#fff, #d1e1ff); /* For Safari 5.1 to 6.0 */
 background:-o-linear-gradient(#fff, #d1e1ff); /* For Opera 11.1 to 12.0 */
 background:-moz-linear-gradient(#fff, #d1e1ff); /* For Firefox 3.6 to 15 */
 background:linear-gradient(#fff, #d1e1ff); /* Standard syntax */
 background-color:#d1e1ff;
 color:#000;
 font-family:constantia, serif;
 height:100%;
 margin:0;
 padding:0;
}

#container{
 max-height:100%;
 overflow:auto;
 position:relative;
 z-index:1;
}

@font-face{
 font-family:constantia;
 src:url('fonts/constantia.ttf'),
     url('fonts/constantia.eot'); /* IE9 */
}

@font-face{
 font-family:lucida;
 src:url('fonts/lucida.ttf'),
     url('fonts/lucida.eot'); /* IE9 */
} 

h1{
 clear:both;
 color:#333;
 font-size:35px;
 font-style:normal;
 font-weight:normal;
 letter-spacing:2px;
 line-height:30px;
}

h2{
 font-family:lucida,lucida calligraphy,lucida handwriting italic;
 font-weight:normal;
 text-align:center;
}

h3{
 color:#666;
 font-style:italic;
 font-weight:normal;
 margin-bottom:0;
}

h4{
 font-weight:normal;
 text-align:center;
}

h6{
 clear:both;
 color:#7063fd;
 text-align:center;
}



/*---------------------HEADER/TOP MENU---------------------*/



.header{
 height:80px;
 margin:0 auto 0 auto;
 padding:10px;
 position:relative;
 width:800px;
 z-index:2;
}

.logo{
 position:absolute;
  top:0;
 z-index:0;
}

.topmenu{
 height:80px;
 margin-left:auto;
 margin-right:auto;
 text-align:right;
}

a.topmenulink{
 color:#000;
 text-decoration:none;
 font-size:0.9em;
 padding:0 0 0 100px;
}

a.topmenulink hover{
 text-decoration:underline;
}

.subhead{
 font-size:15px;
 padding:0 20px 0 0;
}

#socialmedia{
 position:relative;
  top:-40px;
 text-align:right;
}



/*---------------------------BODY--------------------------*/



#main{
 margin-left:auto;
 margin-right:auto;
 padding-top:100px;
 position:relative;
 width:750px;
 z-index:2;
}

p{
 font-size:1.0em;
 line-height:1.5em;
 margin-top:5px;
 text-align:justify;
 text-indent:25px;
}

.left{
 float:left;
 font-family:arial,helvetica,sans-serif;
 font-size:0.5em;
 margin:0 30px 0 5px;
 text-align:center;
}

ul{
list-style-type: none;
}

ul li{
 margin-bottom:15px;
}



/*--------------------------FOOTER-------------------------*/



.reeds-l{
 height:100%;
 position:absolute;
  bottom:0;
  left:0;
 width:auto;
 z-index:0
}

.reeds-r{
 height:100%;
 position:absolute;
  bottom:0;
  right:0;
 width:auto;
 z-index:0
}