/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: e3ffbf;
	font-size: 14px;
}
a {
	color: #0033FF;
	text-decoration: underline;
}

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

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

a:hover{
	color: #006600;
	text-decoration: none;
}

h1{
  font-size: 120%;
  color: #006600;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  background-color: #e3ffbf;
  text-align:center;
  border-bottom: 1px solid #006600;
  border-left: 1px solid #006600;
  border-right: 1px solid #006600;
}

h2{
  font-size: 120%;
  color: #000099;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  background-color: #CEE7FF;
  text-align:center;
  border-bottom: 3px solid #CC0000;
}

h3{
 font-size: 100%;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***************************************************************************************************************
RTF input box
***************************************************************************************************************/
.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container {
	margin: 0 auto; 
	width: 800px;
	border: 2px solid #000066; 
	background-color:#e3ffbf; 
}

#masthead{
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #006600;
	width: 800px;  /** 100% **/
	height: 285px;
/*	background-image:url(images/topimage.jpg); */
	color: #000;
}

#navBar{
	float: left;
	width: 170px;  
	margin-top : 5px;
	padding: 0px;
/*	background-color: #e3ffbf; */
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-right: 10px;
}

/** Used on secure login form **/
#contentfull{
    width: 800px;  
}
#content{
	float: left;
    width: 420px;  
	margin-right: 10px;
}
#content-large{
	float: left;
    width: 608px;  
	margin-right: 5px;
	margin-bottom: 10px;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
/*	font-size: 90%; */
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
/*	font-size: 80%; */
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

/** Used on home page **/
.featurehome {
	clear: both;
	padding: 5px;
 	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 5px solid #028200;
	border-bottom: 5px solid #028200;
	margin-top: 5px;
	background-color:#FFFF66; 
}
.featurehome_news {
	clear: both;
	padding: 5px;
/*	border: 5px solid #FF9999;	 */
	border-top: 1px solid #000;	
	border-left: 1px solid #000;	
	border-right: 5px solid #0000FF;	
	border-bottom: 5px solid #0000FF;	
/*	font-size: 80%; */
	margin-top: 5px;
	background-color: #FFFFFF;
}
.featurehome_contact {
	clear: both;
	padding: 5px;
/*	border: 5px solid #FF9999;	 */
	border-top: 1px solid #000;	
	border-left: 1px solid #000;	
	border-right: 5px solid #0000FF;	
	border-bottom: 5px solid #0000FF;	
/*	font-size: 80%; */
	margin-top: 5px;
	background-color: #CEE7FF;
}

.featurehome_event {
	clear: both;
	padding: 5px;
/*	border: 5px solid #66CCFF;	 */
	border-top: 1px solid #000;
	border-left: 1px solid #000;	
	border-right: 5px solid #006666;	
	border-bottom: 5px solid #006666;	
/*	font-size: 80%; */
	margin-top: 5px;
	background-color: #FFFFFF;
	color:#000000;
}
.featurehome_resource {
	clear: both;
	padding: 5px;
/*	border: 5px solid #66CCFF;	 */
	border-top: 1px solid #000;
	border-left: 1px solid #000;	
	border-right: 5px solid #FFFF00;	
	border-bottom: 5px solid #FFFF00;	
/*	font-size: 80%; */
	margin-top: 5px;
	background-color: #FFFFFF;
	color:#000000;
}
.featurehome_link {
	clear: both;
	padding: 5px;
/*	border: 5px solid #66CCFF;	 */
	border-top: 1px solid #000;
	border-left: 1px solid #000;	
	border-right: 5px solid #FF66FF;	
	border-bottom: 5px solid #FF66FF;	
/*	font-size: 80%; */
	margin-top: 5px;
	background-color: #FFFFFF;
	color:#000000;
}

.tr1 {
  background-color:#C6FFFF;
}
.tr2 {
  background-color:#FFD7D7;
}
.featurehome th,
.featurehome_news th {
  background-color:#ddd;
  border-bottom: 2px solid #0000CC;
}
/** Like the home page but used elsewhere **/
.feature {
/*	clear: both;  */
	padding: 5px;
	border: 5px solid #CCC;	
/*  font-size: 80%; */
	margin-top: 5px;
	background-color: #DDD;
}

/** featureinset used in articles ~z **/
.featureinset {
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	width: 80%; 
	background-color:#B0FFFF;
	border: 6px solid #6699FF;
}
.feature h2{
	padding:10px 0px 5px 0px;
	text-align: left;
	font-size: 100%;
}
.feature h3{
 	padding: 10px 10px 5px 0px;  
	text-align: center;
	font-size: 125%;
}
.featurehome h3{
 	padding: 10px 10px 5px 0px;  
	text-align: center;
	font-size: 125%;
}
.feature h4{
	padding:5px 0px 0px 0px;
	text-align: left;
	font-size: 100%;
	color:#CC3300;
}
.feature img {
	border: 1px #000066;
	margin: 2px;
}

.feature a {
	text-decoration:none;
}
.feature a:hover {
	text-decoration: underline;
}
/** Discussion Forum **/
.discussheader {
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
/*	width: 80%;  */
	background-color:#AAF89E;
	border-top: 5px solid #33CC33;	
	border-left: 5px solid #33CC33;	
	border-right: 5px solid #006600;
	border-bottom: 5px solid #006600;
	color:#000000;

}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 5px;
/*	font-size: 80%; */
	margin-top: 10px;
}
.story2{
	clear: both;
	padding: 5px;
/*	font-size: 80%; */
}
.story p {
	padding: 0px 0px 10px 0px;
}
.story img{
	border: 1px #000099;
	margin: 3px;
}

.storyl { /* story left */
	float: left;
	padding: 5px 5px 10px 5px;
	border: 5px solid #0099FF;	
/*	font-size: 80%; */
	width: 44%;
	height: 250px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}
.storyr { /* story right */
	float:right;
	padding: 5px 5px 10px 5px;
	border: 5px solid #0099FF;	
/*	font-size: 80%; */
	width: 44%;
	height: 250px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}
.story h3{
	padding: 10px 10px 5px 0px;
	text-align: center;
	font-size: 125%;
}
.storyr h3 {
	text-align:center;
	background-color: #00CCFF;
	border-bottom: 1px solid #3300FF;
	border-left: 1px solid #3300FF;
	border-right: 1px solid #3300FF;
	color: #000099;	
}
.storyl h3 {
	text-align:center;
	background-color: #00CCFF;
	border-bottom: 1px solid #006;
	border-left: 1px solid #006;
	border-right: 1px solid #006;
	color: #000099;
}
.storyl p,
.storyr p {
	margin-top: 10px;
}
.storyl_d { /* story left Discussion Forum */
	float: left;
	padding: 5px 5px 10px 5px;
	border: 5px solid #CCC;
/*	font-size: 80%; */
	width: 46%;
	height: 250px;
	margin-bottom: 10px;
}
.storyr_d { /* story right DIscussion Forum */
	float:right;
	padding: 5px 5px 10px 5px;
	border: 5px solid #CCC;
/*	font-size: 80%; */
	width: 46%;
	height: 250px;
	margin-bottom: 10px;
}
.storyr_d h3 {
	text-align:center;
	background-color:#CCCCCC;
	border-bottom: 1px solid #006;
}
.storyl_d h3 {
	text-align:center;
	background-color:#CCCCCC;
	border-bottom: 1px solid #006;
}

/************* #siteInfo styles ***************/

#siteInfo{ clear: both;	 border-top: 1px solid #e3ffbf;	font-size: 85%; color: #FFFFFF; padding: 10px 10px 10px 10px; 	text-align:center; 	margin-top: 1px; 	background-color:#003300; width:780px ;}
#siteInfo a{ color:#00FF99;}
#siteInfo img{ 	padding: 4px 4px 4px 10px; 	vertical-align: middle; }
#siteInfo2{ clear: both;	 border-top: 1px solid #e3ffbf;	font-size: 85%; color: #0; padding: 0px 0px 0px 0px; 	text-align:center; 	margin-top: 1px;  width:800px ;}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
/*	font-size: 90%; */
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #e3ffbf;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	border-bottom: 1px solid #000000;
/*	font-size: 90%; */
}

#sectionLinks h3{
	padding: 2px 0px 2px 10px;
	background-color:#028200;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}

#sectionLinks a:hover {
	background-color: #00FF66; /* ddd */
}

/*********** .sectionLinks styles MEMBERS ZONE ***********/
#sectionLinks_M {
/*	background-color:#CCFFFF;   If this is set, the last line hutches up on 'hover' */
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
/*	font-size: 90%; */
}

#sectionLinks_M h3{
	padding: 2px 0px 2px 10px;
	background-color:#CCCCCC;
	border-bottom: 1px solid #000099;
}

#sectionLinks_M a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	text-decoration:none;
}

#sectionLinks_M a:hover{
	background-color: #66CCFF;
	text-decoration:underline;
}


/*********** .relatedLinks styles ***********/
#relatedLinks{
	position: relative;
	margin-bottom: 10px;
	padding: 0px ;
/*	font-size: 80%; */
}
#relatedLinks h3{
	padding: 2px 0px 2px 10px;
	background-color:#CCCCCC;
	border-bottom: 1px solid #000099;
	margin-top: 4px;
}
#relatedLinks a:link,
#relatedLinks a:visited {
	display: block; 
	padding: 2px 0px 0px 10px;
}
#relatedLinks p{
	padding: 2px 4px 0px 10px;
	margin-top: 2px;
	margin-bottom: 8px;
/*	font-size: 90%; */
	color:#000000;
}

/************** #advert styles **************/
#advert {
	padding: 6px;
	width: 82%;
 	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 5px solid #028200; /* #FF9999 */
	border-bottom: 5px solid #028200; /* #FF9999 */
/*	background-image: url(images/ndback1.jpg);  */
	background-color:#FFFF66; 
/*	font-size: 95%; */
	color:#000000;
}
#advert_l {
	padding: 6px;
	width: 85%;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
/*	background-image: url(images/ndback1.jpg);  */
	background-color: #CEE7FF;
/*	font-size: 95%; */
	margin-left: 3px;
}


#advert img{
	display: block;
	border: 0px solid;
}


/************** #headlines styles **************/
#headlines {
    float:left;
	width: 176px;  
	border-left: 1px solid #028200;
	border-bottom: 1px solid #028200;
/*	background-color:#66FFFF; */
	margin-top: 5px;
	border-top: 5px solid #028200;
	padding: 10px 0px 20px 10px;
/*	font-size: 80%; */
}

#headlines img {
	border: 1px solid;
	margin-right: 3px;
}

#headlines p{
	padding: 5px 6px 5px 0px;
}
#headlines a {
	color: 000;
	text-decoration:underline;
}
#headlines a:hover{
	color: #00C;
	text-decoration:none;
}
/************** #Form styles **************/
#inputform {
	margin: 0 auto;
	width: 92%;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	background-color:#E6E6E6;
/*	font-size: 90%; */
	padding: 5px;
}

#articlehdr {
	padding: 6px;
	width: 95%;
	border-top: 3px solid #666;
	border-left: 3px solid #666;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	background-color:#99FFFF;
/*	font-size: 80%; */
}
#articlehdr h3{
	text-align: center;
}

#articlehdr img {
	border: 1px #000099;
	margin: 3px;
}
/************** #bits and bobs styles **************/
.image-left {
	border: 1px solid;
	margin-right: 3px;
	padding: 3px;
	float:left;
}
.image-right {
	border: 1px solid;
	margin-left: 5px;
	padding: 3px;
	float:right;
}
.image-no-border {
	border: 0px;
}
.image-thumb{
    border: 1px solid;
	padding: 3px;
	margin-right: 3px;	
}	
.image-border{
    border: 1px solid;
}	

.inputinred {
	background-color:#FF6464;
	color: #000000;
}

input,
textarea {
	background-color:#FFFFFF;
} 
.button {
	background-color:#CCCCCC;
	color:#000;
}
.redtext {
	color:#CC0000;
}
.form_red {
	color: #CC0000;
}
.tiny {
	font-size: 80%;
}
.title {
    font-size: 150%;
	color:#000066;
}
.error_text {
 	margin: 0 auto;
	padding: 10px 10px 10px 10px;
/*	width: 80%;   */
	background-color:#990000;
	border: 4px solid  #000000;
	color:#FFFFFF;
}
.table_gallery {
/*	background-color:#009900; */
	border: 5px solid;
	border-top: 5px solid #009900;
	border-left: 5px solid #009900;
	border-right: 5px solid #003300;
	border-bottom: 5px solid #003300;
}
.alert {
	background-color:#FFFF00;
}