@charset "utf-8";
/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #676cb1;
font-size: 14px;
background: url('site_images/bg.gif') repeat-x;
background-color: #676db1;
}

#wrapper {
margin: auto;
}

#header {
background: url('site_images/header_bg.png') repeat-x;
height: 95px;
margin: 0;
}

#header .hleft {
float:left;
}

#header .hmiddle {
padding-left: 20px;
float:left;
}

#header .hright {
float:right;
}

#header .textbox {
height: 12px;
}

/*navigation*/

.menu {
font-size: 16px;
height: 65px;
text-align: center;
width: 100%;
}

/*li.nav {
display: inline;
padding: 0 20px 0 0;
}*/

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
display: block;
}


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
text-align:center;
z-index:100;
display: inline-block;
}

 
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
 
/* style all the links */
.menu a, .menu :visited :active {
display: inline-block;
font-size:16px;
width:149px;
padding:7px 0;
color:#676cb1;
background:#fff;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
}

/* style the links hover */
.menu :hover{
color: #FF0000;
background:#ffffff;
font-size:16px;
text-decoration:none;
}
 
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
text-align: center;
display: block;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
 

/*navigation end*/


#centre {
margin: auto;
width: 961px;
}

#centre .centretop {
height: 11px;
background: url('site_images/centre_top.png') no-repeat;
}

#centre .centremid {
border-left: solid 1px #000000;
border-right: solid 1px #000000;
background-color: #ffffff;
min-height: 600px;
overflow: hidden;
}

#centre .centrebase {
height: 13px;
background: url('site_images/centre_base.png') no-repeat;
}

#centre .content {
float: left;
min-height: 309px;
width: 680px;
margin: 10px 0 0 15px;
}

#centre .right {
float: left;
margin: 10px 15px 0 0;
width: 400px;
}

#centre .text {
float: left;
width: 915px;
padding: 20px 20px 20px 20px;
}

#centre .gallery {
float: left;
padding: 20px 20px 20px 20px;
margin-left: 45px;
}

#centre .contact {
float: left;
min-height: 309px;
width: 500px;
margin: 10px 0 0 15px;
}

#centre .events {
float: left;
min-height: 309px;
width: 100%;
padding-bottom: 30px;
}

#pom {
float: right;
width: 215px;
margin: 10px 15px 0 5px;
text-align: center;
}

#pom .pic {
background: url('site_images/pom_pic.png') no-repeat;
height: 203px;
padding-top: 10px
}

#pom .caption {
background: url('site_images/pom_caption.png') no-repeat;
height: 96px;
padding-top: 1px;
}

#pom img {
border: 2px solid #ffffff;
}

#hotspot {
background: url('site_images/hotspot_top.png') no-repeat;
float: left;
width: 290px;
margin: 10px 10px 0 18px;
padding-top: 10px;
}

#hotspot img {
border: 2px solid #ffffff;
}

#hotspot .centre {
background: url('site_images/hotspot_mid.png') repeat-y;
min-height: 210px;
}

#hotspot .left {
width: 112px;
float: left;
text-align: center;
}

#hotspot .right {
width: 165px;
float: right;
margin-right: 10px;
}

#hotspot .gal_right {
width: 165px;
float: right;
margin-right: 8px;
text-align: center;
padding-top: 8px;
}

#hotspot .base {
background: url('site_images/hotspot_base.png') no-repeat;
width: 290px;
height: 10px;
}

#member_login {
background: url('site_images/mem_top.png') no-repeat;
float: left;
width: 290px;
margin: 10px 0 0 15px;
padding-top: 10px;
}

#member_login .centre {
background: url('site_images/mem_mid.png') repeat-y;
padding: 10px;
min-height: 190px;
}

#member_login .base {
background: url('site_images/mem_base.png') no-repeat;
width: 290px;
height: 10px;
}

#view_event {
width: 100%;
}

#view_event .event_left {
float: left;
}

#view_event .event_right {
float: right;
}

#gallery {
background: url('site_images/pic_top.png') no-repeat;
float: left;
width: 184px;
margin: 0 10px 10px 10px;
}

#gallery .picmid {
background: url('site_images/pic_mid.png') repeat-y;
text-align: center;
height: 190px;
margin-top: 13px;
padding: 0 5px 0 5px;
}


#gallery .picbase {
background: url('site_images/pic_base.png') no-repeat;
height: 17px;
}

.post {
background-color: #d0dceb;
padding: 2px 0 2px 10px;
border-top: solid 1px #5157a6;
border-right: solid 1px #5157a6;
border-left: solid 1px #5157a6;
}

.postbody {
background-color: #fff;
padding: 10px 10px 2px 10px;
border-bottom: solid 1px #5157a6;
border-right: solid 1px #5157a6;
border-left: solid 1px #5157a6;
margin-bottom: 10px;
}

.gall_image {
width:150px;
text-align:center;
margin: 0 5px 15px 7px;
padding: 0 5px 0 5px;
display: inline-block;
float:left;
height:220px;
}

#footer {
min-height: 30px;
text-align: center;
color: #ffffff;
padding-top: 10px;
}

ul {
list-style-image: url('site_images/ul.png');
display: block;
}

a:link {
color: #676cb1; text-decoration: underline;
}

a:visited {
color: #676cb1; text-decoration: underline;
}

a:hover {
color: #176bd7; text-decoration: underline;
}

a.active {
color: #FF0033; text-decoration: none;
}

a.white {
color:#ffffff;
}

a img {
border: 0px;
}


h1 {
font-size: 18px;
}

h2 {
font-size: 12px;
}

h3 {
font-size: 12px;
color: #ffffff;
}


h4 {
font-size:14px;
border-bottom:2px solid #FF0000;
display:inline;
}

p {
font-size: 12px;
color: #00002e;
line-height: 150%;
}

p.white {
font-size: 12px;
color: #ffffff;
font-weight: bold;
}