/* CSS Document */
/*generic*/
body  {
 padding:0px;
 margin:0px;
 background-image:url(../images/fhbg.gif);
 text-align:left;
 font:0.76em/1.3em Arial, Helvetica, sans-serif;
 color:#000;
 text-decoration:none}

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html 
might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after,.tile:after  {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix,.tile  {display:inline-table}
/* Hides from IE-mac \*/
* html .floatfix,* html .tile  {height:1%}
.floatfix,.tile  {display:block}
/* End hide from IE-mac */

.imageleft  {
	float:left;
	margin:0px 10px 10px 0px!important}
.imageright  {
	float:right;
	margin:0px 0px 10px 20px!important}

.hide {
display:none}

.show {
display:block}

.floatleft {
float:left}

.floatright {
float:right}

.clearleft {
clear:left}

.clearright {
clear:right}

.clearboth {
clear:both}

/*main layout*/
#wrapper {
margin:0px auto;
padding:0;
width:770px;
background:url(../images/grad_back.gif) top left repeat-y}

#wrapper2 {
margin:0px auto;
padding:0;
width:770px;
background:url(../images/grad_back2.gif) top left repeat-y}

.header {
width:760px;
margin:0 0 0 5px}

#rightcolumn {
float:right;
width:180px;
margin:15px 15px 0 0}

#leftcolsmall1 {
_display:inline;
float:left;
margin:0 0 0 5px;
padding-right:1px;
width:170px;
/*height:1000px;
background:url(../images/3colleft_back.gif) repeat-y right*/}

#leftcolsmall2 {
_display:inline;
float:left;
margin:0 0 0 10px;
width:360px}

#leftcolsmall2 h2 {
 height:1em;
 line-height:1em;
 font-size:1.5em;
 color:#006699;
 font-family:Arial, Helvetica, sans-serif;
 padding:20px 0 2px 0;
 margin:0 0 5px 0;
 /*width:370px;*/
 border-style:dotted;
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:1px}

#leftcolsmall2 p {
/*_display:inline;*/
/*float:left;*/
/*margin:0;*/
/*width:370px*/}

#leftcolumn  {
_display:inline;
float:left;
margin:0 0 0 25px;
width:510px}

#leftcolumn p  {
/*margin:0 28px 0 0;
padding:5px 0 5px 0*/}

.tab  {
float:right;
padding:0 0 0 0;
margin:0 0px 0 0;
width:180px}

.tab p  {
/*width:160px;*/
padding:0 0 10px 10px;
margin:0}

.tab h3 {
font-size:1.3em;
margin:0;
padding:14px 0 0 11px}


#footer {
	text-align:right;
margin:0 auto;
clear:both;
width:770px}

#footer p {
font-size:0.9em;
margin:0 5px 0 0;
float:right;
color:#0066CC}

#footer a {
color:#0066CC}

#bottom {
padding:0;
margin:0;
clear:both;
height:50px;
background:url(../images/grad_bottom.gif) no-repeat bottom}


/*primarytab*/

#primaryhead {
height:45px;
background:url(../images/primary_tabhead.gif) no-repeat}

#primaryhead h3 {
color:#a36f58}

#primarymid {
position:relative;
background:url(../images/primary_tabmid.gif) repeat-y}

#primarybot {
width:180px;
height:20px;
margin-bottom:10px;
background:url(../images/primary_tabfoot.gif) no-repeat}


/*secondarytab*/

#secondaryhead {
height:45px;
background:url(../images/secondary_tabhead.gif) no-repeat}

#secondaryhead h3 {
color:#666633}

#secondarymid {
position:relative;
background:url(../images/secondary_tabmid.gif) repeat-y}

#secondarybot {
width:180px;
height:20px;
margin-bottom:10px;
background:url(../images/secondary_tabfoot.gif) no-repeat}


/*calendartab*/

#calendarhead {
height:45px;
background:url(../images/calendar_tabhead.gif) no-repeat}

#calendarhead h3 {
color:#999966}

#calendarmid {
position:relative;
background:url(../images/calendar_tabmid.gif) repeat-y}

#calendarbot {
width:180px;
height:20px;
margin-bottom:10px;
background:url(../images/calendar_tabfoot.gif) no-repeat}


/* main navigation */
.nav {
list-style-type:none;
margin:0 5px 0 5px;
padding:0 5px 0 10px;
/*background:url(../images/nav_back.gif) repeat-x;*/
background:#FFF;
color:#2377b8;
height:26px;
border-bottom:1px solid #2377b8;
border-top:1px solid #2377b8}

.nav li {
float:left;
padding:5px 0px 5px 12px}

.nav a {
display:block;
_display:inline;
/*background:url(../images/blt_yellow.gif) right no-repeat;*/
padding-right:15px;
/*stylise*/
text-decoration:none;
color:#2377b8;
font-size:0.9em;
margin:0;
font-weight:bold}
.nav a .last {
background:none!important}

.nav a:hover  {
color:#84e4ff}


/* main navigation end */


/* sub navigation */
.nav2  {
line-height:normal;
list-style-type:none;
margin:0;
padding:0 0 0 0}

.nav2 li {
/*height:26px;*/
/*background:url(../images/nav_element.gif) no-repeat;*/
background:#f0f4f8;}

.nav2 a  {
display:block;
border-bottom:1px solid #b9b9b9;
/*width:168px;*/
/*height:1.25em;
line-height:1.25em;*/
/*stylise*/
text-decoration:none;
color:#333;
font-size:0.9em;
margin:0;
padding:5px 10px 5px 20px;
background:url(../images/blt_arrow.png) no-repeat 8px 7px;}

.nav2 a:hover  {
	color:#0295c9}

/* sub navigation end */

/*text format*/ 
p  { 
 /*font-size:0.8em;*/
 /*line-height:1.8em;*/
 /*margin:0em 0em 1.2em 1.2em*/
 margin-top:0px;
 font-size:0.9em;}

ul  {

}

a  {
 color:#333;
 text-decoration:underline}
a:hover  {
 text-decoration:none;
 color:#84e4ff}
h1  {
 margin:0px;
 font-family:Arial, Helvetica, sans-serif
 font-size:2.2em;
 color:#fff;
 padding:20px 0 20px 20px}
h2  {
 height:1em;
 line-height:1em;
 font-size:1.5em;
 color:#006699;
 font-family:Arial, Helvetica, sans-serif;
 padding:20px 0 2px 0;
 margin:0 0 15px 0;
 /*width:450px;*/
 border-style:dotted;
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:1px;
 }
 
h3, h4, h5, h6 {
 color:#006699}

.break {
 margin:0;
 padding:10px 0 20px 0;
 /*width:450px;*/
 border-style:dotted;
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:1px}

.smallbreak {
 margin:0;
 padding:10px 0 20px 0;
 /*width:370px;*/
 height:10px;
 border-style:dotted;
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:1px}

/*button classes*/

.main_but {
display:block;
float:right;
margin:0 30px 0 0;
padding:2px 10px 0 0;
width:85px;
height:19px;
background:url(../images/purp_but.gif) top right no-repeat}


.main_but3 {
display:block;
float:right;
margin:0;
padding:2px 10px 0 0;
width:85px;
height:19px;
position:relative;
left:40px;
background:url(../images/purp_but.gif) top right no-repeat}

.column_but  {
width:85px;
height:19px;
margin:0px 0px 0px 80px}

.brown {
background:url(../images/brown_but.gif) top right no-repeat}

.green {
background:url(../images/green_but.gif) top right no-repeat}

.yellow {
background:url(../images/yellow_but.gif) top right no-repeat}


/*general formatting*/
 
a img {
 border:none}
 
 #line {
margin:20px 0 0 90px;
width:314px;
border-color:#71529c;
border-style:solid;;
border-top-width:1px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px}
 
.cursor {
cursor:pointer}

* html #listitem {
height:0px;
line-height:0px;
margin:0;
padding:0}
 
.ripe {
color:#b9d300;
text-decoration:none}

.newspri {
	margin:10px 0px 0px 0px;}
.newspri .thumb {
	float:left;
	margin:0px 20px 10px 0px}
.newspri h3 {
	margin:0px}
.newspri .eventdate {
	margin:3px 0px 0px 0px;
	color:#999;}
.newspri .text {
	float:left;
	width:370px;}

.item_link {
	color:#006699;
	font-weight:bold;
}

#buttons a {
	display:block;
	margin:0px 0px 10px 0px;
}