body {
 	background:#fff;
 	color:#000;
 	text-align:center;
 	margin-left:auto;
 	margin-right:auto;
 	font-size:8pt;
 	font-family:verdana, arial, helvetica, sans-serif;
 	margin-bottom:20px;
 	margin-top:0px;
 }
 
 img, table {
 	border:0px;
	margin:0px
	padding:0px;
 }
 
 a {
 	color:#999;
 	text-decoration:none;
 }
 
 a:hover {
 	color:#999;
 	text-decoration:underline;
 }

 input {
 	background:#F6F6F6;
 	border:1px #000 solid;	
 	font-size:10pt;
 	color:#000;
 }
 
 .inputmain {
 	background:#fff;
 	border:1px #000 solid;	
 	font-size:10pt;
 	color:#000;
 }
 
 textarea {
	background-color:#F6F6F6;
 	border:1px #000 solid;	
 	font-size:8pt;
 	color:#000;
 }
 
 .textarea {
 	background-color:#fff;
 	border:1px #000 solid;	
 	font-size:8pt;
 	color:#000;
 }
 
 
 
 /*########################
 	MAIN SURR.
 ########################*/
 
 #outer {
 	width:980px;
 	margin-left:auto;
 	margin-right:auto;
 	font-size:8pt;
 	text-align:left;
 }
 
 
 /*########################
 	INPUT BUTTONS / FORMS
 ########################*/
 
 .button {
 	background:#fff url(line10.gif);
 	color:#fff;
 	border-top:2px #3E577C solid;	
 	border-left:2px #3E577C solid;
 	border-right:2px #fff solid;
 	border-bottom:2px #fff solid;
 	font-size:7pt;
 	cursor:pointer;
	padding:2px;
 }
 
 .button2 {
 	background:#fff url(line11.gif);
 	color:#000;
 	border-top:2px #F3F3F4 solid;	
 	border-left:2px #F3F3F4 solid;
 	border-right:2px #fff solid;
 	border-bottom:2px #fff solid;
 	font-size:7pt;
 	cursor:pointer;
	padding:2px;
 }
 
 
 .input {
 	background:#E7F2FC;
 	border-right:2px #344D71 solid;
 	border-bottom:2px #344D71 solid;
 	border-top:2px #6689AA solid;
 	border-left:2px #6689AA solid;
 	font-size:8pt;
 	color:#000;
 }
 
 
 .input2 {
 	background:#B4E9FF;
 	border:2px #FF0052 solid;
 	font-size:8pt;
 }
 
 .input3 {
 	background:#000;
 	border:1px #fff solid;
 	font-size:8pt;
 	color:#fff;
 }
 
 .input4 {
 	background:#000;
 	border:1px #459DCF solid;
 	font-size:8pt;
 	color:#fff;
 }
 
 
 
 
 
 /*########################
 	IMAGES
 ########################*/
 
 
 .pic1 { border:3px #000 solid; }
 
 .pic2 { border:3px #fff solid; }
 
 .pic3 { border:2px #fff solid; }
 
 .pic4 { filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; border:1px #fff solid; }
 
 .pic5 { border:1px #ccc solid; }
 
 .pics1 {
 	position:absolute;
 	background:#ff0000;
 	border:1px solid #fff;
 	padding: 0px 1px 0px 1px;
 	color: #FFF;
 	font-size:7pt;
 }
 
 .pics4 {
 	position:absolute;
 	background:#ff0000;
 	border:1px solid #fff;
 	padding: 0px 1px 0px 1px;
 	color: #FFF;
 	font-size:7pt;
 	filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; border:1px #fff solid;
 }
 
 .pics2 {
 	position: relative;
 }
 
 .pics3 {
 	background:#ccc;
 	position:absolute;
 	filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
 	padding: 0px 1px 0px 1px;
 	color: #FFF;
 	font-size:7pt;
 	font-weight:bold;
 }

.wrap1 {
	background : url(shadow_bottom.gif) repeat-x right bottom;
	display : block;
	float : left;
	width:100%;
	height:100%;
}

.wrap2 {
	background-image :url(shadow_right.gif) ;
	background-repeat:repeat-y; 
	background-position: right bottom;
	display : block;
	float : left;
	width:100%;
	height:100%;
}

.wrap3 {
	background-image : url(corner_br.gif) ;
	background-repeat:no-repeat;
	background-position: right bottom;
	display : block;
	float : left;

}

.wrap4 {
	background : url(corner_bl.gif) no-repeat -4px 100%;
	display : block;

}

.wrap5 {
	background : url(corner_tr.gif) no-repeat right top;
	display : block;
	padding-bottom : 9px;
	padding-left : 0px;
	padding-right : 9px;
	padding-top : 0px;
}

.wrap5 img {
	display : block;
}


 /*########################
 	TOP AREA
 ########################*/
 
 
 #top .top_text a { color:#fff; }
 #top .top_text a:hover { color:#54A4DE; }
 #top .top_text { color:#fff; }
 
 #top {
 	background:#d1d1d1;    /* was 195b85 */
 	width:100%;
 	border-left:1px #D9D9D9 solid;
 	border-right:1px #D9D9D9 solid;
 	color:#000;
 }
 
 #top input,select {
 	font-size:8pt;
 	background:#fff;
 	color:#000;
 }
 
 #top a {
 	font-size:7pt;
 	color:#000;
 }
 
 #top a:hover {
 	font-size:7pt;
 	color:#000;
 	text-decoration:underline;
 }
 
 .top2 {
 	background:#fff;
 	border-top:10px #E9E9E9 solid;
 }
 
 
 #topheader {
 	background:#fff;
	height:90px;
	color:#000;
 }
 
 
 
 /*########################
 	MENU LINKS
 ########################*/
 
 #outer2 {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	border-right:1px #D9D9D9 solid;
	border-bottom:1px #d9d9d9 solid;
 	text-align:center;
 }
 
/*########################
    TOP MENU COLOURS
   ######################*/ 

 
 .topmenu {
    border-bottom:2px #fff solid;
 	background:#fff;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }
 
 
 
 .topmenu a {
 	color:#63c;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 
 .topmenu2 {
 	background:#d9d9d9;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 	border-bottom:2px #d1d1d1 solid;
 }
 
 .topmenu2 a {
 	color:#63c;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 .topmenu2 a:hover {
 	color:#63c;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
   
/* end of top menu colours */   
 
 .menu {
    border-bottom:2px #A80024 solid;
 	background:#A80024;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }
 
 
 
 .menu a {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 
 .menu2 {
 	background:#8F001F;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 	border-bottom:2px #5C0014 solid;
 }
 
 .menu2 a {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 .menu2 a:hover {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 /*#######################
  FANCY TOP MENU 
  ########################*/
  
 .fancymenu {
    border-bottom:2px #fff solid;
 	background:#fff;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }
 

 .fancymenu a {
 	color:#c96;
 	font-size:10pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 
 .fancyhome a {
 	color:#000; 
 }
 .fancypeople a {
 	color:#ee0031;
 }
  .fancygallery a {
 	color:#b40000;
 }
  .fancyevent a {
 	color:#cdcd5e;
 }
  .fancylisting a {
 	color:#ffcd00;
 }
  .fancyprofile a {
 	color:#ee0031;
 }
  .fancyblog a {
 	color:#009acf;
 }
  .fancyforum a {
 	color:#009a00;
 }
  .fancypoll a {
 	color:#aa662b;
 }
  .fancylocalmap a {
 	color:#7ecdff;
 }
 .fancyquiz a {
 	color:#aa662b;
 }
 .fancyrate a {
 	color:#b40000;
 }
 .fancybattle a {
 	color:#b40000;
 }
 .fancygroup a {
 	color:#dd9a00;
 }
  
 .fancymenu2 {
 	background:#fff;
 	height:30px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 	border-bottom:2px #195B85 solid;
 }
 
  .fancymenu2 a {
 	font-size:10pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 .fancymenu2 a:hover {
  	font-size:10pt;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 .boring a {
 	color:#999999;
 }
 
 /*########################
 	MENU LINKS 4
 ########################*/
 
 
 .menu4 {
 	padding:2px;
 	/* border-top:1px #014E82 solid;
 	border-left:1px #000 solid; */
 	border-bottom:1px #014E82 solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }
 
 .menu4-1 {
 	padding:2px;
 	border-bottom:1px #195B85 solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }
 
 .menu4-2 {
 	font-size:7pt;
 	font-weight:bold;
 	padding-left:15px;
 }
 
 .menu4-4 a {
 	color:#fff;
 }
 
 .menu4-4 a:hover {
 	color:#fff;
 }
 
 
 /*########################
 	LOGIN BOX
 ########################*/
 
 .LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
 .LoGin2 {background:#195B85;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}
 
 
 
 
 /*########################
 	MENU LINKS 5
 
 	MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;
 
 ########################*/
 
 .menu5border {
 
 }
 
 .menu5 {
 	
 	font-size:7pt;
 	color:#fff;
 	padding-left:5px; 
 	cursor:pointer;
 	background:#000 url(menu_BG.gif);
 }
 
 .menu5c {
 	font-size:7pt;
 	color:#fff;
 	padding-left:5px; 	
 	cursor:pointer;
 	background:#000 url(menu_BG.gif);
 }
 
 .menu5a {
 	background:#000  url(line5red.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;	
 	height:41px;
 }
 
 .menu5b {
 	background:#000  url(line5.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;	
 	height:41px;
 }
 
 .menu5d {
 	font-size:7pt;
 	color:#000;	
 	text-align:center;
 	background:#fff;
 }
 
 .menu5e {
 	font-size:8pt;
 	color:#fff;
 	text-align:right;
 	padding-right:10px;
 	padding-top:8px;
 	background:#000;
 	font-weight:bold;
 }
 
 .menu5f {
 	background:#000;
 	width:24px;	
 	height:35px;
 }
 
 .menu5g {
 	border:1px #000 solid;	
 	padding:5px;
 	background:#000;
 	font-size:7pt;
 }
 
 .menu5g2 {
 	border:1px #000 solid;
 	padding:5px;
 	background:#1F1F1F;
 	font-size:7pt;
 }
 
 
 .menu5 a {
 	color:#fff;
 }
 
 .menu5c a {
 	color:#fff;
 }
 
 .menu5d a {
 	color:#064D9F;
 }
 
 .menu5d a:hover {
 	color:#000;
 }
 
 .menu5g a {
 	color:#fff;
 }
 
 .menu5g2 a {
 	color:#000;
 }
 
 
 
 
 /*########################
 	MAIN PAGES
 ########################*/
 
 
 #main {
 	background:#fff;
 	font-size:8pt;
 	color:#000;
 	border-left:1px #D9D9D9 solid;
 	border-right:1px #D9D9D9 solid;
 }
 
 .main2 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 .main3 {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 .main3-b {
 	background:#000;
 	vertical-align:bottom;
 }
 
 
 
 .main3-a {
 	background:#fff;
 	text-align:right;
 	vertical-align:bottom;
 }
 
 
 
 .main3-c {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }
 
 
 
 .main4 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#000;
 }
 
 .main3 a {
 	color:#fff;
 }
 
 .main3 a:hover {
 	color:#fff;
 	text-decoration:underline;
 }
 
 
 #topright {
 	background:#fff;
 	border-right:1px #D9D9D9 solid; 
 	font-size:8pt;
 	color:#000;
 	
 }
 
 
 /*##############################
 	#topleft - TOP LEFT AREA BLACK SWOSH
 	A:LINKS - USERNAME
 ###############################*/
 #topleft {
 	background:#fff  url(swosh.gif);
 	background-repeat:no-repeat;
 	width:480px;
 	height:45px;
 	color:#fff;
 	border-left:1px #D9D9D9 solid;
 }
 
 #topleft a { color:#fff; text-decoration:underline; }
 #topleft a:hover { color:#fff; text-decoration:none; }
 
 
 .page {
 	color:#fff;
 }
 
 
 .pbar1 {
 	background:transparent;
 }
 
 .pbar2 {
 	background:#941D31;
 }
 
 .pbar3 {
 	font-size:8pt;
 	padding:1px;
 	border:solid #014E82 1px;
 }
 
 
 /*########################
 	MENUS
 ########################*/
 
 
 .mainmenu {	
 	background:#1F1F1F url(line11.gif);
 	font-size:7pt;
 	color:#000;
 }
 
 .mainmenu2 {
 	background:#1F1F1F url(line10.gif);
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu2 a { color:#fff; }
 .mainmenu2 a:hover { color:#54A4DE; }
 
 /* replaced main menu defaults 195b85 with the colour for people */
 .mainmenu3 {
 	background:#ee0031;
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu4 {
 	background:#ee0031;
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu5 {
 	background:#ee0031; 
 	font-size:7pt;
 	color:#fff;
 }
 
 .mainmenu6 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#ee0031;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .mainmenu6 a { color:#fff; text-decoration:none; }
 .mainmenu6 a:hover { color:#fff; text-decoration:none; }
 
 .mainmenu7 {
 	border:1px #BF0000 solid;
 	padding:5px;
 	background:#54A4DE;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .mainmenu7 a { color:#FFF; text-decoration:none; }
 .mainmenu7 a:hover { color:#FFF; text-decoration:none; }
 
 
 
 
 /*########################
 	SITE MENUS
 ########################*/
 
 
 .item {
 
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
 
 
 }
 
 .item2 {
 
 	border-top:2px #000 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:9px;
 	padding-bottom:5px;
 	padding-right:5px;
 	padding-left:5px;	
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 
 .item3 { border-bottom:1px #ccc solid; color:#54A4DE; }
 .item a { color:#54A4DE; text-decoration:none; }
 .item2 a { color:#ee0031; text-decoration:none; }
 .item2 a:hover { color:#ee0031; text-decoration:none; }
 
 
 /*########################
 	BORDERS
 ########################*/
 
 
 .border {
 	border:1px #332F2F solid;
 	background:#ee0031;
 }
 
 .border2 { border:1px #BDBDBD solid; background:#fff; color:#000;  }
 .border3 { border:1px #95C719 solid; background:#000; color:#fff; }
 .border4 { border:1px #BDBDBD solid; background:#F6F6F6; }
 .border5 { border-bottom:1px #000 dashed; }
 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
 .border7 { border-bottom:1px #98C920 dashed; }
 .border8 { background:#F5F5F5; border:1px #000 solid; }
 .border9 { background:#fff; color:#000; }
 
 /* USED IN MAIL ALERT */ 
 .border10 { background:#000 url(line10.gif); color:#fff; }
 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; } 
 
 /* B-BOARD */
 .border12 { background:#fff; color:#000; } 
 .border13 { background:#F5F5F5; color:#000; } 
 .border14 { background:#F9F9F9; color:#fff; } 
 
 
 /*########################
 	TEXT COLORS
 ########################*/
 
 .color { color:#000; }
 .color2 { color:#fff; }
 .color3 { color:#ff0000; }
 .color4 { color:#000; }
 
 
 
 /*########################
 	BACKGROUNDS & EXTRAS
 ########################*/
 
 .cur { cursor:pointer; }
 
 
 .pollinput {
 	background:transparent;
 	font-size:7pt;
 	border:0px;
 }
 
 
 .frame1 { background:#fff; margin:0px; }
 .main_frame1 { background:#FFFFFF; margin:0px; }
 
 .link1 a { color:#195B85; }
 .link1 a:hover { color:#195B85; text-decoration:underline; }
 
 /* USED IN MAIN MENU SQURE */
 /* replaced 54a4de with 770019 */
 .sqr { background:#770019; vertical-align:middle; }
 .sqr1 { background:#770019; vertical-align:middle; }
 
 /* COMMENT BOX */
 .comment {
 	border:1px #BDBDBD solid;
    background:#fff;
    color:#000;
 }
 
 .comment-text {
 	color:#000;	
 	font-size:8pt;
 }
 
 .comment-headline {
 	background:#fff;
 	color:#000;
 	padding:5px;
 	font-size:7pt;
 }
 
 .comment-head {
 	background:#195B85; 
 	font-size:7pt;
 	color:#fff;
 	padding:5px;
 }
 
 .comment-head a { color:#fff; }
 .comment-head a:hover { color:#54A4DE; }
 
 
 
 /*########################
 	BOTTOM MENUS
 ########################*/
 
 #bottom3 {
 	background:#d1d1d1;
 	width:100%;
 	font-size:7pt;
 	font-weight:bold;
 	text-align:center;
 	color:#000;
 }
 
 #bottom3 a {
 	color:#000;
 }
 
 #bottom3 a:hover {
 	color:#000;
 	text-decoration:underline;
 }
 
 #bottom4 {
 	background:#d1d1d1;
 	width:100%;
 	color:#000;
 }
 
 .bottommenu {
	 background:#d1d1d1;
	 color:000;
	 font-size:7pt;
	 font-weight:bold;
	 text-align:center;
	 padding:5px;
 }
 .bottommenu a {
 	color:#000;
	line-height:15pt;
	text-decoration:none;
}
.bottommenu a:hover {
	text-decoration:underline;
}
 
 
 /*########################
 	FORUM
 ########################*/
 
 .forum-1 {
 	background:#009a00;
 	color:#fff;
 	font-size:8pt;
 }
 
 .forum-2 {
 	background:#F6F6F6;
 	color:#000;
 	font-size:8pt;
 }
 
 .forum-2 a { color:#009a00; }
 .forum-2 a:hover { color:#009a00; text-decoration:underline; }
 
 .forum-3 {
 	border:1px #000 solid;
 }
 
 .forum-4 {
 	border:1px #000 solid;
 	background:#fff;
 	color:#000;
 	font-size:8pt;
 }
 
 .forum-q {
 	background:#F5F5F5;
 	color:#000;
 	font-size:8pt;
 	border:1px #009a00 solid;
 
 }
 
 
 /*########################
 	DROP DOWN MENU ??
 ########################*/
 
 #dropmenudiv{
 	padding:5px;
 	border:1px #c0c0c0 solid;
 	background:#1c4c80;
 	position:absolute;
 	z-index:100;
 	font-size:7pt;
 	text-align:left;
 }
 
 #dropmenudiv a {
 	color:#fff;
 }
 
 #dropmenudiv a:hover {
 	color:#fff;
 	text-decoration:underline;
 }
 
 
  /*########################
 	pulldown menu
 ########################*/
 
 div.pulldownmenu_attach
{
  width: 100px;
  background: #d1d1d1;
  padding: 0px 5px;
  color: black;
  text-align:right;
  display:inline;
  float:right;
}

div.pulldownmenu_attach span {
   text-align:right;
   float:right;
   display:inline;
}
  a.pulldownmenu_attach
{
  width: 100px;
  background: #d1d1d1;
  padding: 0px 5px;
  color: black;
}
a.pulldownmenu_attach
{
  display: block;
  border-bottom: none;
  text-decoration: none;
}
 
 /*########################
 	MESSAGES AND ERRORS
 ########################*/
 span.message_message {
    background-image: url("/design/pic/message.gif");
    background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 6px;
 }
 
 span.error {
	background-image: url("/design/pic/warning.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }
 
 span.message_error {
	background-image: url("/design/pic/warning.gif");
    font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }
  
 /*########################
 	HOME PAGE FANCY BOXES
 ########################*/

 
 #lingo-top {
  	background:url(lingo_01.jpg) no-repeat;
	height:20px;
 }
 
 #lingo {
 	background: url(lingo_02.jpg) repeat-y;
	padding-left:25px;
	padding-right:35px;
	color:#fff;
 }
 #lingo a {
 	color:#d9d9d9;
} 
 #lingo-bottom {
 	background: url(lingo_03.jpg) no-repeat;
	height:20px;
 }
  
 #events-top {
  	background:url(events_01.jpg) no-repeat;
	height:61px;
	margin:0;
	padding:0;
	border:0;
 }
 
 #events-top img {
 	padding:0;margin:0;border:0;
 }
 
 #events {
 	margin:0; border:0;
 	background: url(events_02.jpg) repeat-y;
	padding:0 2px 0 10px;
 }
 
 #events a {
 	color:#666;
 }
 
 #events a:hover {
 }
 
 #events-bottom {
 	background: url(events_03.jpg) no-repeat;
	height:43px;
	margin-bottom:2px;
 }
 
 
 #polls-top {
  	background:url(polls_01.gif) no-repeat;
	height:24px;
 }
 
 #polls {
 	background: url(polls_02.gif) no-repeat;
	padding-left:0px;
	padding-right:80px;
 }
 
 #accomm-top {
  	background:url(accom_top.gif) no-repeat;
	height:47px;
 }
 
 #accomm {
 	background: url(accom_mid.gif) repeat-y;
	padding-left:19px;
	padding-right: 22px;
 }
 
 #accomm a {
 	color:#666;
 }
 
 
 #accomm-bottom {
 	background: url(accom_btm.gif) no-repeat;
	height:21px;
 }
  
  #learnmore-top {
  	background: url(learnmore.jpg) no-repeat;
	border:0;
	height:130px;
	margin-bottom:3px;
 } 
 #learnmore-wording {
 	padding: 76px 8px 5px 9px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
 }
 #learnmore-wording a {
 	text-decoration:none;
	color:#fff;
 }
 #learnmore-link {
 	padding: 3px 30px 5px ;
 }
  
 #people-top {
  	background: url(people_01.gif) no-repeat;
	border:0;
	height:145px;
 } 
   
 #gallery-top {
  	background:url(gallery_01.gif) no-repeat;
	height:159px;
 } 
 
 #bestof-top {
  	background:url(bestof_01.jpg) no-repeat;
	height:72px;
 }
 
 #bestof {
 	background: url(bestof_02.jpg) repeat-y;
	padding-left:19px;
	padding-right: 22px;
 }
 
 #bestof a {
 	color:#666;
 }
 
 
 #bestof-bottom {
 	background: url(bestof_03.jpg) no-repeat;
	height:21px;
 }

 #forums-top {
  	background:url(forums_01.gif) no-repeat;
	height:49px;
 }
 
 #forums {
 	background: url(forums_02.gif) repeat-y;
	padding-left:20px;
	padding-right:13px;
 }
 
 #forums a {
 	color:#666;
 }
 
 #forums-bottom {
 	background: url(forums_03.gif) no-repeat;
	height: 49px;
 }
 
 #news-top {
  	background:url(news_01.jpg) no-repeat;
	height:73px;
 }
 
 #news {
 	background: url(news_02.jpg) repeat-y;
	padding-left:15px;
	padding-right:18px;
 }
 
  #news a {
 	color:#666;
 }

 #news-bottom {
	background:url(news_03.jpg) no-repeat;
	height:74px;
 }
 
 #webcam-top {
  	background:url(byrocam.jpg) no-repeat;
	height:135px;
 }
 
 #classifieds-top {
  	background:url(classifieds_01.jpg) no-repeat;
	height:70px;
	margin-top:2px;
 }
 
 #classifieds {
  	background: url(classifieds_02.jpg) repeat-y;
	padding-top:10px;
	padding-left:25px;
	padding-right:18px;
 }
 
 #classifieds a {
 	color:#666;
	display:block;
	padding-bottom:27px;
 }
  
 #classifieds form {
 	margin:0;
	padding:0;
}
 
 #classified-jump {
 	padding-left:4px;
	padding-top:1px;
 }
 
 #classifiedmore {
 	padding-top:26px;
 	padding-left:8px;
 }
 
 #classifiedmore a {
 	color:#666;
	padding-bottom:10px;
 }
 
 #classifieds-bottom {
	background:url(classifieds_03.jpg) no-repeat;
	height:54px;
 }
 
 #mates-top {
  	background:url(mates_01.gif) no-repeat;
	height:39px;
 }
 
 #mates {
  	background: url(mates_02.gif) repeat-y;
	padding-left:20px;
	padding-right:30px;
 }
 
 #mates a {
 	color:#666;
}
 
 #mates-bottom {
  	background:url(mates_03.gif) no-repeat;
	height:6px;
 }
 
 #localmap-top {
  	background:url(localmap_01.gif) no-repeat;
	height:50px;
 }
 
 #localmap {
  	 height:97px;
 }
 
 #localmap-bottom {
  	 padding-left:10px;
	 padding-top:3px;
 }
 
 #weather-top {
  	background:url(byrosphere_01.gif) no-repeat;
	height:52px;
 }
  #weather {
    background:url(byrosphere_02.gif) repeat-y;
  	padding-left:10px;
	padding-right:10px;
 }
 
 #weather-bottom {
  	background:url(byrosphere_03.gif) no-repeat;
	height:6px;
	min-height:6px;
 }
 
 #blogs {
 	height:204px;
 }
 
 #groups {
 	height:130px;
	padding-left:34px;
 }
 
 .homepagelink  {
 	color:#666;
 }
 
 .homepagelink a {
 	color:#666;
 }
 
 .homemainmenu4 {
 	background:#c66;
	height:35px;
 	font-size:7pt;
 	color:#fff;
 }
 
 .homeborder {
 	border:1px #c66 solid;
 	background:#c66;
 }
 
 /* #########################################
   Different colours for different functions
    ######################################### */
 
 .gallery {
 	color: #b40000;
 }
 .gallerycolour {
 	background:#b40000;
	color:#fff;
 }
 .gallerycolour2 {
 	background:#c66;
	color:#fff;
 }
 .gallerysqr { 
 	background:#c66; 
 	vertical-align:middle;
 }
 .galleryborder {
    border:2px #b40000 solid;
	background:#fff; 
	color:#fff;  
 }
  .galleryunderline {
    border-bottom:1px #ccc solid;
 	color: #b40000;
 }
 
 .galleryitem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .galleryitem2 {
  	border-top:1px #b40000 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .galleryitem a { color:#b40000; text-decoration:none; }
 .galleryitem2 a { color:#c66; text-decoration:none; }
 .galleryitem2 a:hover { color:#c66; text-decoration:none; }
 
 .gallerymenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#b40000;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .gallerymenu a { color:#fff; text-decoration:none; }
 .gallerymenu a:hover { color:#fff; text-decoration:none; }
 
  .gallerymenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#c66;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .gallerymenu2 a { color:#fff; text-decoration:none; }
 .gallerymenu2 a:hover { color:#fff; text-decoration:none; }
 
 /* now for people - browse function  */
  

.blogcolour {
	background:#009;
	color:#fff;
}
.darkheading {
	color:#000;
 }

 .lingocolour {
	background:black;
	color:white;
 }
 
 .event {
 	color: #cdcd5e;
 }
 .eventcolour {
 	background:#cdcd5e;
	color:#fff;
 }
 .eventcolour2 {
 	background:#cc0;
	color:#fff;
 }
 .eventsqr { 
 	background:#cc0; 
 	vertical-align:middle;
 }
 
 .eventmenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#cdcd5e;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .eventmenu a { color:#fff; text-decoration:none; }
 .eventmenu a:hover { color:#fff; text-decoration:none; }
 
 .eventmenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#cc0;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .eventmenu2 a { color:#fff; text-decoration:none; }
 .eventmenu2 a:hover { color:#fff; text-decoration:none; }
 
 
 .poll {
 	color: #aa662b;
 }
 .pollcolour {
 	background:#aa662b;
	color:#fff;
 }
 .pollcolour2 {
 	background:#963;
	color:#fff;
 }
 .pollsqr { 
 	background:#963; 
 	vertical-align:middle;
 }
 
  .pollunderline {
    border-bottom:1px #ccc solid;
 	color: #aa662b;
 }
 
 .pollitem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .pollitem2 {
  	border-top:1px #aa662b solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .pollitem a { color:#aa662b; text-decoration:none; }
 .pollitem2 a { color:#963; text-decoration:none; }
 .pollitem2 a:hover { color:#963; text-decoration:none; }
 .pollitem3 { border-bottom:1px #ccc solid; color:#aa662b; }
 
 .pollmenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#aa662b;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .pollmenu a { color:#fff; text-decoration:none; }
 .pollmenu a:hover { color:#fff; text-decoration:none; }
 
 .pollmenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#963;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .pollmenu2 a { color:#fff; text-decoration:none; }
 .pollmenu2 a:hover { color:#fff; text-decoration:none; }
 
 .people {
 	color: #ee0031;
 }
 .peoplecolour {
 	background:#ee0031;
	color:#fff;
 }
 .peoplecolour2 {
 	background:#770019;
	color:#fff;
 }
 .peoplesqr { 
 	background:#770019; 
 	vertical-align:middle;
 }
 
  .peopleunderline {
    border-bottom:1px #ccc solid;
 	color: #ee0031;
 }
 
 .peopleitem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .peopleitem2 {
  	border-top:1px #ee0031 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .peopleitem a { color:#ee0031; text-decoration:none; }
 .peopleitem2 a { color:#770019; text-decoration:none; }
 .peopleitem2 a:hover { color:#770019; text-decoration:none; }
 .peopleitem3 { border-bottom:1px #ccc solid; color:#ee0031; }
 
 .peoplemenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#ee0031;
 	font-size:7pt;
  	color:#fff;
 }
 
 .peoplemenu a { color:#fff; text-decoration:none; }
 .peoplemenu a:hover { color:#fff; text-decoration:none; }
 
 .peoplemenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#770019;
 	font-size:7pt;
  	color:#fff;
 }
 
 .peoplemenu2 a { color:#fff; text-decoration:none; }
 .peoplemenu2 a:hover { color:#fff; text-decoration:none; }
 
 /* now for blog css */
 
 .blog {
 	color: #009a00;
 }
 .blogcolour {
 	background:#009acf;
	color:#fff;
 }
 .blogcolour2 {
 	background:#005C7C;
	color:#fff;
 }
 .blogsqr { 
 	background:#005C7C; 
 	vertical-align:middle;
 }
 
  .blogunderline {
    border-bottom:1px #ccc solid;
 	color: #009acf;
 }
 
 .blogitem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .blogitem2 {
  	border-top:1px #009acf solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .blogitem a { color:#009acf; text-decoration:none; }
 .blogitem2 a { color:#005C7C; text-decoration:none; }
 .blogitem2 a:hover { color:#005C7C; text-decoration:none; }
 .blogitem3 { border-bottom:1px #ccc solid; color:#009acf; }
 
 .blogmenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#009acf;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .blogmenu a { color:#fff; text-decoration:none; }
 .blogmenu a:hover { color:#fff; text-decoration:none; }
 
 .blogmenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#005C7C;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .blogmenu2 a { color:#fff; text-decoration:none; }
 .blogmenu2 a:hover { color:#fff; text-decoration:none; }
 
 /* and now for forum css */
 
 
 .forum {
 	color: #009a00;
 }
 .forumcolour {
 	background:#009a00;
	color:#fff;
 }
 .forumcolour2 {
 	background:#005C00;
	color:#fff;
 }
 .forumsqr { 
 	background:#005C00; 
 	vertical-align:middle;
 }
 
  .forumunderline {
    border-bottom:1px #ccc solid;
 	color: #009a00;
 }
  
 .forummenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#009a00;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .forummenu a { color:#fff; text-decoration:none; }
 .forummenu a:hover { color:#fff; text-decoration:none; }
 
 .forummenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#005C00;
 	font-size:7pt;
 	cursor:pointer;
 	color:#fff;
 }
 
 .forummenu2 a { color:#fff; text-decoration:none; }
 .forummenu2 a:hover { color:#fff; text-decoration:none; }
 
 
 /* and now for groups */
  .group {
 	color: #dd9a00;
 }
 .featuredgroup {
 	font-weight:bold;
	color:#993300;
 }
 .groupcolour {
 	background:#dd9a00;
	color:#fff;
 }
 .groupcolour2 {
 	background:#9E6E00;
	color:#fff;
 }
 .groupsqr { 
 	background:#9E6E00; 
 	vertical-align:middle;
 }
 
  .groupunderline {
    border-bottom:1px #ccc solid;
 	color: #dd9a00;
 }
 
 .groupitem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .groupitem2 {
  	border-top:1px #dd9a00 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .groupitem a { color:#dd9a00; text-decoration:none; }
 .groupitem2 a { color:#9E6E00; text-decoration:none; }
 .groupitem2 a:hover { color:#9E6E00; text-decoration:none; }
 .groupitem3 { border-bottom:1px #ccc solid; color:#dd9a00; }
 
 .groupmenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#dd9a00;
 	font-size:7pt;

 	color:#fff;
 }
 
 .groupmenu a { color:#fff; text-decoration:none; }
 .groupmenu a:hover { color:#fff; text-decoration:none; }
 
 .groupmenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#9E6E00;
 	font-size:7pt;

 	color:#fff;
 }
 
 .groupmenu2 a { color:#fff; text-decoration:none; }
 .groupmenu2 a:hover { color:#fff; text-decoration:none; }
 
 .groupforum-1 {
 	background:#dd9a00;
 	color:#fff;
 	font-size:8pt;
 }
 
 .groupforum-2 {
 	background:#F6F6F6;
 	color:#000;
 	font-size:8pt;
 }
 
 .groupforum-2 a { color:#dd9a00; }
 .groupforum-2 a:hover { color:#dd9a00; text-decoration:underline; }
 
 .groupforum-3 {
 	border:1px #000 solid;
 }
 
 .groupforum-4 {
 	border:1px #000 solid;
 	background:#fff;
 	color:#000;
 	font-size:8pt;
 }
 
 /* classified listings css */
 
 .classified {
 	color: #ffcd00;
 }
 .classifiedcolour {
 	background:#ffcd00;
	color:#fff;
 }
 .classifiedcolour2 {
 	background:#DBB000;
	color:#fff;
 }
 .classifiedsqr { 
 	background:#E27500; 
 	vertical-align:middle;
 }
 .classifiedborder {
    border:2px #ffcd00 solid;
	background:#fff; 
	color:#fff;  
 }
  .classifiedunderline {
    border-bottom:1px #ccc solid;
 	color: #ffcd00;
 }
 
 .classifieditem {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
  }
  .classifieditem2 {
  	border-top:1px #ffcd00 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }
 .classifieditem a { color:#ffcd00; text-decoration:none; }
 .classifieditem2 a { color:#DBB000; text-decoration:none; }
 .classifieditem2 a:hover { color:#DBB000; text-decoration:none; }
 
 .classifiedmenu {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#ffba00;
 	font-size:7pt;
 	color:#000;
 }
 
  .classifiedmenua {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#ffa21e;
 	font-size:7pt;
 	color:#000;
 }
 
 .classifiedmenub {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#f2a757;
 	font-size:7pt;
 	color:#000;
 }
 
 .classifiedmenu a { color:#fff; text-decoration:none; }
 .classifiedmenu a:hover { color:#fff; text-decoration:none; }
 
  .classifiedmenu2 {
 	border:1px #000 solid; 	
 	padding:5px;
 	background:#DBB000;
 	font-size:7pt;
 	color:#fff;
 }
 
 .classifiedmenu2 a { color:#fff; text-decoration:none; }
 .classifiedmenu2 a:hover { color:#fff; text-decoration:none; }
 
 
 /* ############################
    Content Page Layouts
	############################ */
.content-page-heading {
	width:100%;
	height:101px;
}
.avatar-body {
	border:2px solid #b40000;
 	margin:10px;
}
.avatar-heading {
 	padding:5px 8px;
	background:#b40000;
	color:white;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
} 	




.lingo-body {
	border:2px solid black;
 	margin:10px;
}
.lingo-heading {
 	padding:5px 8px;
	background:black;
	color:white;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
} 	
.lingo-body dd {
	margin-bottom: 8px;
	}	
.general-content {
	font-size:12px;
	padding:10px;
}
.weather-body {
	border:2px solid #fc3;
 	margin:10px;
}
.weather-heading {
 	padding:5px 8px;
	background:#fc3;
	color:white;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
} 		
 

dt {
	font-weight:600;
}
dd {
	color:#666666;
}
.surfcam-body {
	border:2px solid #213797;
 	margin:10px;
}
.surfcam-heading {
 	padding:5px 8px;
	background: #213797;
	color:white;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
} 	
.bestof-body {
	border:2px solid #2f2f9d;
 	margin:10px;
}
.bestof-heading {
 	padding:5px 8px;
	background: #2f2f9d;
	color:white;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:13pt;
} 	
.help {
	padding:10px;
}
.help h1, h2, h3 {
	color:#003399;
}
.help h1 {
	font-size:1.4em;
}
.help h2 {
	font-size:1.3em;
}
.help h3 {
	font-size:1.2em;
}
.red {
	color:red;
}
 #featmember-top {
  	background:url(featured_member_01.gif) no-repeat;
	height:80px;
	margin:0;
	padding:0;
	border:0;
 }
 
  #featmember-mid {
 	margin:0; border:0;
 	background: url(featured_member_02.gif) repeat-y;
	padding:0 2px 0 10px;
 }
  
   #featmember-bottom {
 	background: url(featured_member_03.gif) no-repeat;
	height:51px;
	margin-bottom:2px;
 }