/*body {
	text-align:center;
	background-color:#DCDCDC;
	}
*/

body {	
	margin:0 auto;
	padding:0;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	background:#eaeaea url(img/bg.gif) top center repeat-y;
	color:#3a3a3a;
}

/* outer centred div */	
#frame {
	width:960px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	border-left: 10px solid white;
	border-right: 10px solid white;
	border-top: 1px solid black;
	background-image: url(img/navigationbackground.gif);
	background-repeat: repeat-y;
	}

/***** left navigation *****/		
#contentleft {
	width:190px;
	padding:0px 0px 0px 0px;
	float: left;
	}
	

#contentleft ul {
list-style:none;
width:190px;
margin:20px 0 20px 0;
padding:0;
}

#contentleft li {
margin-bottom:1px;
}

#contentleft li a {
font-weight:bold;
height:15px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 5px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
}

#contentleft li a:hover, #contentleft li a.current {
background:#CACACA url(img/menubg2.gif) bottom left repeat-x;
color:#505050;
}

#contentleft ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}

#contentleft ul ul a {
height:16px;
margin:0;
padding:4px 0 0 8px;
}

#contentleft h2 {
font-size:1.5em;
font-weight:normal;
}	

/***** END - left navigation *****/		
	
	
/* main content */	
#contentcenter {
	width:730px;
	padding:0px;
	float:left;
	background:#ffffff;
	padding:20px 20px 10px 20px;
	}
	
#contentcenter h1 {
font-size:2em;
font-weight:bold;
}	

/* right navigation - not currently used */
#contentright {
	width:175px;
	padding:0px;
	float:left;
	background:#fff;
	}

/* old header - not currently used */	
#contentheader {
	background:#fff
	}
	
#contentheader h1 {
	font-size:14px;
	padding:10px;
	margin:0px;
	}
/* end - old header - not currently used */	

#contentright p { font-size:10px}

/***** Header *****/

#header {
color:#505050;
background:#ffffff url(img/header2.jpg) bottom left no-repeat;
height:165px;
margin:0 0 0px 0;
padding:0;
}

#header h1 {
font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0 0;
}

#header h1 a,#header h1 a:hover {
padding:0;
text-decoration:none;
color:#000000;
}

#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}

/***** End Header *****/

/***** Footer *****/
	
#footer {
clear:both;
margin:0 auto;
padding:8px 0;
border-top:2px solid #dadada;
width:960px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.9em;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** End Footer *****/

/* image floats */

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 0px 10px 0px 10px;     
}

.floatright
{
float: right;
width: 100px;
margin: 0 0 10px 10px;
background-color: #ddd;
font:75% Verdana,Tahoma,Arial,sans-serif;
}

.floatleft
{
float: left;
width: 100px;
margin: 0 0 10px 10px;
background-color: #ddd;
font:75% Verdana,Tahoma,Arial,sans-serif;
}

.centreimage
{
float: none;
margin-right:auto;
margin-left:auto;
font:75% Verdana,Tahoma,Arial,sans-serif;
text-align:center;
}


.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
font:75% Verdana,Tahoma,Arial,sans-serif;
text-align:center;} 
.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

a {
    text-decoration: underline;
}

a:link {
    color: #0000FF;
}

a:visited {
    color: #0000FF;
}

a:active {
    color: #FF0000;
}