/* CSS Document */

html,body{font-size:11px; font-family:Verdana, Geneva, sans-serif;  margin-bottom:20;padding-top:0px;text-align:center;height:100%; background: #550101 url(Images/layout/BG.png)  repeat-x; }

p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;}

#contentcontainer{border:1px solid #590101; background-color:#FFFFFF;width:970px;margin:0 auto;text-align:left;}

div#header{height :150px;  position:relative;  background: url(Images/layout/bannerwithsunandtext150button.gif) no-repeat; margin:0; width:100%}

div#menu{margin: 0; padding:0; background-color:#FFFFF; }


div#wrapper{ float:left;width:100%; }

div#content{margin-left:10px; margin-top:3px; margin-right:430px;width:470px; }
div#content p{line-height:1.4}

div#largecontent{margin-left:10px; margin-top:3px; margin-right:150px;width:745px}
div#largecontent p{line-height:1.4}

div#noticeboard{width:745px; font-size:15px line-height:1.4}

div#content2{float:left;width:275px;margin-left:-483px; margin-top: 3px;line-height:1; font-size:11px;}
div#content2 ul{margin:15px 0; padding:0; list-style-type:none;}
div#content2 li{margin-bottom:5px;}

div#extra{float:left;width:185px;margin-left:-205px;margin-top:3px;}


div#indexextra{float:left;width:185px;margin-left:-200px;margin-top:3px;}


div#footer{height:120px; clear:left;width:100%;background-color:#D30505;}


div#spacer{height:260px; width:270px}

.menu {padding:0 ; margin:0; list-style:none; height:43px; position:relative; background:transparent url(Images/menu/menu_back.gif) repeat-x left top; font-size:9px;}
.menu li {float:left; height:43px;}
.menu li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(Images/menu/menu_0a.gif) no-repeat;}
.menu li a b {float:left; display:block; padding:0 60px 0 0; background:url(Images/menu/menu_0.gif) no-repeat right top;}
.menu li.current a {color:#000; background:url(Images/menu/menu_2a.gif) no-repeat;}
.menu li.current a b {color:#000; background:url(Images/menu/menu_2.gif) no-repeat right top;}
.menu li a:hover {color:#000; background: url(Images/menu/menu_2a.gif) no-repeat;}
.menu li a:hover b {color:#000; background:url(Images/menu/menu_2.gif) no-repeat right top;}
.menu li.current a:hover {color:#000; cursor:default;}

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 




#gallery_main {position:relative; width:710px; height:370px; background:#E9E9E9; border:1px solid #a49188; padding:10px;}
#gallery_main p{font-size:13px}
/* styling for gallery */
#container_right {position:relative; width:735px; height:530px; background:#E9E9E9; border:1px solid #a49188;}
#container_right img {border:0;}
#container_right .thumbs {width:300px; position:absolute; right:-30px; top:10px;}
#container_right a.gallery:hover span {display:block; position:absolute; width:400px; height:60px; top:290px; left:-450px; padding:5px; font-style:italic; color:#000;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:400px; height:250px; top:20px; left:-450px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_right h1 {clear:both; margin:0; padding-top:90px; padding-left:25px; width:370px; text-align:center; font-size:3em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}