body { margin: 0px; line-height: 15px; background-image:url(media/background.jpg); background-repeat:repeat-x; }

body, table { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; }

body a:link { color: #333333; text-decoration: underline; }
body a:visited { color: #333333; text-decoration: underline;}
body a:hover { color: #666666; text-decoration: none; }

p { margin-top: 3px; margin-bottom:5px; }

h1 {color: #333333; font-size:18px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h2 {color: #666666; font-size:16px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}
h3 {color: #999999; font-size:14px; font-weight: normal; margin-top: 15px; margin-bottom: 15px;}

form { margin:0px; }


/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 761px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}

#back { 
	position:fixed;
	background-image:url(media/back.png);
	height:100%;
	width:777px;
	margin-left:-8px;
	z-index:-1;
}
	
#header {
	position: relative; height:155px; 
}

#logo { position:absolute; bottom:10px; left:21px; }

	
#nav {
	position: relative;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff; 
	height:35px;
	padding:4px 0px 0px 20px;
	background-color:#004fa3;
	background-image:url(media/cutout.gif); 
	background-repeat:no-repeat;
	background-position:right;
	width:740px;
}
	

#topnav, #topnav ul { padding: 0; margin: 0; list-style: none; right:10px; position:absolute; right:12px; top:0px;   }
#topnav a { color:#8c8c8c; text-decoration:none; }
#topnav li { float: left; position: relative;  font-size:11px; font-weight:normal;  height:5px; padding:25px 12px 20px 10px; border-left:1px solid #80a7d1;  }
#topnav li:hover {   }


#mainnav, #mainnav ul { padding: 0; margin: 0; list-style: none; right:10px;  }
#mainnav a:link, #mainnav a:visited  { color:#ffffff; text-decoration:none; }
#mainnav a:hover  { color:#66CCFF; text-decoration:none; }
#mainnav li { float: left; position: relative;  margin-right:26px; font-size:15px; font-weight:normal;  }
#mainnav li:hover {   }
#mainnav li.on a { color:#66CCFF !important; }


li.navselected { background-color:#FF0000 !important; }
li ul li.navselected { background-color:#ffffff !important; }

#banner { float:left; width:520px; height:156px; position:relative; }
#banner #controls { position:absolute; bottom:10px; left:5px; }
#controls .pageIndex .page { padding:2px 4px 2px 6px; background-color:#999999; margin-right:1px; }
#controls .pageIndex .sel { background-color:#004FA3; color:#FFFFFF; }

#map { float:left; width:241px; height:156px; position:relative; }
#map h2 { position:absolute; bottom:10px; right:10px; color: #FFFFFF; font-weight:bold; font-size:14px; }

#content { 
	position: relative;
	padding:0px 20px 20px 20px;
	width:479px;
	float:left;
	border-right:1px solid #80a7d1;
}


#content2 { 
	position: relative;
	padding:0px 20px 20px 20px;
	width:708px;
	
}

.promo { width:230px; float:left;  }
.promo h2 { margin-top:5px; }

#rightcolumn {
	float:left; width:209px;
	padding:0px 20px 0px 8px;
	border-left:1px solid #80a7d1;
	margin-left:-1px;
	min-height:300px;
	
}

#rightcolumn h1 { 
	margin-top:0px;
	height:27px;
	padding:12px 0px 0px 8px;
	background-color:#004fa3;
	background-image:url(media/cutout.gif); 
	background-repeat:no-repeat;
	background-position:right; 
	margin-left:-8px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:15px;
}

#rightcolumn  h3 { margin-left:-8px; padding:0px 10px 10px 8px; font-weight: normal; margin-top: 13px; margin-bottom: 2px; font-size:15px; color:#004fa3; border-bottom:1px solid #80a7d1; }
#rightcolumn  ul { margin-left:-8px; list-style:none; margin-top:0px; }
#rightcolumn  li { padding:5px 5px 5px 8px; font-weight: normal; color:#004fa3; border-bottom:1px solid #80a7d1; }
#rightcolumn li.selected { font-weight:bold; }
#rightcolumn a:link, #rightcolumn a:visited  { color:#004fa3; text-decoration:none; }
#rightcolumn a:hover  { color:#004fa3; text-decoration:underline; }
#rightcolumn ul ul { margin-left:15px; margin-top:3px; }
#rightcolumn ul ul li { border-bottom:0px; padding:2px; }

#rightcolumn ul.expandable ul { display:none; }


#footer {
	position: relative;
	border-top: 1px solid  #80a7d1;
	border-bottom: 1px solid  #80a7d1;
	padding:7px 0px 7px 19px;
	font-size:12px;
	width:742px;
}

#footer a:link, #credit a:link { color: #666666; text-decoration: none; }
#footer a:visited, #credit a:visited { color: #666666; text-decoration: none; }
#footer a:hover, #credit a:hover { color: #000000; text-decoration: none; }
#footer #share { position:absolute; right:20px; top:15px; }
#footer #facebook { position:absolute; right:190px; top:10px; }

#credit { margin-left:19px; padding-top:5px; }

#memberintro p { font-size:11px; }
#memberintro h2 { margin-top:0px; margin-bottom:10px; }

.divPop { z-index:99; position:fixed; width:100%; top:0px; left:0px; height:100%; background-image:url(media/divBack.png) }

#notice { display:none; padding:3px 10px 3px 30px; background-color:#009900; margin-bottom:10px; background-image:url(media/check.png); background-repeat:no-repeat; background-position:5px; border:1px #006600 solid;  } 
#notice p { color:#FFFFFF; }

#pageimage { float:left; margin-right:20px; margin-top:15px;  }
#pagecontent { float: left; width:250px; }
/*TEXT SIZE AND COLOUR STYLES*/

.datagrid { border:1px  #e6e6e6 solid; padding:5px; width:100% }
.datagrid tr td { border-bottom:1px #CCCCCC solid; padding:10px 5px 10px 5px; font-size:12px; }
.datagrid tr:hover { background-color:#e6e6e6; }
.datagrid tr.header { background-color:#2468af; font-weight:bold; }
.datagrid tr.header td { font-size:11px }
.datagrid tr.header a:link, .datagrid tr.header a:visited { color:#FFFFFF; }
.datagrid tr:hover.header { background-color:#2468af; }

.membernav p { border-bottom:1px #e6e6e6 solid; padding:2px 0px 3px 0px; }
.membernav p a:link, .membernav p a:visited { text-decoration:none; }
.membernav p a:hover { text-decoration:underline; }

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }

.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:0px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }
p.fieldname { font-size:11px; }
.line { color: #fff; background-color:  #80a7d1; border: 1px solid  #80a7d1; border-style: none none solid; margin-top:15px; margin-bottom:15px; }

#content .line { margin-left:-20px; width:519px; }
.clear { clear:both; }

#notice a { color:#FFFFFF !important; }

 table.servicebadge tr td { background-color:#f0f0f0; padding:2px; font-weight:normal; border:1px #FFFFFF solid; }
 table.servicebadge tr.servicebadgeheader td { background-color:#0080c0; padding:2px; font-weight:normal; border:1px #FFFFFF solid;  font-weight:bold; }
 
  table.servicebadge tr.servicebadgeheader td p { color: #FFFFFF; }


/* calendar */

.cell { background-color: #e6e6e6; padding:5px; text-align:center; color: black; font-size: 8.5pt; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}
.cell a:visited { background-color: #e6e6e6;   text-align:center; color: black; font-size: 8.5pt; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}
.cell a:link { background-color: #e6e6e6;   text-align:center; color: black; font-size: 8.5pt; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}
.days { color: #333333; text-align:center; font-family: Verdana; font-size: 10px}
.link { background-color: #F59B4D; text-align:center; padding:5px;  font-size: 8.5pt; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.link a:visited { color:#000000; text-decoration:none }
.link a:link { color:#000000; text-decoration:none }
.link a:hover { color: #FF0000; text-decoration:none }

.cellHighlight { background-color: #004FA3; padding:5px; text-align:center; color: #FFFFFF; font-size: 8.5pt; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}
#rightcolumn .cellHighlight a:link { color:#FFFFFF; }
#rightcolumn .cellHighlight a:visited { color:#FFFFFF ; }
#rightcolumn .cellHighlight a:hover { color:#FFFFFF; }