/* CSS Document */

body {background-color:#FFFFFF; background-image: url(../images/mainlogo.jpg); background-repeat: no-repeat; background-position: 200px 120px;margin-top:130px; margin-left:0px; z-index:0; background-attachment:fixed }
.imagebody {background-color:#FFFFFF; margin-top:70px; margin-left:0px; z-index:0 }

.flashmovie {position:absolute; top:3px; left:125px;}
* html .flashmovie {position:absolute; top:3px; left:225px;}

img.imgbar {position:absolute;top:36px;left:0px; z-index:-1}
img.imgbarright {position:absolute;top:0px;left:630px; z-index:-1}
img.hsdright {position:absolute;top:1px;left:688px; z-index:10}
img.hsdleft {position:absolute;top:3px;left:5px; z-index:10}
img.headright {position:absolute;top:0px;left:678px; z-index:1}
img.headleft {position:absolute;top:94px;left:0px; z-index:0}
img.headbar {position:absolute;top:50px;left:145px; z-index:0}
img.prev {position:absolute;top:7px;left:10px; z-index:0}
img.next {position:absolute;top:7px;left:92px; z-index:0}
img.close {position:absolute;top:7px;left:174px; z-index:0}

div.fader {position:absolute; width:800; top:100px;left:0px; z-index:99; padding-left:50px; text-align: center;  font-family:Arial; font-size: 8pt; font-weight:bold}

div.heading {position:absolute; width:800; top:60px;left:0px; z-index:99; padding-left:50px;
			 text-align: center;  font-family:Arial; font-size: 12pt; font-weight:bold}
			 
div.imgheading {position:absolute; width:690; top:50px;left:0px; z-index:99; padding-left:50px;
			 text-align: center;  font-family:Arial; font-size: 12pt; font-weight:bold}	
			 
			 		 

img.floatr {float:right; margin-left:20px; margin-bottom: 10px; border: #000000 1px solid;}
img.floatl {float:left; margin-right:20px; margin-bottom:10px; border: #000000 1px solid}
img.floatl2 {float:left; margin-right:20px; margin-bottom:10px;}
img.map {float:right; margin-right:200px; margin-bottom: 10px; border: #000000 0px solid}
img.centre {float:none;  margin-right:218px; margin-left:218px; margin-top: 10px; border: #000000 1px solid}


.rollmenu, .rollmenuSep{width:130px; border-top: #8eaac7 0px solid; border-left: #5f87af 1px solid; border-right: #254869 1px solid;
padding-top: 5px; padding-left: 5px; padding-bottom: 5px; display: block; color: #002C54; 
font-size: 10px; font-weight: bold; font-family: "MS Sans Serif", Arial, sans-serif; background-color: #FFFFFF; text-decoration: none; background-image:url(../images/left_fill.png)}

.rollmenuSep {border-bottom: #002C54 1px solid;}

p.sep {border-top: #002C54 1px solid; border-left: #5f87af 1px solid; border-right: #254869 1px solid; padding-top: 1px; padding-bottom: 1px;}

.rollmenu:hover, .rollmenuSep:hover  {background-color:#ff0c0c; color:#FFFFFF; text-decoration: none; background-image:none;}

.menuhead {font-weight: bold; font-size: 12px; color: #000000; background-color: transparent}
#mnuNews {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuInfo {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuSchools {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuAbout {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuGallery {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuGalSem {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuGalTech {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuGalComp {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuGalGrp {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#mnuInfoBB {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}

a.mainmenuItem {display:block; white-space:nowrap; width:128px;
	font-family: "MS Sans Serif", Arial, sans-serif; font-size: 10px; color: #002C54; text-decoration: none; font-weight: bold;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
	border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #BAB7AE;}

a.mainmenuItem:hover {background-color:#ff0c0c; color:#FFFFFF;}

span.menuItemArrow {padding-left: 5px;}

P  {font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#000080; z-index:5}
TD {font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#003366}

LI {padding-bottom:6px;}

.indent {font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#003366; margin-left:10px}

h1 {font-size: 12pt; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-bottom:12px; margin-top:12px; clear:both; display:block;  border-top: 1px solid #000033}

h2 {font-size: 12pt; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-bottom:6px; margin-top:12px; margin-left:0px;}

h3 {font-size: 11pt; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-left:10px; margin-bottom:6px; margin-top:12px;}

h4 {font-size: 1.0em; text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; margin-bottom: 0.5em;
	padding-top: 2pt; padding-bottom: 2pt; padding-left: 2pt; color:#000000; background:#EEEEEE}  
	
.showimage {font-size:9px; color:#CC0000}	

.forminput {font-size:9pt; color:#006600; font-family:Georgia, "Times New Roman", Times, serif;}
.formlabel {font-size:9pt; color:#006600; font-family:Georgia, "Times New Roman", Times, serif; width:100px; float:left;}

.bbimage {
	border:solid 2pt #000000; background:url(../images/blackbelts/blank.png) no-repeat 5px 5px;
	margin:5px; padding:5px; width:290px; height:160px; float:left }
	


	


.calendar {
float: right;
width: 200px;
color: #fff;
margin: 0px; 
padding:0px;
background: url("/_assets/css/images/calendar_mid.png") repeat-y;
}

div.calendar a {color:white; text-decoration:none;}
div.calendar a:visited {text-decoration:none; color:white;}

div.calendarTop {
width: 200px; height:54px;
background: url("/_assets/css/images/calendar_top.png") no-repeat top left;
}

div.calendarBottom { 
width: 200px; height:42px;
background: url("/_assets/css/images/calendar_bot.png") no-repeat bottom left;
padding: 10px 0px 0px 0px; text-align:center;
}

div.calendarMiddle { 
width: 200px;
padding: 0px 0px 5px 0px; height:120px;
background: url("/_assets/css/images/calendar_mid.png") repeat-y;
}

div.calendar dl { width: 180px;  font-size:11px; border:none; margin:15px}
div.calendar dt, dd { float: left;  margin: 0; padding: .2em 0; }
div.calendar dt { font-weight: bold; width: 60px; color:red;  }
div.calendar dt a { font-weight: bold; width: 60px; color:red; text-decoration:none;  }
div.calendar dt a:visited { font-weight: bold; width: 60px; color:red; text-decoration:none;  }
div.calendar dd { width: 110px; text-align:left; color:black;  }
.calbottext {margin-top:15px;}