/*  styles common to all pages */

/*
   engage khaki:    #B0AA00;
   About orange:    #ED7703;
   Projects red     #E32118;
   Resources puce   #E2007A;
   Training plum    #9E5196;
   Pub's blue       #009CDA;
   Jobs turqoise    #00A99A;
   Members green    #509A24;

   dark grey:  #868689;
   light khaki: #B2AE90;  


	font-family: Helvetica, Arial, sans-serif;
	color:#626262;
*/

	body
	{
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #ffffff;
	}
	
	#container
	{
		margin: 8px 0 0 0;
		width: 968px;
		text-align: left;
		border: 0;
	}
	
		.eColor 
	{
		color: #B2AE90;
	}
	
	b {
	color: #626262;
	}
	
	
	.eBig 
	{
		font-size: 36pt;
		color: White;
	}
	.dark 
	{
		color: #868689;
	}
	
	#mainnav
	{
		height: 36px; 
	}
	
#mainnav ul 
{
    display:inline;
    list-style-type:none ; 
    margin: 1px 0 0 0;
    padding:0 0 0 0;
    width:698px;
    font-size: 14px;
}

#mainnav li
{
    display:inline;
    float:left;
    width :121px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    vertical-align :top;
}
#mainnav a
{
    width :117px;
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    margin:0 0 0 0;
    padding:0 0 0 0;
}
	
	.subnav 
	{
		height: 122px; 
		width: 968px;
		margin-bottom :5px;
	}
	
	#subnavHome
	{
		background-color :#ffffff;
	}
	#subnavAbout
	{
		background-color :#ED7703;
	}
	#subnavProjects
	{
		background-color :#E32118;
	}
	#subnavResources
	{
		background-color :#E2007A;
	}
	#subnavTraining
	{
		background-color :#9E5196;
	}
	#subnavPublications
	{
		background-color :#009CDA;
	}
	#subnavJobs
	{
		background-color :#00A99A;
	}
	#subnavMembers
	{
		background-color :#509A24;
	}
	#subnavEngage
	{
		background-color :#B0AA00;
	}
	#subnavEngage2
	{
		background-color :#B2AE90;
	}
	
.subnavUL 
{
  margin:0;
  padding:0;
  list-style: none;
  font-size: 14px;
}

.col1 {padding:0;line-height:21px;margin-left:3px;}
.col2 {padding:0;line-height:21px;margin-left:245px;}
.col3 {padding:0;line-height:21px;margin-left:487px;}
.col4 {padding:0;line-height:21px;margin-left:729px;}
.coltopper {padding:0;line-height:21px;margin-top:-105px;}

	
.asubnav 
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    color: #ffffff;
    text-decoration: none;
    margin:0;
    padding:0;
    position:relative;
}
.asubnav:hover
{
    color: #000000;
}
	
.thisSubnav 
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    color: #000000;
    text-decoration: none;
    margin:0;
    padding:0;
    position:relative;
}
.thisSubnav:hover
{
    color: #ffffff;
}
	
.warning 
{
    color:#cc0000;
    font-weight:bold;
}


.hom:hover{
	color: #B0AA00;
}
.aae:hover{
	color: #ED7703;
}
.pap:hover{
	color: #E32118;
}
.rfa:hover{
	color: #E2007A;
}
.tae:hover{
	color: #9E5196;
}
.pub:hover{
	color: #009CDA;
}
.jac:hover{
	color: #00A99A;
}
.mem:hover{
	color: #509A24;
}
.smap:hover{
	color: #868689;
}
.aaa:hover{
	color: #696969;
}

.Hhom{
	text-decoration: none;
	color: #B0AA00;
}
.Haae{
	text-decoration: none;
	color: #ED7703;
}
.Hpap{
	text-decoration: none;
	color: #E32118;
}
.Hrfa{
	text-decoration: none;
	color: #E2007A;
}
.Htae{
	text-decoration: none;
	color: #9E5196;
}
.Hpub{
	text-decoration: none;
	color: #009CDA;
}
.Hjac{
	text-decoration: none;
	color: #00A99A;
}
.Hmem{
	text-decoration: none;
	color: #509A24;
}
.Hsmap{
	text-decoration: none;
	color: #868689;
}
.Haaa{
	text-decoration: none;
	color: #868689;
}

.Hhom:hover{
	color: #B0AA00;
}
.Haae:hover{
	color: #ED7703;
}
.Hpap:hover{
	color: #E32118;
}
.Hrfa:hover{
	color: #E2007A;
}
.Htae:hover{
	color: #9E5196;
}
.Hpub:hover{
	color: #009CDA;
}
.Hjac:hover{
	color: #00A99A;
}
.Hmem:hover{
	color: #509A24;
}
.Hsmap:hover{
	color: #868689;
}
.Haaa:hover{
	color: #000000;
}

.superBig 
{
    font-family :Arial,Helvetica,Sans Serif;
	font-size: 36pt;
	font-weight:bold;
	line-height: 1.1em; 
}

#login 
{
	margin-top:0px;
	height:21px;
	vertical-align: middle;
}


	#MainBox
	{
		height: 160px; 
	}
	
#MainBox ul 
{
    display:inline;
    list-style-type:none ; 
    margin: 0 0 0 0;
    padding:0 0 0 0;
    width:708px;
}

#MainBox li
{
    display:inline;
    float:left;
    margin:3px 0 0 0;
    padding:0 9px 0 5px;
    vertical-align :top;
    color:#ffffff;
    font-family :Arial,Helvetica,Sans Serif;
	font-size: 12pt;
	font-weight:bold;
}
#MainBox a
{
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    margin:0 0 0 0;
    padding:0 0 0 0;
    color:#868689;
    text-decoration:none;
}
#MainBox a:hover 
{
	color:#000000;
}

#MainBox h1 
{
    color:#000000;
    margin:0 0 0 3px;
    font-weight:bold;
    font-family :Arial,Helvetica,Sans Serif;
    font-size: 12pt;
  
}

.leftimg { float: left; }

.rightimg { float:right;}
.rightimg8 { float:right;margin:0 0 8px 8px;}

.logos { margin:5px;} 

	/* .box1 background-color = that of section ; link colours vary too */
.box1 {
    margin: 5px 0 0 0;
		color: white;
		font-family : Helvetica, Arial, Sans Serif;
		font-weight : bold;
		font-size : 16pt;
	  background-repeat:no-repeat;
	}
.box1 a {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 16pt;
	font-weight : bold;
	text-decoration: none;
	}
.box1 a:hover {
	text-decoration: none;
	}	
.box1 h1 {
		color: white;
		font-family : Helvetica, Arial, Sans Serif;
		font-weight : bold;
		font-size : 36pt;
	   margin-top:0px;
	   margin-bottom:10px;
   	}
a.box1BigLink {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 16pt;
	font-weight : bold;
	text-decoration: none;
	}
a.box1BigLink:hover {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 16pt;
	text-decoration: none;
	color: #000000;
	}	
	
.box2 {
    margin: 5px 0 0 0;
	background-color : #B2AE90;
	font-family : Helvetica, Arial, Sans Serif;
	font-weight : bold;
	font-size : 16pt;
	color: white;
	  background-repeat :no-repeat;
	}
.box2 h1 {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 36pt;
	font-weight : bold;
	text-decoration: none;
	margin-top:0px;
	   margin-bottom:10px;
	}
.box2 a {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 16pt;
	font-weight : bold;
	text-decoration: none;
	}
.box2 a:hover {
	text-decoration: none;
	}	
	
.box2BigLink {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 36pt;
	font-weight : bold;
	text-decoration: none;
	}
.box2BigLink:hover {
	text-decoration: none;
	}	

.box3 {
    margin: 5px 0 0 0;
	background-color : #868689;
	color: white;
	font-family : Helvetica, Arial, Sans Serif;
	font-weight : bold;
	font-size : 16pt;
	  background-repeat :no-repeat;
    }
.box3 h1 {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 36pt;
	font-weight : bold;
	color: #ffffff;
	text-decoration: none;
	margin-top:0px;
	   margin-bottom:10px;
	}
.box3 a {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 16pt;
	font-weight : bold;
	text-decoration: none;
	}
.box3 a:hover {
	text-decoration: none;
	}	
.box3BigLink {
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 36pt;
	font-weight : bold;
	text-decoration: none;
	}
.box3BigLink:hover {
	text-decoration: none;
	}	

/* ManBody */

#mainBody
{
	position:relative;
	float:left;
	top:10px;
	left: 0px;
	width:700px;
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 0.8em;
	color: #626262;
	font-weight:normal;
}


#mainBody p,#mainBody td,#mainBody li 
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1em;
	color: #626262;
	font-weight:normal;
}	
#mainBody h2
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1.6em;
	font-weight:bold;
}
#mainBody h3
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1.4em;
	font-weight:bold;
}
#mainBody h4
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1.2em;
	font-weight:bold;
}
#mainBody h5
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1.1em;
	font-weight:bold;
}

#mainBody a
{
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 1em;
	color: #000000;
	text-decoration: none; 
	font-weight:normal;
}


#rhSide 
{
	float:right;
	width:242px; 
	float:right;
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 0.8em;
}
#rhSide a
{
	font-family : Helvetica, Arial, Sans Serif;
	color: #000000;
	text-decoration: none; 
	font-weight:bold;
}
#rhSide2 
{
   width:200px; 
	float:right;
	font-family : Helvetica, Arial, Sans Serif;
	font-size : 0.8em;
}
#rhSide2 a
{
	font-family : Helvetica, Arial, Sans Serif;
	color: #000000;
	text-decoration: none; 
	font-weight:bold;
}


#footer
{
	position:relative;
	top:5px;
	left: 0px;
	width:968px;
	clear:both;
	FONT-SIZE:xx-small;
	FONT-FAMILY:Verdana,arial,helvetica,sans Serif;
	TEXT-ALIGN:center;
}
#footer a 
{
	color:#000000;
}
#footer a:hover 
{
	color:#B0AA00;
}

.ablack { color:black;font-weight:bold;}
.ablack:hover { color:white;font-weight:bold;}

/*
   engage khaki:    #B0AA00;
   About orange:    #ED7703;
   Projects red     #E32118;
   Resources puce   #E2007A;
   Training plum    #9E5196;
   Pub's blue       #009CDA;
   Jobs turqoise    #00A99A;
   Members green    #509A24;

   dark grey:  #868689;
   light khaki: #B2AE90;
*/


.tblCAD {
    font-size: 0.85em;
    }
	
.msgBox 
{
    border : solid 1px #009900;
    color: #009900;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif Serif;
    font-size: 0.9em;
    padding:2px 4px 2px 4px;
}	
.errBox 
{
    border : solid 1px #cc0000;
    color: #cc0000;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif Serif;
    font-size: 0.9em;
    padding:2px 4px 2px 4px;
}

 /*  splash/home pages:  */

.box {
  float:left;
  clear: both;
  padding:5px;
  margin: 5px 0 0 0;
  width: 958px;
}

.boxImg {
  float:left;
  width: 217px;
}
.boxText {
  float:left;
  width: 741px;
}
.boxFull {
  float:left;
  width: 958px;
}
.box632 {
  float:left;
  width: 632px;
}
.box326 {
  float:left;
  width: 326px;
}
.box5050 
{
  float:left;
  width: 479px;
}

#banners {
  color: #ffffff;
  font-family : Helvetica, Arial, Sans Serif;
  font-weight : bold;
  margin-top:0px;
  margin-bottom:5px;
}
#banners h1 {
  font-size : 36pt;
  margin:0 5px 10px 5px;
}
#banners h2 {
  font-size : 18pt;
  margin:0 5px 10px 5px;
}
#banners p {
  font-size : 16pt;
  margin:0 5px 10px 5px;
}
#banners a.bLink {
  color: #000000;
  text-decoration:none;
}  
#banners a.bLink:hover {
  color: #ffffff;
}  
#banners a.wLink {
  color: #ffffff;
  text-decoration:none;
}  
#banners a.wLink:hover {
  color: #000000;
}