/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later */
html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img {
	 margin: 0;
	 padding: 0;
	 border: 0;
}
body
{
	height:100%;
	text-align: center;
	background-color: #f4fafc;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image:url(images/bg_tile.gif);
	overflow:hidden;
}


/******************
basic typographic styles (headings, lists, paras)
******************/

h1, h2, h3, h4, h5, h6 {color:#8e0101;}

h1 {
	margin: 0em 0em 1em 0em;
	font-size: 1.6em;
	font-weight: normal;
}
h2 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.4em;
	font-weight: normal;
}
h3 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.1em;
	font-weight: normal;
}
h5 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 0.8em;
	font-weight: bold;
}

img {border: 0;}

ul li	    { list-style-type: square ; }	
ul li li	{ list-style-type: disc; }	
ol li   	{ list-style-type: decimal;}	
ol ol li	{ list-style-type: lower-alpha; }	

ol, ul, li {
	margin: 0.2em 0em 0.1em 1.0em;
	font-size: 1.0em;
	line-height: 1.4em;
}
p {
	margin: 0em 0em 1.2em 0.1em;
	font-size: 1.0em;
	line-height: 1.2em;
}

li > p {margin-top: 0.2em;}

strong, b {font-weight: bold;}


/******************
layout
******************/

#container
{
	width: 970px;
	height:100%;
	min-height:100%;
	margin: 0 auto;
	text-align:left;
	background-color:#cddbe5;
	overflow:hidden;
}
#content-container 
{
	position:absolute;
	background-color:#eeebe9;
	top:202px;
	bottom:0;
	width:970px;
	margin: 0 auto 20px auto;
	overflow:hidden;
	}

#content-main
{
	position:relative;
	width: 950px;
	height:100%;
	min-height:100%;
	left:10px;
	border: 0;
	z-index: 8;
	background: White;
	text-align: left;
	overflow:auto;
}
* html #content-main
{
	top: 0;
	bottom: 0;
	width: 960px;
	height: 100%;
}
#content 
{
	margin:10px 10px 10px 10px;
	color:#333333;
	background-color:White;
	}
	
#header-container {
	position:absolute;
	width:960px;
	top:0;
	height: 200px;
	padding:2px 0 0 10px;
	background-color:#af9f7b;
	font-family:"Lucida Sans", Verdana, "Lucida Grande", Geneva, sans-serif;
	z-index:6;
}
#header-top {
	position:relative;
	height:100px;
	width:730px;
	background-color:#eeebe9;
}
#header-left {
	padding:10px 10px 6px 15px;
}
#header-centre {
	position:absolute;
	top:0;
	left:250px;
	bottom:0;
	width:480px;
	height:65px;
	background-image:url(images/topheader_img.jpg);
	background-repeat:no-repeat;
	background-color:#af9f7b;
	background-position:2px 0;
}
#mainnav 
{
	position:absolute;
	top:75px;
	left:25px;
	width:720px;
	height:22px;
	z-index:7;
}
#header-bottom {
	position:absolute;
	height:100px;
	width:730px;
	background-image: url(images/header_img.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
}
#header-right {
	position:absolute;
	width:200px;
	height:180px;
	top:0;
	right:0;
	padding:20px 10px 0 15px;
	background-color:#af9f7b;
}
#home 
{
	position:absolute;
	width:25px;
	right:0px;
	height:25px;
	top:5px;
}
#search 
{
	position:relative;
	width:190px;
	left:0px;
	height:45px;
	top:140px;
}
#searchbutton {
	position: absolute;
	top:3px;
	right:5px;
}
#footer-container
{
	position: fixed;
	bottom: 0;
	width: 960px;
	height: 20px;
	margin:0 auto 0 auto;
	border-top: 2px solid #eeebe9;
	background-color: #af9f7b;
	z-index: 5;
}
* html #footer-container
{
	bottom: 2px;
	width: 960px;
	height: 20px;
	text-align: left;
}
#footer-left
{
	font-size:x-small;
	color:#eeebe9;
	letter-spacing:0.2em;
	padding: 2px 0 0 5px;
}
#footer-right
{
	position:absolute;
	top:0;
	right:-10px;
	width:225px;
	height:20px;
	background-color: #8e7d58;
	font-size:x-small;
	color:#eeebe9;
	padding: 2px 0 0 5px;
}
#popup
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	border: 0;
	z-index: 4;
	background: #eeebe9;
	padding: 5px;
	text-align: left;
}

/******************
div-specific styles
******************/

#content a   		{ text-decoration: none; cursor: hand; }
#content a:link		{ color: blue; }	
#content a:visited	{ color: blue; }
#content a:active	{ color: Orange; }
#content a:hover	{ color: LightSteelBlue; }

#popup a   		    { text-decoration: none; cursor: hand; }
#popup a:link		{ color: blue; }	
#popup a:visited	{ color: blue; }
#popup a:active	    { color: Orange; }
#popup a:hover	    { color: LightSteelBlue; }

#mainnav a {text-decoration:none;}
/* Adds a height to a button so that IE Win will allow it to be clickable across its full width */

/* Hide from IE5-Mac \*/
* html #mainnav a {height: 1%; }
/* end hiding */ 

#mainnav a   		{ cursor: hand }
#mainnav a:link		{ color: #8e7d58; }	
#mainnav a:visited	{ color: #8e7d58; }
#mainnav a:active	{ color: #af9f7b; }
#mainnav a:hover	{ color: #af9f7b; }

#header-right a     { text-decoration:none; cursor: hand; color:LightSteelBlue; }

/******************
classes
******************/

.menu 
{
	background-color: #eeebe9;
}
.menulevel1 
{
	font-variant: small-caps;
}
.menuhover 
{
	color: #af9f7b;
}
.menuselected
{
	color: #af9f7b;
	font-weight: bold;
}
.sitetitle {
	font-size:2.0em;
	font-weight:normal;
	color:#8e7d58;
	text-decoration:none;
}

.sitesubtitle {
	font-size:1.2em;
	line-height:140%;
	color:#af9f7b;
}
.FloatPanel
{
	position: absolute;
    top:100px;
    left:100px;
	font-size: x-small;
	background: WhiteSmoke;
	border: 1px solid gray;
    padding:2px;
}
.Title
{
	font: 14pt "Trebuchet MS";
	font-weight: 500;
}
.SubTitle
{
	font: 12pt "Trebuchet MS";
	font-weight: 500;
}
.Label
{
	font-size: x-small;
	font-weight: 500;
}
.TextBox
{
	font: 10pt Arial;
}
.Aka
{
	font: 12pt Arial;
	font-style:italic;
}
.Desc
{
	font-style:italic;
}
.LookLikeLink
{
	color: Blue;
}
.LookLikeTextBox
{
	border: none;
	border-top: solid 1px LightSlateGray;
	min-height: 18px;
	vertical-align: middle;
	background: White;
	font: 11pt Arial;
	font-size: small;
	padding: 2px 0 0 2px;
	overflow: auto;
}    
.CheesePic {
    float: right;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-right:10px;
}
.modalBackground
{
	background-color:Gray; 
	filter: alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#eeebe9;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	text-align:left;
}
.Pager td
{
	padding-right:4px;
}
.Watermark {
	font-family: Arial,Verdana,sans-serif;
	font-size: small;
	font-style: italic;
	color:gray;
}	
.NoDisplay
{
	display: none;
}
.Error
{
	color: Red;
	font-size: smaller;
}