a.external
{
    font-family: Verdana; color: #0033FF;
    font-style: normal;
    font-size:0.75em !important;
    text-decoration: none !important;
    font-weight: 600;
}

a.external2
{
    font-family: Verdana; color: #0033FF;
    font-style: normal;
    font-size:0.85em !important;
    text-decoration: none !important;
    font-weight: 600;
}

a.info 
{
color:  #0033ff;
text-decoration: none;
z-index: 300;
}

a.info:hover 
{ background-color: #ffdfbf;
z-index: 400;
}

a.info span 
{ display: none;
}

a.info:hover span 
{ 
display: block;
position: absolute; top: 235px; right: 385px;
width: 200px;
height: auto;
border: thin solid #bf7360;
padding: 0px 10px 5px 10px;
background-color: #ffdfbf;
background-image: none;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
}

a:link
{ 
color: #3366ff;
 text-decoration: none;
 font-size: 1em;
 }

body 
{
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
text-align : center;

/* background-color : #ffc125 /*#fbdddb; /This controls the outside colours*/
/* background-image : url(../images/backgroundgradient.jpg);
background-repeat : repeat-x; */

max-width : 960px;
min-width : 760px;
margin-right : auto;
margin-left : auto;
position : relative;
width : 100%;
}

#content 
{
float : right;
width : 75%; /*Originally 90%*/
background-color :  #fcfae6;/*#ffffff; */
background-image : none;
margin-top : 20px; /*Changed from 60*/
margin-right : 180px;/*Originally 2px*/
display : block;
z-index: 100;
padding-left:10px;
padding-right: 30px;
}

#design
{font-family : "Times New Roman", serif;
 font-size: small;
 font-style: italic;
 color: #777777;
 text-decoration: none;
}


.emp
{
font-family : Arial, Helvetica, sans-serif;
font-size : .85em;
font-weight: 700;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
}

.inner_links 
{
float: right;
font-family : Arial;
font-size : 0.75em !important;
text-decoration : none;
color : blue;
}

.emp_join 
{
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
font-style : italic;
font-weight : 500;
color : #333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
background-color : #ffdfbf;
padding : 3px 5px 3px 10px;
border : 0.5pt solid #bf7360;
}

#female 
{ 
float: right;
clear: right;
width: 310px;
height: 100px;
margin-left:9px;
margin-bottom: 15px;
background-image: none;
background-color: #ffdfbf;
border:  none;
display: inline;
}

/*  
#footer 
{
clear : both;
width : 100%;
height : 35px;
background-image : url(../images/footer.jpg);
background-repeat : repeat-x;
border-top : 0.5pt solid #bf7360;
}
*/  

/*
#footer div 
{
margin-top : 10px;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto; 
} 
*/

/* Check if this is still in use */
.footer 
{
font-size : 0.75em;
text-align : center;
text-decoration : none;
color : #333333;
font-style : normal;
}

h1 
{
/*Changed font family to stop default Times new Roman for headings*/
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
font-weight: 700;
color: #8B0000;/*#bf7360;*/
}

h2
{
/*Changed font family to stop default Times new Roman for headings*/
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: 600;
color: #8B0000;/*#bf7360;*/
margin-bottom: 0; 
padding: 5px 0;}
}

#header 
{
background-color :  #fff; /*#ffdfbf;*/
/* background-image : none; */
width : 100%;
height : 181px;/*100 This controls the space available for image logo and anything else in the header */
border-bottom : 1.5pt solid #bf7360;

position : relative;
}
html 
{
background-color : #ffffff; /*#e0ffff;  #fce0df; This will change the surrounf colour*/
/* background-image : url(../images/backgroundgradient.jpg);
background-repeat : repeat-x;  Removed the old gradient background (does not seem to do anything) */
margin : 0;
padding-top : 10px;
padding-right : 25px;
padding-bottom : 25px;
padding-left : 25px;
font-size : 100%;
}

.list
{
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
padding-left: 20px;
line-height : 1.5em;
list-style: outside;
list-style: disc;
}

.li
{
padding-bottom: 5em;
 }

#logo 
{
	height : 446px;
	width : 2262px;
	position : absolute;
	left: -67px;
	top: -46px;
	margin-top : 0;
	margin-left : 65px;


background-color : #fff /*#ffdfbf;*/

z-index: 100;
}

#main_content 
{
float : left;
clear : left;
width : 100%;/*Originally 79%*/
height : auto;
background-color :#fcfae6; /*#ffffff; */ 
background-image : none;

}

#male 
{
float: left;
width: 280px;
height: 100px;
margin-bottom: 15px;
padding: 0px;
background-image: none;
background-color: #ffdfbf;
border:  none;
}

#norm 
{ 
width: 90%;
height: 105px;
margin-bottom: 35px;
}

.opt 
{
position : absolute;
left : 65px;
top : 124px;
font-family : Arial;
font-size : smaller;
font-style : italic;
background-color : #cca78f;
border : 0.5pt solid #000;
color : #ffffff;
padding : 0 5px 0 5px;
display : none;
}
	
.para 
{
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
/* I added margins to try to control space between and above paragraphs */
margin-top: 0em;
margin-bottom: 0.5em;
}



#renew 
{ position: absolute; bottom: 70px; right: 198px;
}

/*This is the box the side nav sits in */
#rhcol 
{
float : right;
position : relative;
top : 80px;
right : 1px;
background-color: #fff7e6;
}

#side_nav 
{
	clear : both;
	position: absolute;
	top: 21px;
	right: -2px;
	margin : 0;
	padding : 0;
	height : 327px;/*Was 238px*/
	width : 180px;
	background-image:url(../images/Side_nav.png);
	background-color:#ffffff;
	z-index : 50;
	display : block;
	border : 1.5px solid #bf7360;
}

#side_nav ul 
{
margin : 0;
padding : 0;
font-size : 85%;
background-color : #cca78f;
list-style-type : none;
}

#side_nav li 
{
margin : 0;
padding : 0;
background-color : #8b0000;
list-style-type : none;
}

#side_nav a 
{
width : 180px;
height : 40px; /* Original 30 */
display : block;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 2.50; /* 1.35px */
text-align : center;
vertical-align:middle;
border-bottom : thin solid #ffffff;
}

#side_nav a:hover 
{ 
width: 180px;
background-color : #bf7360;
color : #000;
}

#side_nav_links a 
{
border-bottom : none;
}

/* Adding a side_nav panel for GP resources button 23/9/2011 */

#side_nav_gp 
{
	clear : both;
	position: absolute;
	top: -32px;
	right: -2px;
	margin : 0;
	padding : 0;
	height : 50px;
	width : 181px;
	background-color: #fff7e6;
	z-index : 50;
	display : block;
	border : 1.5px solid #bf7360;
}

#side_nav_gp ul 
{
margin : 0;
padding : 0;
font-size : 85%;
background-color : #cca78f;
list-style-type : none;
}

#side_nav_gp li 
{
margin : 0;
padding : 0;
background-color : #8b0000;
vertical-align:bottomy; /*Just added this but does not seem to make a difference */
list-style-type : none;
}

#side_nav_gp a 
{
width : 180px;
height : 50px; /* Original 30 */
display : block;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 1.75	;
text-align : center;
vertical-align:middle
border-bottom : thin solid #ffffff;
}

#side_nav_gp a:hover 
{
width: 180px;
background-color : #bf7360;
color : #000;
}

#side_nav_links_gp a 
{
border-bottom : none;
}

#td
{ 
padding-left: 35px;
}

table th, table td
{ 
margin: 0px;
padding: 8px 20px;
text-align: left;
border: thin solid #999999;
}


#topnav 
{
float : left;
margin : 0;
padding : 0;
width : 100%;
max-width : 960px;
min-width : 760px;
height : 33px; /* Original 25 */
position : relative;
/*background-image : url(../images/top_nav.jpg);
background-repeat : repeat-x; */
/* Background-color made no diff */ 
background-color: #fcfae6; /* #ffc125; /*  #EE6363;*/
list-style-type : none;
border-bottom : 2pt double #990000;

}

#topnav a 
{
float : left;
width : 100px; /* Original 100 */
height : 33px;  /* Original 25px */
color : #8B0000;  /*#ffffff; Changed Topnav link text colour from white to this*/
background-color: #fcfae6;    /*#ffc125;*/
text-decoration : none;
font-weight : 800;
line-height : 2.5;
text-align : center;
border-right : thin solid #ffffff;
}

/* This used to be Time for Change tab, now More Information' */
#topnav_time_for_change a
{
float : left;
width : 160px !important;
height : 33px; /* Original 25 */
display : block;
color : #8b0000; /* #ffffff; */
text-decoration : none;
font-weight : 800;
line-height : 2.5;
text-align : center;
border-right : thin solid #ffffff;
}

#topnav_explanation a
{
 width: 160px !important; /* Original 120px - needs 161px*/
height : 33px; /* Original 25 */
display : block;
color : #8b0000;
text-decoration : none;
font-weight : 800	; /*600 */
line-height : 2.5;   /*1.75 */
text-align : center;
border-right : thin solid #ffffff;
}

#topnav ul 
{
float : left;
position : absolute;
top : -14px;
left : 1px;
font-size : 90%; /* Original 85% */
background-color: #fcfae6; /*This controls color of menu background */
height: 33px;
width: 917px;

}

#topnav li 
{
margin : 0;
padding : 0;
background-color : #cca78f;
list-style-type : none;
display : inline;
}

#topnav a:hover 
{
background-color : #bf7360;
color : #000;
}

#topnav_home a 
{
width : 60px;
border-left : thin solid #ffffff;
}

/* Wrapper controls the background colour of the whole screen - it seems sometimes not!  I don't understandTony 25/9/11*/
#wrapper {
background-color:#fcfae6; 
/* Removed border as it was not consistent and only applied to Firefox etc
border: 0.5px Solid #bf7360 */
max-width : 960px;
min-width : 760px;
height : 100%;
text-align : left;
margin-right : auto;
margin-left : auto;
position : relative;
}


/*T hese Divs still exist but I can't see why we need individual CSS styles. Don't think we need this anymore since dropping old header Tony 12/7/11 */
#estab 
{ 
position: absolute; left: 210px; top: 75px;
background-color :  #fff /*#ffdfbf;*/
font-variant: small-caps;
font-size: small;
font-weight: 700;
color: #8b0000;
 width: auto;
 height: 20px;
 z-index: 500;
}


/* I think the only place this wwas used in old header - Society name */
#hilight 
{
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
color : white;
z-index : 1;
}

/* I think the only place this was used in old header - Society name */
#fill 
{
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 1px;
top : 1px;
color : #993333;
z-index : 3;
}

/* I think the only place this was used in old header - Society name */
#dark 
{
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 2px;
top : 2px;
color : #993333;
z-index : 2;
}

/* I think the only place this was used in old header - Society name */
#shadow 
{
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 4px;
top : 3px;
color : #c0c0c0;
z-index : 0;
}

/* No longer required */
#update
 { 
float: right;
position: relative;
 padding-right: 30px;
}

/* Not needed anymore - moved ABN to bottom of page
#abn 
{
position : absolute;
bottom : -32px;
left : 54px;
height : 20px;
width : auto;
font-family : Times New Roman;
font-size : 80%;
font-weight : 900;
font-style : normal;
color : #993333;
}
*/