/*reset all margins etc to zero*/
body,div,h1,h2,h3,h4,h5,h6,a,blockquote,ul,ol,li,form,img,a{
margin:0;
padding:0;
border:0;
}

body{
font:13px/22px trebuchet ms,tahoma,verdana,sans-serif; 
color:black;
background-color:white;
text-align:center;/*for IE 5 to auto centre*/
margin-top:10px;
}

a{
text-decoration:none;
color:black;
font-weight:bold;
}
h1{
text-indent:-9999em;
/*margin-top:-25px;*/
}
h2{
font-size:140%;
color:#989fbf;
margin:0;
margin-bottom:10px;
border-bottom:1px dashed #a1bad5;
}
h3{
font-size:120%;
font-style:italic;
margin-bottom:10px;
}
hr{
height:1px;
border-top:1px dashed #a1bad5;
border-bottom:0;
}
dt{
font-weight:bold;
}



#shadows{
position:relative;
width:820px;
text-align:left;/*reset text align from above*/
margin:auto;
background-image:url(../img/shadows.jpg);
}
#shadowtop{
display:block;
margin:auto;
height:45px;
width:820px;
}

#wrapper{
position:relative;
/*text-align:left;*/
width:750px;
margin:auto;

}


#background{
width:710px;
padding:0 20px;
}

#nav{
margin-top:-22px;
height:32px;
list-style:none;
background-color:white;
}

#nav li{
float:left;
}
#nav li a{
text-align:right;
display:block;
width:90px;
padding:5px 20px;
color:black;
font-weight:normal;
}
#nav li a:hover{
background-color:#ababab;
color:white;
}
.active{
text-align:right;
display:block;
width:90px;
padding:5px 20px;
background-color:#000;
color:white;
}


#homeframe,#sideframe{
float:left;
}
#homeframe{
width:420px;
}
#sideframe{
width:252px;
margin-left:38px;
}
#sideframe li{
list-style:disc inside;
margin-left:4px;
color:#776466;
}
#sideframe img{
display:block;
margin:auto;
margin-bottom:10px;
border:1px solid black;
}
#homeframe li{
list-style:none;
padding:5px;
}
#homeframe li.date{
font-weight:bold;
font-size:110%;
}

#wide{
width:710px;
margin:10px auto;
}
#wide img{
margin:0 12px;
border:1px solid black;
}


#footer{
clear:both;
height:35px;
background-color:#000;
border-top:2px solid #e1e2e6;
border-bottom:1px solid #e1e2e6;
}
#footer p{
text-align:center;
font-weight:bold;
font-size:90%;
margin-top:5px;
color:#989fbf;
}

/*---forms---*/

input,textarea{
font:90% tahoma,verdana,sans-serif; 
border:2px solid black;
border-bottom:1px solid gray;
border-right:1px solid gray;
width:330px;
}
.button{
float:right;
background-color:#EF5C4A;
border:1px solid black;
font-weight:bold;
color:white;
width:60px;
}
.fade{
background:url(../img/formfade.gif) top left repeat-x white;
}