/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #02509b;
	background-image:url(../images/background.gif);
	background-position:top;
	background-repeat:no-repeat;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height:0px;	
}

#wrap{
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 980px;
}
* html #wrap {  /* This is the Tan hack */
	width: 980px; 
	w\idth: 980px; 
	}

#header{
	position: relative;
}

#centerc{
	display: inline;
	float:left;
	padding-left: 18px;
	padding-right: 8px;
	width:689px;
}
* html #centerc {  /* This is the Tan hack */
	width: 715px; 
	w\idth: 689px; 
}
/*#centerc img{
	display:block;
}	*/

#leftc{
	float:left;
	margin-left:-782px;
	width: 200px;
}

#rightc{
	float:left;
	padding-right:9px;
	padding-bottom:50px;
	width: 256px;
}
* html #rightc {  /* This is the Tan hack */
	width: 265px; 
	w\idth: 256px; 
}




#centerc-1col{
	padding-left: 18px;
	padding-right:9px;
	width:953px;
}
* html #centerc-1col {  /* This is the Tan hack */
	width: 980px; 
	w\idth: 953px; 
}


#foot{
	clear: both;
	color:#a9a9a9;
	font-size:0.9em;
	margin:0px;
	margin-top: 28px;
	padding-left:1px;
	padding-right:1px;
	padding-top:0px;
	position:relative;
}

#footerclear {
	clear: both;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
}

#top-links{
	position:absolute;
	width:600px;
	text-align:right;
	left:359px;
	top:8px;
}
#top-links a, #top-links a:visited{
	color:#808080;
	padding-left:12px;
	text-decoration:none;
}	
#top-links a:hover{
	text-decoration:underline;
}	

#navigation{
	background-color:#02509b;
	background-image:url(../images/nav-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:56px;
	margin-bottom: 12px;
	margin-left:1px;
	width:978px;
}


/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	line-height:normal;
	list-style: none;
	margin: 0px;
	margin-left:15px;
	padding: 0px;

}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
    border-right: 1px solid #6a98c4;
	color:#FFFFFF;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold; 
	height:14px;  
	padding-bottom: 11px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 11px;
	margin-top: 5px;
	text-decoration: none;
}
* html #navigation ul li a, * html #navigation ul li a:visited {
	he\ight:36px; 
	height:14px; 
}

#navigation ul li a:hover, #navigation ul li a:active {	
	color: #97cd61;	
}

#navigation ul li #nav-info{
	width:120px;
}
#navigation ul li #nav-fundraisingnews{
	width:74px;
}	
#navigation ul li #nav-events{
	width:66px;
}
#navigation ul li #nav-research{
	width:66px;
}
#navigation ul li #nav-groups{
	width:60px;
}
#navigation ul li #nav-links{
	width:46px;
}
#navigation ul li .doubleNav{
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.last{
	border-right:none !important;
}
#forum{
	background-image:url(../images/forum-bg.gif) !important;
	background-color:#003161 !important;
	background-position:bottom !important;
	background-repeat:repeat-x !important;
	color:#97cd61 !important;
	border-right:none !important;
	padding-top:15px !important;
	padding-left:12px !important;
	margin:0px !important;
	margin-right:5px !important;
	height:30px !important;
}
		
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#menu ul {
	list-style: none;
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;	
}
#menu ul li {
	margin: 0; 
	padding: 0; 
}

#menu ul li a, #menu ul li a:visited {
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 185px;
}
* html #menu ul li a, #menu ul li a:visited {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 185px; 
	}
.menu_header {
	border-bottom: 1px solid #666666;
	display: block;  
	font-weight: bold;	
	padding-bottom: 5px; 
	padding-left: 15px;	
	padding-right: 0px;	
	padding-top: 5px; 
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 185px;
}
* html .menu_header {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 185px; 
	}

/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li
{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited
{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 170px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 185px; 
	w\idth: 170px; 
	}




/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft
{
    float: left;
	margin-left:18px;
}
#footerleft ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
	
}
#footerleft ul li
{
	color: #000000;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a
{		
	color: #000000;
	text-decoration: underline;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus
{	
    color: #999999;
	text-decoration: underline;	
}
#footerright
{
    float: right;
	margin-right:18px;
}
#footerright ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li
{
	color: #000000;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerright ul li a
{		
	color: #000000;
	text-decoration: underline;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus
{	
    color: #CCCCCC;
	text-decoration: underline;	
}

#validated {
	clear:both;
	padding-top:5px;	
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 {
	color: #02509B;
	font-size: 1.4em;
	font-weight: bold;	
}

h2 {
	border-bottom:1px solid #b3b3b3;
	color: #02509b;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom:8px;
}

h3 {
	color: #02509b;
	font-size: 1em;
	font-weight: bold;	 
}

a, a:visited {
	color: #6699CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0px;
}

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}
pre {
	font-size: 0.8em;
	background-color: #CCCCCC;
	padding: 10px;
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border:1px solid #CCCCCC;
  margin-top:5px;
  padding: 10px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 10px;
  }

/* hide anti spam box */
.sec-form-field {
	display: none;
}

input.inputDisabled {
	background-color:#999999;
	color: #333333;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}
  
/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

div.divRegisterOptIn {
	float: left;
	padding-top: 10px;
}
div.divRegisterOptIn div {
	width: auto !important;
}
div.divRegisterOptIn label {
  	width: auto !important;
}	

.bodytitle{
	background-image:url(../images/plus.gif);
	background-repeat:no-repeat;
	padding-left:21px;
}
.bodyparts{
	display:block;
}

.top-margin{
	margin-top:40px;
}
	
#rightc h2{
	background-color:#02509b;
	border-bottom:none;
	border-right:1px solid #ababab;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
}

#rightc-ads img{
	display:block;
	margin-bottom:12px;
}
	
.green{
	color:#548028;
	text-decoration:none;
}	

.home-news{
	clear:both;
	margin-top:12px;
	margin-bottom:12px;
}	
.home-news p{
	color:#666666;
	margin-top:10px;
}
.home-news a, .home-news a:visited{
	color:#02509b;
	font-weight:bold;
	text-decoration:none;
}
.home-news a:hover{
	text-decoration:underline;
}

.news-image{
	float:right;
	margin-left:5px;
	margin-right:13px;
}	
.image-top{
	background-image:url(../images/image-bg-top.gif);
	background-repeat:no-repeat;
	height:9px;
	width:182px;
}
.image-middle{
	background-image:url(../images/image-bg-middle.gif);
	background-repeat:repeat-y;
	padding-left:8px;
	padding-right:8px;
}
.image-bottom{
	background-image:url(../images/image-bg-bottom.gif);
	background-repeat:no-repeat;
	height:9px;
	width:182px;
}	

.image-top-large{
	background-image:url(../images/image-bg-top-large.gif);
	background-repeat:no-repeat;
	height:9px;
	width:296px;
}
.image-middle-large{
	background-image:url(../images/image-bg-middle-large.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
}
.image-bottom-large{
	background-image:url(../images/image-bg-bottom-large.gif);
	background-repeat:no-repeat;
	height:9px;
	width:296px;
}

.no-border{
	border:0px;
}
	
#home-forum{
	background-color:#dadada;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
	border-bottom:1px solid #ababab;
	margin-bottom:14px;
	padding-left:5px;
	padding-right:5px;
}
.home-forum-post{
	border-top:1px solid #898989;
}	
.home-forum-post h3{
	margin: 0px;
	padding-left:10px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.home-forum-post p{
	color:#444444;
	margin-top:0px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:10px;
}	
.home-forum-post a, .home-forum-post a:visited{
	color:#02509b;
	font-weight:bold;
	text-decoration:none;
}
.home-forum-post a:hover{
	text-decoration:underline;
}

.social{
	margin-bottom:8px;
}
#social a{
	display:block;
}	

#advert{
	clear:both;
}
#advert img{
	display:block;
}			

#map-image{
	position:relative;
	margin-left:80px;
	margin-bottom:20px;
	margin-top:20px;
}

#map-text{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	width:230px;
}
	
.document{
	clear:both;
	display:block;
}	
	
.tooltip {
	 cursor: help;
	 outline: none;
	 text-decoration: none;
	position:absolute;
	width:12px;
	height:20px;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  background-color: #e5e3de;
  border: 1px solid #666666;
  left: 25px;
  top: -22px;
  z-index: 99;
  padding: 10px;
  margin-left: 0;
  width: 220px;
}

* html a.tooltip:hover { background: transparent; }

.shop-product{
	border-bottom:1px solid #898989;
	padding-top:10px;
	width:100%;
}	
.shop-product-left{
	float:left;
	width:150px;
	margin-right:10px;
}
.shop-product-right{
	float:left;
	width:525px;
}			
.basket-box{
	height:20px;
	margin-bottom:10px;
	margin-top:10px;
}	

.cat-heading{
	font-size:1.4em;
	margin-top:40px;
	margin-bottom:0px;
}	

.addbuttonBasket{
	border: 0px;
	background-color:#5f9a24;
	color: #FFFFFF;
	cursor:pointer;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	text-decoration: none;
}	

#footlinks{
	background-color:#02509b;
	border-bottom:10px solid #97cd61;
	padding-top:14px;
	padding-bottom:12px;
}
#footlinks ul{
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom:7px;
}
#footlinks ul li{
	border-right:1px solid #FFFFFF;
	display:block;
	margin-bottom:0px;
	padding-top:7px;	
	padding-left:18px;
	padding-right:18px;
}
#footlinks ul li a, #footlinks ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#footlinks ul li a:hover{
	text-decoration:underline;
}

#footlinks #firstList{
	width:150px;
}
#footlinks #secondList{
	width:114px;
}
#footlinks #thirdList{
	width:112px;
}
#footlinks #thirdList li{
	border-right:0px;
}

#footbottom{
	border-top:1px solid #FFFFFF;
	background-color:#02509b;
	color:#FFFFFF;
	padding-bottom:15px;
	padding-top:15px;
}

/* ----------------------------------------------- */
/* ---------------------- Forum ------------------ */

#forumTable{
	border-spacing: 0px;
    border-collapse:collapse;  /* <--- add this so all the internal <td>s share adjacent borders  */
    border:1px solid black;
	margin-bottom:12px;
	width:953px;
}
* html #forumTable{
	width:953px;
	w\idth:953px;
}

#forumTable th{
	background-color:#02509b;
	border:1px solid #000000;
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	padding-top:6px;
	padding-bottom:6px;
}
#forumTable td{
	background-color:#FFFFFF;
	border:1px solid #000000;
	font-size:1.1em;
	padding-left:6px;
	padding-right:6px;
	padding-top:12px;
	padding-bottom:12px;
	vertical-align:top;
}

#forumTable a, #forumTable a:visited{
	color:#000000;
}	

#forumTable .zebra{
	background-color:#f8f8f8;
}	

#forumTable img{
	display:inline;
}	

.thPinned{
	background-color:#98cd61 !important;
	height: 4px;
	font-size: 1px;
	margin: 0px;
	padding: 0px !important;
}

.newTopic{
	background-color:#006bfa;
	color:#FFFFFF !important;
	display:block;
	margin-bottom:26px;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	text-decoration:none;
	width:188px;
}	

.newTopicButton{
	background-color:#006bfa;
	border:0px;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	margin-bottom:12px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	text-decoration:none;
	width:110px;
}

.newReply{
	background-color:#006bfa;
	color:#FFFFFF !important;
	display:block;
	float:right;
	margin-bottom:12px;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	text-decoration:none;
	width:188px;
}	

#forumTable .profileImage{
	display:block;
	margin-bottom:2px;
}

.postTop{
	border-bottom:1px solid #000000;
	font-size:0.8em;
	padding-bottom:4px;
}	

.smallImage{
	margin-left:15px;
	margin-right:5px;
}	
	
.smallText{
	font-size:0.8em;
}	

#forumTable blockquote{
	border-bottom:1px solid #000000;
	margin-bottom:0px;
	padding-bottom:6px;
}
#forumTable p{
	color:#000000;
	margin-top:8px;
	margin-bottom:0px;	
}	
.topicText{
	line-height:1.8em;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: normal;
	width:842px;
}
.usernamelink{
	display:block;
	word-wrap: break-word;
	white-space: normal;
	width: 86px;
}

.forumLink{
	float:left;
	margin-bottom:12px;
	width:245px;
}	
.forumLink a, .forumLink a:visited{
	color:#006bfa
}

.DivRecords .pagination{
	background-color:#02509b;
	color:#FFFFFF !important;
	display:block;
	margin-bottom:12px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	text-decoration:none;
	width:80px;
}
.DivRecords #previous{
	float:left;
}
.DivRecords #next{
	float:right;
}
.DivRecords span{
	display:block;
	float:left;
	text-align:center;
	width:529px;
}	
.DivRecords .linkHolder{
	float:left;
	height:1px;
	width:80px;
}

fieldset blockquote{
	background-color:#f5f5f5;
	border:1px solid #000000;
	margin:0px;
	margin-left:160px;
	margin-bottom:6px;
	margin-right:2px;
	padding:6px;
}	
fieldset blockquote p{
	color:#000000;
}	


#nousername{
	background-color:#FADB05;
	border:1px solid #E3C806;
	margin-bottom:16px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:12px;
}
#nousername p{
	color:#000000;
}	

#nousername a, #nousername a:visited{
	background-color: #006bfa;
	color: #FFFFFF ;
	display: block;
	margin-bottom: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	text-decoration: none;
	width: 172px;
}

.updateLink a, .updateLink a:visited{
	color:#006BFA;
}

.uploadPhoto{
	background-color:#02509b;
	color:#FFFFFF !important;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	text-decoration:none;
}
#imageBox{
	max-height:180px;
	overflow:hidden;
}
.imagePostSmall{
	max-height:100px;
	overflow:hidden;
}
.imageProfile{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}	

#detailsLeft{
	float:left;
	margin-right:16px;
	width:467px;
}
#detailsRight{
	float:left;
	width:206px;
}

#imageUploadLeft{
	float:left;
	margin-right:16px;
	width:150px;
}
#imageUploadRight{
	float:left;
	width:523px;
}		

.InputButtonGreen{
	background-color:#97cd61;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
}
.InputButtonRed{
	background-color:#d21a1a;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
}	

#imageButtonBox{
	clear:both;
}	
#imageButtonBox p{
	margin-bottom:8px;
	margin-top:8px;
}	
#noChanges{
	width:156px;
}
#noChangesUploads{
	width:192px;
}	
#noChangesTopics{
	float:right;
	width:118px;
}

#uploadImage{
	border-bottom:1px solid #cccccc;
}

.imageList{
	clear: none;
	float:left; 
	height:214px;
	margin-right:12px;
	width:150px;
}		
.imageListLast{
	margin-right:0px !important;
}	
.imageList p{
	color:#000000;
	margin-top:4px;
}	

#imageRadios label{
	width:100px;
}
#imageRadios div{
	width:165px;
}		

#postImages a, #postImages a:visited{
	margin-right:8px;
}

#forumpost fieldset{
	border:0px;
	padding-left:0px;
}	
#forumpost textarea{
	width:772px;
}	

#forumSubmitContainer{
	margin-left:160px;
	margin-top:12px;
}	

.orText{
	float:left;
	margin-top:6px;
	text-align:center;
	width:25px;
}	
#photoButton{
	background-color: #006bfa;
	border: 0px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: block;
	float:left;
	margin-bottom: 12px;
	margin-left:10px;
	margin-top:2px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	text-decoration: none;
	width: 226px;
}

#backButton{
	background-color: #d21a1a;
	border: 0px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: block;
	float:right;
	margin-bottom: 12px;
	margin-left:10px;
	margin-top:2px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	text-decoration: none;
	width: 122px;
}

#forumName{
	color:#02509B;
}

.marginBottom26{
	margin-bottom:26px;
}

.topicCell{
	text-decoration:none;
}
.topicCell:hover{
	text-decoration:underline;
}

#searchcontainerleft{
	float:left;
	width:600px;
}
#searchcontainerright{
	float:right;
	width:300px;
}	

#searchcontainer{
	margin-bottom:22px;
}	

#searchcontainer h1{
	margin-top:0px;
	width:600px;
}

#search{
	clear:both;
	float:right;
	width:324px;
}	

#search fieldset{
	margin:0px;
	padding:4px;
}
#search label{
	padding-top:4px;
	padding-bottom:5px;
	width:50px;
}
#search #submit{
	margin-right:0px;
}	

.highlight{
	background-color:#FFF000;
}			

#topicKey{
	list-style:none;
	margin:0px;
	margin-bottom:26px;
	margin-top:22px;
	padding:0px;
}	 
#topicKey li{
	display:inline;
	margin-right:20px;
}	
#topicKey li img{
	margin-right:3px;
}

#topicheading{
	background-color:#f8f8f8;
	font-size:1.2em;
	margin-bottom:22px;
	line-height:1.8em;
	padding:12px;
}

#totalposts{
	float:right;
	text-align:right;
	width:300px;
}