/* CSS Document */
* { padding: 0; margin: 0; }

body { text-align:center; font-family:"Trebuchet MS", Tahoma, Arial; font-size:62.5%;
				background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center;
				background-attachment:fixed;}
				
#backframe { margin: 50px auto; background-color:#FFFFFF; -moz-opacity: 0.6; 
						 opacity:0.6; filter:alpha(opacity=60); width: 896px; height: 750px; 
						 display:block; position:relative;}				

#frontframe { margin: 50px auto; top: -800px; 
			     	 width: 896px; height: 500px; display:block; position:relative;}				

#header { border-bottom: 4px dotted #003399;}

#navigation { background: url(../images/menu_bg.jpg); width: 100%; height: 27px; text-align:center;}

#navigation ul { margin: 0 auto 0 10px;}
#navigation li { float:left; list-style:none;}
#navigation li a { display: block; padding: 0 10px; line-height: 27px; color:#fff; 
									 text-decoration:none; font-size: 1.2em;}
									 
#navigation li a:hover { color: #FF0000;}									 

#innerframe { margin: 10px auto; width: 805px; position:absolute; top: 130px; left: 46px; -moz-opacity: 1.0;}
#innerfbframe { margin: 10px auto; width: 805px; position:absolute; top: 30px; left: 46px; -moz-opacity: 1.0;}

#content { width: 805px; height: 535px; text-align:left; position: relative;}

#content h1 { font-size: 2.2em; color:#000000;  margin: 10px auto 5px;}
#content h2 { font-size: 1.6em; color:#000000; line-height:1.8em; margin: 10px auto 5px;}

#content td,
#content p  { font-size: 1.2em; color:#000000; line-height:1.5em; margin: 5px auto 15px auto;}
#content ul.left { margin: 5px auto 15px 280px!important;  }
#content ul.right { margin: 5px auto 15px 0px!important;  }
#content li { font-size: 1.2em; color:#000000; line-height:1.5em; margin: auto 60px;}
#content a  { color: #000; text-decoration:none;}
#content a:hover  { color: #003399; text-decoration: underline;}

strong			{ font-weight:bold; color:#CC0000;}

.imgleft		{ float: left; margin: 0 30px 20px 0;}
.imgright		{ float: right; margin: 0 0 20px 30px;}

.panel { width: 250px; background-color:#fff; opacity:.8; margin: 0 40px; padding-bottom: 10px;}
.panel h1 { padding: 10px 20px 5px; font-size:2.0em!important; color:#000; line-height:1.2em!important;}
.panel p  { padding: 5px 20px; font-size:1.2em!important; color:#000;}
.panel strong { font-weight:bold; color:#003399;}
.panel li { font-size: 1.2em; color:#000000; line-height:1.5em; margin: auto 40px!important;}

.clear { clear:both;}
.clearleft { clear:left;}
.clearright { clear:right;}

.black { color: #000!important;}

#inset1 { position: absolute; left: 290px; top: 400px;} 
#inset2 { position: absolute; left: 460px; top: 400px;}
#inset3 { position: absolute; left: 630px; top: 400px;}

#inset1 img { border: 2px solid #fff;}
#inset2 img { border: 2px solid #fff;}
#inset3 img { border: 2px solid #fff;}

#hpinset1 { position: absolute; left: 225px; top: 414px;} 
#hpinset2 { position: absolute; left: 230px; top: 390px;}
#hpinset3 { position: absolute; left: 420px; top: 390px;}
#hpinset4 { position: absolute; left: 610px; top: 390px;}

.noticeboard {display:block; float:left; font-size:1.4em; line-height:30px;  padding:0 10px; width:auto; background:#FFCC00;}