/*-----------------------------------
	 Sets the body section 
-------------------------------------*/ 
body{
	text-align: center;
	background-color: white;
}

/* This is an ID selector where a style for container is created - it appears to be used to set the whole of the page 
at least it does on Index.htm */
#container{
	margin: 0px auto; 
	font-family: "trebuchet MS","MS Sans Serif", sans-serif, Arial, Verdana; 
	font-size:76%; 
	width: 900px; 
	text-align: left;
}

#container a{color: #0000FF;}     /* These two commands should affect all subsequent a: and a:hover so i should be able to remove others */
#container a:hover{
    color:#CC0099;
    text-decoration: underline;
}

/* a:visited{color: #0099FF;} */ /*I deleted this as I think I want most links to stay in their original colour */


/* Horizontal rule ;*/
hr{
	margin-left:5px;
	margin-right:5px;
	color: #80BFFF;
	height:1px
}

img{border: none;} /* Used to prevent placeholders - best description - from showing */

.logo{
	margin-top:10px;	
	margin-left:10px; 
	margin-bottom: 10px;
	float:left;
	/* border:1px solid cyan; */ 
}

/* ----------------------------------
Top menu layout and presentation 
-------------------------------------*/

#topmenu{
	font-size:1.2em;	
	float:left;	
	margin-left:20px;
	margin-top:12px;
	/* border:1px solid blue; */
}

#topmenu ul{
	margin:0px;
	text-align: center;
}

#topmenu ul li{
	display: inline;  /* Displays the list in line rather than down the page*/	
	margin: 0px;	
}

#topmenu ul li a{
	padding-right:8px; 
	padding-left:8px; 
	text-decoration: none;
	color: blue;
	border-left:1px solid blue;
}

/* #topmenu ul li a:hover{
	    text-decoration: underline;
}       */
/* ---------------------------------------------------------
This seems to apply to the top menu when on the index page 
------------------------------------------------------------*/
#tsel{
	background-color:#3366FF; 
	color: #fff; 
	padding-right:8px;
	padding-left:8px;
	border-left:1px solid blue; 
}

.breakleft{clear:left;}

.breakright{clear:right;}

.formtext{font-size:1em;}

.invislink{float:left;}

#achbrief{
	font-size:1.7em;
	color:#330066;
	margin-top:-10px;
	padding-left:5px;
	padding-right:5px;
	width:500px;
	margin-left:275px;
	/* border:3px outset #CC99FF; */
}

/* -------------------------------------
Statements for Text Too Small 
----------------------------------------*/

#textsmall{
	width:140px;
	margin-top:12px;
	margin-left:20px;
	font-size:1.2em;
	border: 1px solid #9933FF;
	float:left;
}

#textsmall a{
	text-decoration:none; /* removes any underlining */
	color:black;
	padding-left:10px;
}

#textsmall a:hover{
	background-color: #AEFFC2;
	padding-left: 10px;
	padding-right:10px;
}

/* ------------------------------------------------------------
Sidemenu_2 is for the new-style pages
---------------------------------------------------------------*/

#sidemenu_2{
	font-size:1.2em;
	margin-left:5px; /* Shifts the box 5px to the right of the edge of container */
	float:left; 
	width:180px;
	padding-left:0px;
	margin-top:10px;
}	
			
#sidemenu_2 ul{
	margin-left:0px;
	padding-left:0px;
}	

#sidemenu_2 ul li{
	padding-bottom: 5px; 
	padding-top: 5px; 
	list-style-type: none;
	border-bottom:2px solid #FF3366;
}

#sidemenu_2 a{
	width:180px;
	text-decoration:none;
	color: #0000FF;
	margin-left:0px;
}

#sidemenu_2 a:hover{
	color:#9933CC;
	width:180px;
	text-decoration:underline;
	margin-left:0px;
}

/* -----------------------------------------------------------------------------
Breadcrumb is the trail on each page that puts you back to the page contains it
not the same as Back which takes you to the previous page
------------------------------------------------------------------------------ */

.breadcrumb{
	font-size:1.0em;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
    color: #000000;
}

/* .breadcrumb a:link{color: #0000FF;}

.breadcrumb a:visited{color: #0000FF;}

.breadcrumb a:hover{color:#CC0099;} */

/* ------------------------------------------------------------------
       MiddleCol is the middle column on the Index page
---------------------------------------------------------------------*/

#MiddleCol{
	width:400px;
	float:left;
	margin-top:10px;
	margin-left:25px;
}

#MiddleCol h3{
	font-size:1.1em;	
	color: #FF0000 ;
	margin-top:5px;
	margin-bottom:0px;
    text-decoration:none;
}

#MiddleCol p{
	/* width:400px;	 */
	font-size:1.0em;	
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;
}
	
#MiddleCol a{
    color: #0033FF;
    text-decoration:none;
}

#MiddleCol a:hover{color:#CC0099;
text-decoration: underline;
}

#MiddleCol img{
	position:relative;
	float:right;
	vertical-align:top;
	margin-left:0px;
	margin-right:0px;
}
.mainimage-right{
	position:relative;
	float:right;
	vertical-align:bottom;
	margin-left:0px;
	margin-right:30px;
}

#mainbreakleft{clear:left;}


/* -----------------------------------------------------------
       Column 3 is the column on the home page to the right
--------------------------------------------------------------*/

#Column3{
	width:220px;
	float:left;
	margin-top:10px;
	margin-left:25px;
}

#column3 p{
	font-size:1.1em;	
	margin-top:0px;
	margin-left:10px;
	padding-left:5px;	
	color:#990066;
	background-color:#CCFFFF;
}

#column3 h2{
	font-size:1.2em;
	margin-top:5px;
	margin-left:10px;	
}

#column3 a{
  color: #0066FF;
}

#column3 a:hover{
       color:#CC0099;
}

/*--------------------------------------------
 Copyright Section at the bottom of the page
---------------------------------------------*/

#copyright{
	margin-top:1px; 
    font-family: "Trebuchet MS", "MS Sans Serif", sans-serif, Arial, Verdana;
	font-size: 10px;
}

#copyright a{
  color: #0000FF;
}
 #copyright a:hover{
  color: #CC0099;
}

img.newsimage-right{  /* Left in as may be useful */
	position:relative;
	float:right;
	vertical-align:top;
	margin-left:10px;
	margin-top:0px
}

img.newsimage-left{
	position:relative;
	float:left;
	vertical-align:middle;
	margin-left:40px;
	margin-right:30px;
}

/* --------------------------------------
for pages with sidemenu 
----------------------------------------- */

#rightcontent{
	font: "trebuchet MS", "MS Sans Serif", sans-serif, Arial, Verdana; 
	width: 600px;
	padding-left:10px;	
	margin-left:50px;
	margin-top:0px;
}

#rightcontent h1{
	margin-top:15px;
	margin-bottom:0px;
	padding-left:15px; 
	font-size: 1.4em; 
	background-color:#3333FF;
	color:#FFFFFF; 
	font-weight:bold;
}

#rightcontent h2{
	font-size:1.2em;
	font-weight: bold; 
	margin-top:2%; 
	color:#0033FF;
}

#rightcontent p{
	font-size:1.1em;
}

#rightcontent ul{
	font-size:1.1em;
}

/* --------------------------------------
Newsleads Division which is just for the newspage - may well be moved to the page itself
----------------------------------------- */

#newsleads{
	font: "trebuchet MS", "MS Sans Serif", sans-serif, Arial, Verdana; 
	width: 600px;
	padding-left:10px;	
	margin-left:50px;
	margin-top:-10px;
}

#newsleads h1{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:15px; 
	font-size: 1.3em; 
	background-color:#3333FF;
	color:#FFFFFF; 
	font-weight:bold;
}

#newsleads h2{
	margin-top:-10px;
	margin-bottom:-10px;	
	font-size:1.1em;
	font-weight: bold; 
	color:#0033FF;
}

#newsleads h2 a{
    color: #0000FF;
}

#newsleads h2 a:hover{
  color: #CC0099;
}

#newsleads p{
	font-size:1.1em;
}

/* ------------------------------- 
generic for all pages 
----------------------------------*/

#pagecontent{
	width:750px;	
	font-family: "Trebuchet MS", "MS Sans Serif", sans-serif, Arial, Verdana; 
	font-size:1.05 em;
	margin-bottom:10px;
	margin-left:10px;
}

#pagecontent h1{
	font-size:1.3em;
	font-weight: bold; 
	margin-top:2%; 
	background-color:#3333FF;
	color:#FFFFFF; 
	font-weight:bold;
	padding-left:5px;
}

#pagecontent h2{
	font-size:1.2em;
	font-weight: bold; 
	margin-top:2%;
	color:#0033FF;
 }

#pagecontent p{
	font-weight: normal; 
	color: black; 
	margin-right:5px;
	background-color: white; 
    border:none;
}

#pagecontent a{
  color: #0000FF;
}

#pagecontent a:hover{
  color:#CC0099 ;
}


#botmenu{
	margin-top:0.1em;
	/* font-size:0.8em; */
    color: #0000FF;
}

#botmenu a{
  color: #0000FF;
}

#botmenu a:hover{
  color: #CC0099;
}



/* CSS for other content pages */

.fundtable{margin-left:2%; width:90%; margin-bottom:10px;}

.payrolltable{margin-left:10px; width:90%;}

#links{margin-left:10px;}

.exercisetable{margin-left:10px; width:90%;}

.weeklylottable{margin-left:10px; width:90%;}

.contenttable{margin-left:10px; width:90%;}

.raffletable{margin-left:10px; width:90%;}


/* for forms */

.titleposL{position: relative; left:10px;}
.titlepos{position: relative; left:120px}
.fnamePosL{position: relative; left:10px}
.fnamePos{position: relative; left:85px}
.acontactPosL{position: relative; left:10px}
.aContactPos{position: relative; left:42px}
.companyPosL{position: relative; left:10px}
.companyPos{position: relative; left:56px}
.addressPosL{position: relative; left:10px; top:-50px;}
.addressPos{position: relative; left:95px}
.postCodePosL{position: relative; left:10px}
.postCodePos{position: relative; left:82px}
.emailPosL{position: relative; left:10px}
.emailPos{position: relative; left:107px}
.telephonePosL{position: relative; left:10px}
.telephonePos{position: relative; left:87px}
.messagePosL{position: relative; left:10px; top:-110px;}
.messagePos{position: relative; left:56px}

.submitBut{position:relative; left:10px;}
.resetBut{position:relative; left:15px;}

.teltimePosL{position: relative; left:10px}
.teltimePos{position: relative; left:56px}

.myselfPosL{position:relative; left:10px;}
.myselfPos{position:relative; left:60px;}
.relativePosL{position:relative; left:10px;}
.relativePos{position:relative; left:36px;}
.friendPosL{position:relative; left:10px;}
.friendPos{position:relative; left:48px;}

.data1PosL{position:relative; left:10px;}
.data1Pos{position:relative; left:27px;}
.data2PosL{position:relative; left:10px;}
.data2Pos{position:relative; left:20px;}

.moreinfoPosL{position:relative; left:10px;}
.moreinfoPos{position:relative; left:29px;}

.tellmorePosL{position:relative; left:10px;}
.tellmorePos{position:relative; left:57px;}
.tellmorePos2L{position:relative; left:10px;}
.tellmorePos2{position:relative; left:50px;}