body{
font-family:Arial, sans-serif;
color:#0C567E;
margin:0px; padding:0px;
font-size:0.8em;
background-color:#A8DBF7;
background-image:url(background.jpg);
background-repeat:repeat-x;
}
h1{
background-color:#A8DBF7;
padding:3px;
margin-top:0px;
color:#107BB6;
font-size:1.5em;
font-weight:bold;
margin-right:-8px;
}
h1 a{
color:#107BB6;
}
h2{
margin-top:0px;
font-size:1.2em;
font-weight:bold;
color:#107BB6;
}
h2 a{
color:#107BB6;
}
h3{
margin-top:-19px;
font-size:1.2em;
background-color:#A8DBF7;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}
h3 a{
color:#A8DBF7;
text-decoration:none;
}
h3 a:visited{
color: #A8DBF7;
}
h3 a:hover{
color: #A8DBF7;
text-decoration:underline;
}
h4{
margin:0px;
}
hr{
height:1px;
color:#1DA3EB;
background:#1DA3EB;
border:0;
}
a{
color:#107BB6;
}
#skip{
display:none;
}
#login{
background-color:#A8DBF7;
border-left:1px solid #1DA3EB;
width:200px;
float:right;
color:#107BB6;
padding:10px;
font-style:italic;
font-weight:bold;
}
#login input{
background-color:#1DA3EB;
color:#A8DBF7;
font-style:italic;
font-weight:bold;
border:0px;
}
#login .logout{
background-color:#1DA3EB;
color:#A8DBF7;
font-style:italic;
text-decoration:none;
padding:2px 10px 2px 10px;
font-weight:bold;
border:0px;
}
#login .logout:hover{
text-decoration:underline;
}
#login .logout:active{
text-decoration:underline;
}
#logform{
margin:0px;
}
#box
{margin-top:3px;
}
#logo{
width:800px;
margin-left: auto; margin-right: auto;
}
#editor{
background-color:#1DA3EB;
position:absolute;
margin-left:176px;
top:300px;
width:25px;
padding:2px;
}
#editor a{
color:#A8DBF7;
text-decoration:none;
}
table #main{
margin:0px;
}
#navigation{
background-color:#ffffff;
width:175px;
vertical-align:top;
}
#navigation img{
padding-left:8px;
}
#navigation ul{
width:160px;
list-style-type:none;
margin:0px;
padding:0px;
padding-left:8px;
display:block;
}
#navigation li{
background-color:#B1DFF8;
}
#navigation a{
padding-left:10px;
padding-bottom:2.5px;
padding-top:2.5px;
padding-right:7px;
display:block;
text-decoration:none;
color:#107BB6;
font-size:1.2em;
font-weight:bold;
}
#navigation a:hover{
color:#ffffff;
}
#navigation a:active{
color:#ffffff;
}
#navigation a.selected{
color:#ffffff;
}
#navigation2 ul{width:160px;
margin:0px;
padding:0px;
}
#navigation2 li{
display:block;
}
#navigation2 a{
display:block;
text-decoration:none;
color:#107BB6;
font-size:0.9em;
}
#navigation2 a:hover{
color:#ffffff;
}
#navigation2 a:active{
color:#ffffff;
}
#navigation2 a.selected{
color:#ffffff;
}
#content{
background-color:#ffffff;
vertical-align:top;
margin: 0px;
padding:0px;
padding-right: 8px;
}
#diary{
background-image:url("header2.gif");
background-repeat:no-repeat;
background-color:#ffffff;
width:202px;
vertical-align:top;
margin:0px;
padding-top:0px;
padding-right:8px;
}
#diary img{
border: 1px solid #107BB6;
}
#diary div{
padding:3px;
background-color:#ffffc1;
border: 1px solid #107BB6;
}
#diary p{
margin:5px;
}
#spectulise{
width:800px;
margin-left: auto; margin-right: auto;
font-size:0.8em;
color:#1DA3EB;
text-align:center;
}
#spectulise a{
color:#1DA3EB;
text-decoration:none;
}
#legal{
float:right;
}
#gallery{
border-collapse:collapse;
}
#gallery td{
background:#A8DBF7;
border:1px solid #1DA3EB;
padding:3px;
vertical-align:top;
width:0%;
}
#gallery img{
border: 1px solid #A8DBF7;
}
#gallery a{
color:#0C567E;
text-decoration:none;font-weight:bold;
}
#gallery a:hover{
text-decoration:underline;
}
.galopt{
border:1px solid #1DA3EB;
background:#A8DBF7;
height:1%;
height:30px;
}
.galopt form{
padding:5px;
margin-bottom:3px;
}
.galtitle{
background-color:#A8DBF7;
color:#107BB6;
}
.galimg{
border:1px solid #A8DBF7;
}
#prevnext{
background-color:#1DA3EB;
width:365px;
}
#prevnext p{
padding:5px;
float:left;
background-color:#1DA3EB;
}
#prevnext a{
color:#A8DBF7;
text-decoration:none;
}
#prevnext a:hover{
text-decoration:underline;
}
#next{
float:right;
}
#prevnext table{
width:365px;
}
.sysad td{
width:100px;
vertical-align:top;
text-align:center;
padding:5px;
}
.sysad td img{
border:0px;
}
#asection img{
border:0px;
}
#asection td{
text-align:center;
}
.calendarpn{
font-size:1.6em;
}
.calendarm{
font-size:1.2em;
font-weight:bold;
}
.register{
background-color:#FFFFC7;
margin-left:8px;
padding-left:8px;
width:152px
}
.register form{
margin:0px;
padding-bottom:6px;
}
.register form input{
color:#107BB6;
border:1px solid #107BB6;
margin-top:5px;
background-color:#ffffff;
}
.availability{
border-collapse:collapse;
}
.availability td {
  border:1px solid #B1DFF8;
  padding:5px;
}