
body {
	min-width: 760px;      
	margin:0px;
/*	background:url(../images/layout/page_bg.gif) repeat-y;*/
	font-family: verdana,arial, helvetica, "sans serif";
	font-size: 100%;
}

/*-------------------------------------------- MAIN LAYOUT BLOCKS -------------------------------------------*/

#header {								/* Page header */
	width:760px;
	margin-bottom:10px;
}
#container {							/* Container for three main columns */
	padding-left: 190px;   
	padding-right: 180px;  
	margin-bottom:2px;
	width:760px;
}
#container .column {					/* Class applied to three central columns */
	position: relative;
	float: left;
}
#center {								/* Central column */
	padding: 0 10px 0 0;
	width: 380px;
}
#left {									/* Left margin */
	width: 160px;          
	padding: 10px 5px 0px 10px;
	margin-left:-580px;
/*	border-right:1px dotted #e5dbcc;*/
	background:#ffffff;
}
#right {								/* Right margin */
	width:180px;  
	padding:0;        
	margin:0; 
}
#footer {								/* Page footer */
	clear: both;
	margin-top:15px;
	width:760px;
	border-top: 1px solid #cccccc;
}

/*--------------------------------------------- HEADER ELEMENTS ---------------------------------------------*/

/* Hidden links at very top of page */
#hiddenlinks {
float:right;
z-index:-1;
}

/* Hide text only title */
#texttitle {
display:none;
}

/* Links at the very top */
#headerTopBar {
	padding: 5px 0px 0px 200px;
	width:560px;
	height:18px;
	color: #666666;
	font-size: 0.7em;
}
#headerTopBar a:link, #headerTopBar a:visited, #headerTopBar a:active {
	color: #999999;
	text-decoration: none; 
}
#headerTopBar a:hover {
	color: #ff33ff;
	text-decoration: underline; 
}
#graphicsVersion { /* Hide the link to the graphics version */
	display:none;
}
#headerTopBar .datebox { /* The date */
	float:right;
	margin:-12px 12px 0 0;
	color:#999999;
}

/* Main header */
#headerMain {
	background:url(../images/layout/filler_01.gif);
	width:760px;
	height:43px;
}

/* Main section links */
#Link00 {
	position:absolute;
	left:0px;
	top:10px;
	width:190px;
	z-index:2;
}
#Link00 a:link, #Link01 a:visited, #Link01 a:active {
}
#Link00 a:hover {
}
#Link01 {
	position:absolute;
	left:190px;
	top:23px;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	height:43px;
	overflow:hidden;
	background:url(../images/layout/tab01.gif);
	z-index:1;
}
#Link01 a:link, #Link01 a:visited, #Link01 a:active {
	display:block;
	width:180px;
	height:38px;
	padding:2px 0 0 0;
	color:#ffffff;
	text-decoration:none;
}
#Link01 a:hover {
	background:url(../images/layout/tab01_f2.gif);
}
#Link02 {
	position:absolute;
	left:385px;
	top:23px;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	height:43px;
	overflow:hidden;
	background:url(../images/layout/tab02.gif);
	z-index:1;
}
#Link02 a:link, #Link02 a:visited, #Link02 a:active {
	display: block;
	width:180px;
	height:38px;
	padding:2px 0 0 0;
	color:#ffffff;
	text-decoration:none;
}
#Link02 a:hover {
	background:url(../images/layout/tab02_f2.gif);
}
#Link03 {
	position:absolute;
	left:580px;
	top:23px;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	height:43px;
	overflow:hidden;
	background:url(../images/layout/tab03.gif);
	z-index:1;
}
#Link03 a:link, #Link03 a:visited, #Link03 a:active {
	display: block;
	width:180px;
	height:38px;
	padding:2px 0 0 0;
	color:#ffffff;
	text-decoration:none;
}
#Link03 a:hover {
	background:url(../images/layout/tab03_f2.gif);
}

/* Crumb trail incl. link styles */
#headerCrumbTrail {
	padding: 4px 0 4px 190px;
	width:570px;
/*	height:18px;*/
	background-color:#ffffff;
	border-bottom:1px solid #e5dbcc;
}
#headerCrumbTrail ul { /* The list for the crumb trail */
	list-style: none;
	margin:0;
	padding:0;
	color:#999999;
	font-size:0.7em;
}
#headerCrumbTrail li.first { /* The first item in the crumb trail (which will always be the same) */
	padding:0;
	background:none;
}
#headerCrumbTrail li { /* Subsequent items in the crumb trail */
	display:inline;
	padding:0 0 0 10px;
	background:url(bullet-arrow.gif) no-repeat;
}
/* Links in the crumb trail */
#headerCrumbTrail a:link, #headerCrumbTrail a:visited, #headerCrumbTrail a:active { /* Normal links */
	color: #999999;
	text-decoration: none; 
}
#headerCrumbTrail a:hover { /* Rollover links */
	color: #ff33ff;
	text-decoration: underline; 
}

/*------------------------------------------ LEFT MARGIN ELEMENTS -------------------------------------------*/

/* Container for current section links */
#currentSectionLinks {
	border-top:1px solid #e5dbcc; 
	border-bottom:1px solid #e5dbcc; 
	margin:10px 0; 
	padding:6px 0;
}

#currentSectionLinks h1 {
	margin:0 0 0 1.4em;
	text-indent:-1.4em;
	font-weight:bold;
	font-size:0.7em;
	color:#ff33ff;
}

/* Headers at top of links */
#left h1 {
	margin:0 0 0 1.4em;
	text-indent:-1.4em;
	font-weight:bold;
	font-size:0.7em;
}

/* Unordered list for margin links */
#left ul {
	list-style: none;
	margin: 1px 3px 4px -10px; 
	padding: 0px 3px 0 15px; 
	font-size: 0.7em;
}
* html #left ul { /* Hack for IE6 - use a list style image instead of background for the bullet */
	list-style-image: url(bullet-dash-IE.gif);
	margin: 3px 3px 4px 6px;
	padding:0 3px 0 0;
	font-size: 0.7em;
}
#left li {
	margin: 0 0 1px 10px;
	padding: 0 0 0 10px;
	background: url(bullet-dash.gif) no-repeat;
	background-position-y:3px; /* Sets background (bullet) position in IE7 */
}
* html #left li { /* Hack for IE6 - not going to use a background as the bullet, so remove it */
	margin: 0 0 3px 10px;
	padding: 0 0 0 10px;
	background:none;
}
#left a:link, #left a:visited, #left a:active {
	color: #658658;
	text-decoration: none; 
}
#left a:hover {
	color: #ff33ff;
	text-decoration: underline; 
}

/* Link back to the level above, at the bottom of the LH margin */
#backlink {
border-top:1px solid #e5dbcc;
margin-top:1em;
}
#backlink h1 {
margin:1.2em 0 0 1.4em;
text-indent:-1.4em;
}

/* Logos at the bottom of the margin */
#logosleft {
	margin:15px 0 0 0;
}

/*----------------------------------------- CENTRAL COLUMN ELEMENTS -----------------------------------------*/

/* Lists in the main body should display normally */
/* benj- removed because this was resizing bulleted list items
#center li {
	margin-top:0.5em;
	font-size: 0.8em;
}
*/
#center h1 {
margin-top:0;
}
div.relatedlinks {
	width:372px;
	margin:10px 0 10px 0;
	padding:3px;
	border:1px solid #e5dbcc;
}
div.relatedlinks h2 {
	margin-bottom:0;
}
div.relatedlinks h3 {
	font-size:0.8em;
	margin:-3px -3px 0 -3px;
	padding:3px;
	background:#e5dbcc;
}

/*------------------------------------------ RIGHT MARGIN ELEMENTS ------------------------------------------*/

#right p {
	font-size:0.8em;
}

div.rightmarginbox { /* General boxes in RH margin */
	width:172px;
	margin:0 0 10px 0;
	padding:3px;
	border:1px solid #e5dbcc;
}
/* Lists for links */
/*
div.rightmarginbox ul { 
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.8em;
}
*/

/* Unordered list for margin links */
#right ul {
	list-style: none;
	margin: 1px 3px 0 0px; 
	padding: 0px 3px 0 5px; 
	font-size: 0.7em;
	font-weight:bold;
}
* html #right ul { /* Hack for IE6 - use a list style image instead of background for the bullet */
	list-style-image: url(bullet-dash-IE.gif);
	margin: 3px 3px 0 6px;
	padding:0 3px 0 0;
	font-size: 0.7em;
}
#right li {
	margin: 0 0 1px 10px;
	padding: 0 0 0 10px;
	background: url(bullet-dash.gif) no-repeat;
	background-position-y:3px; /* Sets background (bullet) position in IE7 */
}
* html #right li { /* Hack for IE6 - not going to use a background as the bullet, so remove it */
	margin: 0 0 3px 10px;
	padding: 0 0 0 10px;
	background:none;
}
#right a:link, #right a:visited, #right a:active {
	text-decoration: none; 
}
#right a:hover {
	text-decoration: underline; 
}

#loginbox {
	border:1px solid #e5dbcc;
	padding:3px;
}

#loginbox h3 {
	font-size:0.8em;
	margin:-3px -3px 0 -3px;
	padding:3px;
	background:#e5dbcc;
}

/* Form elements */
#loginbox input.txt {
	width:93px;
	font-size:95%;
}
#loginbox input.btn {
	width:50px;
	font-size:95%;
}
#loginbox form p {
	clear:left;
	margin:0;
	padding:5px 0 0 0;
}
#loginbox form p label {
	float:left;
	width:40%;
}

/* Search box */
#searchbox {
	border:1px solid #e5dbcc;
	padding:3px;
	height:53px;
	margin:10px 0 0 0;
}
#searchbox h3 {
	font-size:0.8em;
	margin:-3px -3px 0 -3px;
	padding:3px;
	background:#e5dbcc;
}

/* Form elements */
#searchbox input.txt {
	float:left;
	width:125px;
	font-size:95%;
}
#searchbox input.btn {
	float:left;
	width:35px;
	margin-left:5px;
	font-size:95%;
}
#searchbox form p {
	clear:left;
	margin:0;
	padding:5px 0 0 0;
}
#searchbox form p label {
	float:left;
	width:45%;
}

/*--------------------------------------------- FOOTER ELEMENTS ---------------------------------------------*/

#footerLeft {
	float:left;
	width:170px;
	margin:0;
	padding:6px 10px;
	color:#666666;
	font-size:0.7em;
}
#footerCenter {
	float:left;
	width:395px;
	margin:0;
	padding:6px 0px;
	color:#666666;
	font-size:0.7em;
}
#footerRight {
	float:left;
	width:175px;
	margin:0;
	padding:6px 0px;
}

/*---------------------------------------------- OTHER STYLES -----------------------------------------------*/

/* TEXT */

/* benj- had to remove because it was throwing off <p> tag-surrounded text in dynamic content
--Have added the following style instead
p {
	margin-top:0.5em;
	font-size: 0.8em;
}
*/

p.links {
	margin-top:0.5em;
	font-size: 0.8em;
}

/* Small text - for use in span tags as well */
.textSmall {
	font-size: 0.7em;
}
/* Grey text - for use in span tags as well */
.textGrey {
	color: #666666;
}
/* Light grey text - for use in span tags as well */
.textLtGrey {
	color: #cccccc;
}
/* White text - for use in span tags as well */
.textWhite {
	color: #ffffff;
}

/* HEADERS */

h1 {
	color:#000000;
	font-weight:bold;
	font-size:1em;
}

h2 {
	color:#000000;
	font-size:0.9em;
	font-weight:bold;
}

/* LINKS */
/* 
NOTE: some link styles for constant elements such as the crumb trail 
and navigation margins are specified by selector above.
*/

/* Normal links */
a:link, a:visited, a:active {
	color: #658658;
	text-decoration: underline; 
}
a:hover {
	color: #ff33ff;
	text-decoration: underline; 
}
/* White links */
a.linkWhite:link, a.linkWhite:visited, a.linkWhite:active {
	color: #ffffff;
	text-decoration: underline; 
}
a.linkWhite:hover {
	color: #ff33ff;
	text-decoration: none; 
}

/* OTHER ELEMENTS */

form {
	margin:0;
}

input, textarea {
	font-family: verdana,arial, helvetica, "sans serif";
}

/* Search box */
input.inputSearchbox {
	width:80px;
	font-size:0.7em;
}

/* Images */
img {
	border-color:black;
}
img.imageright {
	float: right;
	margin: 0 0 10px 10px;
}
img.imageleft {
	float: left;
	margin: 0 10px 10px 0;
}

