html {
 margin: 0;
 padding: 0;
 }
 
body{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #000;
background: url(/images/background.jpg) top left repeat-x #fff;
scrollbar-base-color: #9299C4;
}

p {
font-size: 0.75em;
line-height: 1.5em;
}

h1 {
width: 80%;
font: normal 1.5em verdana,arial,helvetica,sans-serif;
margin: 1em 0 0 10px;
padding: 5px 10px;
color: #624B89;
/* border-bottom: solid 1px #AAB970; */
}



h2 {
font: italic bold 0.75em verdana,arial,helvetica,sans-serif;
margin: 1em 20px 0 10px;
padding: 5px 10px;
color: #624B89;
/* background: #624B89; */
}


h3{/*used in pages*/
margin: 1em 0 0 1em;
padding: 5px 20px;
font: 0.70em verdana,arial,helvetica,sans-serif;
color: #000;
}

h4 {
font: 0.7em verdana,arial,helvetica,sans-serif;
padding: 5px 20px;
color: #000;
}

h4.noprint {
font: 0.65em verdana,arial,helvetica,sans-serif;
padding: 5px 20px;
color: #000;
}

h5{
font: bold 0.80em verdana,arial,helvetica,sans-serif;
margin: 1em 20px 0 10px;
padding: 5px 10px;
color: #933013;
border-top: solid 1px #624B89;
}

#ufwus table h4{
font: bold 0.80em verdana,arial,helvetica,sans-serif;
padding: 0;
color: #000;
}

/* ======================== DIVS ===============================*/
div#container{
margin: 1em auto;
background: #FCFCFC;
border: 1px solid #000;
width: 90%;
margin: 10px auto;
}
/* =============================================*/

#top{/*google and policies*/
background: url(/images/topback.jpg) top left repeat-y #fff;
height: 45px;
margin: 0;
padding: 5px 0; 
z-index: 8;
}

#top p{
margin: 0;
}

#top a, #top a:link { 
 color:  #000;   
 text-decoration: none;
} 

#top a:visited { 
 color:  #000;   
 text-decoration: none;
} 

#top a, #top a:hover { 
 color: #933013;
 text-decoration: none;
} 

/*================Google box===========================================*/
#cse-search-results{
margin-left: 30px;
width: 300px;
}
/*==========USED TO TOGGLE TO THE PRINT VIEW=========*/

div#printfriendly{
 display: none;
}

#ufwus p.print{
display: none;
}

#top p.hide{
 font: bold 0.70em verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: right;
}

/* #top p.hider{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: right;
}
 */
/* =============================================*/
#header{
background:/*  url(/images/headwords.gif) top left no-repeat  */#9299C4;
height: 90px;
border-top: solid 1px #000;
border-bottom: solid 2px #000;
margin: 0;
padding: 0 0 0 120px;
text-align: right;
z-index: 10;
}
#header img{
float:left;
}

#header img.show{
}

#header span{
float: right;
font: italic bold 0.80em times new roman, times, serif;
margin: 50px 20px 0 0;
color: #fff;
}
/* =============================================*/

div#hspike {
position: absolute;
top: 30px;
left:60px; 
width: 115px;
height: 126px;
background: url(/images/headspike.gif) left top no-repeat;
z-index: 80;
}
/*======================UFWUS 	page STYLES ====================*/

#ufwus{
margin: 5px 180px 0 180px;
background-color: transparent;
z-index: 20;
}

#ufwus p{
margin: 1em 0 0 0;
font-size: 0.75em;
padding: 0 50px 0 20px;
color: #000;
text-align: left; 
}
#ufwus ul li {
 font: 0.75em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: disc;
 font: 1.0em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 5px 10px 0 40px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 1.0em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 30px;
 }
#ufwus img{
 margin: 3px 10px 3px 0;
 border: solid 1px #624B89;
 }
 
 #ufwus img.nobord{
 border: none;
 }
 
#ufwus a, #ufwus a:link { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a, #ufwus a:hover { 
 color: #933013;
 text-decoration: none;
}  

#ufwus img.noborder{
 border: none;
 }
 
#ufwus img.icon{
 border: none;
 margin: 0;
 padding: 0;
 }
 
#ufwus p.message{
font: bold 12px verdana,arial,helvetica,sans-serif;
color: #A52A2A;
}

/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.70em verdana,arial,helvetica,sans-serif;
  line-height: 1.5em;
 color: #000;
 }
 
 #ufwus table ul li {
 font: 1.0em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }
#ufwus table tr.mainfill{
 background-color: #624B89;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 
 #ufwus table tr.lighter{
 background-color: ##9299C4;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 
 #ufwus table tr.alt{
 background-color: #F4F3F9;
 color: #000;
 }
 
#ufwus table td{
 border-right: solid 1px #000;
}

/*======================UFWUS admin STYLES ====================*/

body#admin #container{
margin: 1em auto;
background: #F4F3F9;
border: 1px solid #000;
width: 90%;
margin: 10px auto;
}
/* =============================================*/

body#admin #ufwus{
margin: 20px 1em 0 1em; 
background-color: #F4F3F9; 
}

#ufwus p.messagesm {
font-weight: bold;
color: #A52A2A;
}

#ufwus p.notice{/*yellow message text*/
 font: bold 0.8em verdana, geneva, arial, sans-serif;
 color: #660000;
 }
 
 body#admin #ufwus table tr.catad{
 background-color: #933013;
 font: bold 1.0em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 
body#admin #ufwus table tr.change{
 background-color: #EADC9D;
 font: 0.90em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus img{
 border: none;
 }
 
 select.dropdowns{
background-color: #F9FAF6;
font: bold 1.0em verdana,arial,helvetica,sans-serif;
border: solid 1px #fff;
padding: 3px 0;
} 

/*============= ADMIN TABLE STYLES ==========================*/
body#admin #ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.80em verdana,arial,helvetica,sans-serif;
 line-height: 1.5em;
 }
 
 body#admin #ufwus table p{
 font: 0.85em verdana,arial,helvetica,sans-serif;
 line-height: 1.5em;
 }
 
 body#admin #ufwus table h2 {
font: bold 1.1em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #000;
background: #F9FAF6;
}
 body#admin #ufwus table img{
 border: none;
 }
 
 body#admin #ufwus table.noborder{
 border: none;
 font: 1.0em verdana,arial,helvetica,sans-serif;
 border-collapse: collapse;
 }
 
 body#admin #ufwus table tr.mainfill{
 background-color: #624B89;
 font: bold 1.2em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 
 body#admin #ufwus table tr.alt{
 background-color: #D5D1E8;
 color: #000;
 }
 
 

/*======================================tinyMCE hack==========================*/ 
body#admin #ufwus table .mceToolbar table tr td {border:solid 1px #9299C4; margin:0; padding:0;}/*this colours the toolbar border the same as background*/
body#admin #ufwus table .defaultSkin table.mceToolbar {margin-left:0; border:0;}
body#admin #ufwus table .defaultSkin table.mceLayout {border:0}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceFirst td {border-top:0;}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #000}
body#admin #ufwus .defaultSkin .mceToolbar {height:26px; border: 0; }
body#admin #ufwus .defaultSkin .mceLeft {text-align:left; border:0;}
body#admin #ufwus .defaultSkin .mceRight {text-align:right; border:0;}
body#admin #ufwus .defaultSkin table {background-color:#9299C4;}/*this colours the toolbar background*/
/*====================================================================*/ 

/*==========================FOOTER STYLES ===========================*/

#footer{
clear: both;
background-color: #9299C4;
padding:  0 10px 1px 10px;
text-align: right;
color: #fff;
}
#footer p.footing{
text-align: center;
font: bold 0.70em verdana, arial, helvetica, sans-serif;
color:  #fff;   
}

#footer a, #footer a:link { 
font: bold 0.80em verdana, arial, helvetica, sans-serif;
 color:  #fff;   
 text-decoration: none;
} 

#footer a:visited { 
 color:  #fff;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #81754F;
 text-decoration: underline;
} 
/* =============================================*/

#updated{
margin: 1em auto;
font: 0.75em verdana,arial,helvetica,sans-serif;
color: #000;
width: 90%;
margin: 10px auto;
/* max-width:1031px; 
 width: auto !important;
 width:1031px; */
}

/* ==================  NEWS  =========================*/
div.news{
margin:0 20px 0 10px;
 padding: 0px 10px 0 0;
background: transparent;
width: 90%;
}

.next {
margin: 0 20px 0 0;
padding: 0 5px 0 0;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
text-align: right;
color: #000;
height: 30px;
clear: both;
}

/* div.spacer {
height: 1px;
clear:left; 
}*/

div.news img{
margin-right: 5px;
border: solid 1px #fff;
}

div.newstitle{/*this is the coloured background for the title it holds the two spans*/
float: left;
background-color: /* #624B89 */#E8E8F2;
 font: bold 0.80em verdana,arial,helvetica,sans-serif; 
margin: 0;
 padding: 5px 10px 5px 10px;
 color: #fff; 
 width: 98%;
 /* border-bottom: solid 1px #624B89; */
/*  margin: 5px 10px 0 10px; 
 text-align: left;*/
 }
 
div.newstitle span.title{
 font: bold 0.90em verdana,arial,helvetica,sans-serif; 
/*  margin: 0 10px;
 padding: 0; */
 color: #000;
 float: left;
 }
 
div.newstitle span.newsdate{
float: right; 
 font: bold 0.70em verdana,arial,helvetica,sans-serif; 
/*  margin: 0 10px;
 padding: 0; */
 color: #000;
 }

div.news h6{
background: #D3DCBB;
text-align: center;
font:  bold 0.65em  verdana, arial, helvetica, sans-serif;
color: #3E3886;
margin: 0 8px 20px 8px;
padding: 4px 0;
}

div.news h2{
font: italic bold 0.75em verdana,arial,helvetica,sans-serif;
margin: 3px 10px;
padding: 5px 10px;
color: #624B89;
}
div.news p{
font: 0.55em verdana, arial, helvetica, sans-serif;
line-height: 1.5em;
color: #fff;
margin: 2px 10px;
text-align: left;
}

div.news p.high{ /*adds space between each news item*/
 margin: 5px 0 5px 0;
 }

div.news a, #news a:link { 
 color:  #353062;   
 text-decoration: none;
} 

div.news a:visited { 
 color:  #353062;   
 text-decoration: none;
} 

div.news a:hover { 
 color: #AAB970;
 text-decoration: underline;
} 

/* ==================  LATEST WARNINGS  =========================*/
#events{ /*this is the box on right*/
background: url(/images/warningback.jpg) top left repeat-x #fff;
float: right;
width: 190px;
margin: 0; 
padding-top: /*1em*/0;
border-left: solid 1px #000;
height: 350px; 
overflow: auto;
}

#events img{
margin-right: 5px;
border: solid 1px #000;
margin-bottom: 2px;
}

#events h6{
background: #933013;
text-align: center;
font:  bold 0.65em  verdana, arial, helvetica, sans-serif;
color: #fff;
margin: 0;
padding: 4px 0;
}

#events h2{
font:  bold 0.55em verdana, arial, helvetica, sans-serif;
color: #000;
margin: 3px 10px;
}
#events p{
font: 0.55em verdana, arial, helvetica, sans-serif;
color: #000;
margin: 2px 10px;
text-align: left;
}

#events p.message{
font: bold 0.80em verdana,arial,helvetica,sans-serif;
color: #fff;
background-color: #933013;
margin: 0;
text-align: center;

}

/* #events p.space{ adds space between each events item
 margin: 5px 0 5px 0;
 }*/
 
 #events hr.high{ /*events box only, events page see #ufwus hr.high*/
 margin-top: 10px;
 margin-left:2px;
 margin-right:2px;
 color: #F9FAF6;
 clear: both;
 }

#events a, #events a:link { 
 color:  #000;   
 text-decoration: none;
} 

#events a:visited { 
 color:  #000;   
 text-decoration: none;
} 

#events a:hover { 
 color: #933013;
 text-decoration: underline;
} 

#events img.noborder{
border: none;
}

/*===================================================*/

div#copyright{/*at bottom of page*/
 text-align: center;
 font: 0.7em verdana, arial, helvetica, sans-serif;
 color: #000;
 }

#copyright a, #copyright a:link { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #000;
 text-decoration: underline;
 } 
 
/* ===============================================================*/