@charset "ISO-8859-1";

/* Copyright © 2005-2006 Allan Savage. All rights reserved. */

/* Web-safe colours contain only values 00, 33, 66, 99, CC and FF */

body {
	font-family	: arial, helvetica, sans, sans-serif; /* tahoma, verdana */
}

#wholePage {
	width : 100%;
	text-align : center;
	background : #ffffff;
	color : #000000;
	margin-bottom : 80px;
}

#displayArea {
	position : relative;
	min-width : 752px;
	max-width : 1000px;
	margin : 0px auto;
	text-align : left;
}

#headerSurround {
	position : relative;
	margin : 0px 0px 4px;
	padding : 0px;
}

#headerSurround .RoundCorners * {
	background : #99cccc;
	border-color : #000000;
}

#header {
	position : relative;
	padding : 0px 25px;
	background : #99cccc;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	min-height : 45px;
}

#logo {
	position : absolute;
	left : 36px;
	padding : 10px 0px;
}

#logo a {
	text-decoration : none;
}

#title {
	padding : 10px 0px;
	margin : 0px 0px 0px 225px;
	text-align : center;
	font-weight : bold;
	font-size : 150%;
	line-height : 1.2;
}



#breadcrumbsSurround {
	position : relative;
	margin : 4px 0px;
	padding : 0px;
}

#breadcrumbsSurround .RoundCorners * {
	background : #ccffcc;
	border-color : #000000;
}

#breadcrumbs {
	padding : 1px 10px;
	background : #ccffcc;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	text-align : left;
	font-weight : bold;
	font-size : 90%;
}

#breadcrumbs b {
	font-weight : normal;
}

#breadcrumbs a {
	color : #000000;
	text-decoration : none;
}

#breadcrumbs a:hover {
	color : #ff0000;
}



#middleSection {
	position : relative;
	overflow : hidden;
	padding : 0px;
	margin : 4px 0px;
	width : 100%;
}

#leftCol {
	width : 12em;
	float : left;
	margin : 0px;
}

#rightCol {
	margin : 0px 0px 0px 12em;
	padding-left : 4px;
}


#navBarSurround .RoundCorners * {
	background : #99cc99;
	border-color : #000000;
}

#navBar {
	padding : 6px 5px;
	height : 100%;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	background : #99cc99;
}

#navBar br {
	display : none;
}

#navBar a {
	text-decoration : none;
	color : #000000;
}

#navBar a:hover {
	color : #ffff99;
}

#navBar .selected {
	background : #669966;
}

#navBar .lvl1 {
	display : block;
	font-weight : bold;
	font-size : 100%;
	line-height : 120%;
	border-bottom : 1px solid #333333;
	padding : 2px 4px;
}

#navBar .lvl2 {
	display : block;
	font-weight : bold;
	font-size : 90%;
	line-height : 120%;
	margin-left : 15px;
	border-bottom : 1px solid #333333;
	padding : 2px 4px;
}

#navBar .lvl3 {
	display : block;
	font-size : 80%;
	line-height : 120%;
	margin-left : 30px;
	border-bottom : 1px solid #333333;
	padding : 1px 4px;
}

#navBar .lvl4 {
	display : block;
	font-size : 75%;
	line-height : 120%;
	margin-left : 45px;
	border-bottom : 1px solid #333333;
	padding : 1px 4px;
}

#navBar .lvl5 {
	display : block;
	font-size : 70%;
	line-height : 120%;
	margin-left : 60px;
	border-bottom : 1px solid #333333;
	padding : 1px 4px;
}



#pageLinksSurround {
	position : relative;
	margin : 0px 0px 4px;
	padding : 0px;
}

#pageLinksSurround .RoundCorners * {
	background : #ffff99;
	border-color : #000000;
}

#pageLinks {
	height : 100%;
	overflow : hidden;
	padding : 1px 10px;
	background : #ffff99;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	font-weight : bold;
	font-size : 90%;
}

#pageLinks a {
	font-weight : bold;
	text-decoration : none;
	color : #000000;
}

#pageLinks a:hover {
	color : #ff0000;
}



#contentSurround {
	position : relative;
	margin : 0px;
	padding : 0px;
}

#contentSurround .RoundCorners * {
	background : #ffffcc;
	border-color : #000000;
}

#content {
	height : 100%;
	overflow : hidden;
	font-size : 90%;
	padding : 10px;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	background : #ffffcc;
	text-align : justify;
}

#content>p:first-child, #content>h1:first-child {
	margin-top : 0px;
}

#content .bottomLinks {
	clear : both;
	padding : 0px;
}

#content h1 {
	font-size : 150%;
}

#content h1 .paging{
	font-size : 80%;
	font-weight : normal;
}

#content h2 {
	font-size : 120%;
}

#content h3 {
	font-size : 100%;
	text-decoration : underline;
}

#content .heading {
	font-size : 120%;
}

#content a {
	font-weight : bold;
	color : #000000;
	text-decoration : none;
}

#content a:hover {
	color : #ff0000;
}

#content ul.topic_list a {
	text-decoration : underline;
	font-weight : bold;
	color : #000000;
}

#content ul.topic_list a:hover {
	color : #ff0000;
}

#content ul.sub_topic_list a {
	text-decoration : none;
	color : #000000;
}

#content ul.sub_topic_list a:hover {
	color : #ff0000;
}

#content hr {
	width : 75%;
	height : 1px;
	border : 0px;
	text-align : center;
	color : black;
	background : black;
}



#footerSurround {
	position : relative;
	margin : 0px 0px 10px;
	padding : 0px;
	width : 100%;
	clear : both;
}

#footerSurround .RoundCorners * {
	background : #99cccc;
	border-color : #000000;
}

#footer {
	position : relative;
	padding : 5px 25px;
	background : #99cccc;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	min-height : 32px;
}

#ftrValid {
	position : absolute;
	right : 30px;
	padding : 0px;
}

#ftrText {
	margin : 0px 205px 0px 0px;
	padding : 0px 10px;
	text-align : center;
	font-size : 90%;
	line-height : 1.2;
}

#ftrText a {
	font-weight : bold;
	color : #000000;
	text-decoration : none;
}

#ftrText a:hover {
	color : #ff0000;
}



#adBarSurround{
	position : relative;
	margin : 10px 0px 0px;
}

#adBarSurround .RoundCorners * {
	background : #ffffff;
	border-color : #999999;
}

#adBar {
	background : #ffffff;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	text-align : center;
}



.pictureLink {
	border : 0;
}

.alignLeft {
	float : left;
}

.alignRight {
	float : right;
}

.centered {
	text-align : center;
}

.indentLeft {
	padding-left : 30px;
}

.indentRight {
	padding-right : 30px;
}

.indentBoth {
	padding-left : 30px;
	padding-right : 30px;
}

.pageNumbers {
	float : left;
}

.screenLinks {
	float : right;
}



.specList {
	table-layout : fixed;
	width : 94%;
	margin : 0px auto 0px 3%;
}

.specList th.category {
	text-decoration : underline;
	font-weight : bold;
	font-variant : normal;
	font-size : 115%;
	text-align : left;
}

.specList th {
	font-weight : bold;
	text-align : right;
	vertical-align : top;
}

.specList td {
	text-align : left;
	vertical-align : top;
}



.linkList {
	table-layout : fixed;
	width : 94%;
	margin : 0px auto 0px 3%;
}

.linkList th.category {
	padding : 10px 0px;
	text-decoration : underline;
	font-weight : bold;
	font-variant : normal;
	font-size : 115%;
	text-align : left;
}

.linkList th {
	padding : 0px 0px 0px 15px;
	font-weight : bold;
	text-align : left;
	vertical-align : top;
}

.linkList td {
	text-align : justify;
	vertical-align : top;
	padding : 0px 0px 10px;
}

.linkList .warning {
	font-weight : bold;
}

.pictureListRight {
	clear : right;
	float : right;
	text-align : center;
	padding : 10px 0px 10px 20px;
}

.pictureListLeft {
	clear : left;
	float : left;
	text-align : center;
	padding : 10px 20px 10px 0px;
}

/*  The following are used for rounded corners */
.RoundCorners * {
	overflow : hidden;
	font-size : 1px;
	border-style : solid;
}

.row1 {
	margin : 0px 5px;
	height : 0px;
	border-width : 1px 0px 0px;
}

.row2 {
	margin : 0px 3px;
	height : 1px;
	border-width : 0px 2px;
}

.row3 {
	margin : 0px 2px;
	height : 1px;
	border-width : 0px 1px;
}

.row4 {
	margin : 0px 1px;
	height : 2px;
	border-width : 0px 1px;
}
/* End of Rounded corners */