/* 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:#718a2e;}

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:#aac462;
	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:#718a2e;
	font-family:"Lucida Sans", Verdana, "Lucida Grande", Geneva, sans-serif;
	z-index:6;
}
#header-top {
	position:relative;
	height:100px;
	width:730px;
	background-color:#aac462;
}
#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:#718a2e;
	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;
}
#qtitle 
{
	position:absolute;
	width:400px;
	left:10px;
	height:40px;
	top:50px;
}
#header-right {
	position:absolute;
	width:200px;
	height:180px;
	top:0;
	right:0;
	padding:20px 10px 0 15px;
	background-color:#718a2e;
}
#home 
{
	position:absolute;
	width:25px;
	right:0px;
	height:25px;
	top:5px;
}
#search 
{
	position:absolute;
	width:190px;
	height:45px;
	top:160px;
}
#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 #aac462;
	background-color: #718a2e;
	z-index: 5;
}
* html #footer-container
{
	bottom: 2px;
	width: 960px;
	height: 20px;
	text-align: left;
}
#footer-left
{
	font-size:x-small;
	color:#aac462;
	letter-spacing:0.2em;
	padding: 2px 0 0 5px;
}
#footer-right
{
	position:absolute;
	top:0;
	right:-10px;
	width:225px;
	height:20px;
	background-color: #465a0f;
	font-size:x-small;
	color:#aac462;
	padding: 2px 0 0 5px;
}
#popup
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	border: 0;
	z-index: 4;
	background: #aac462;
	padding: 5px;
	text-align: left;
}
#floatleft
{
	float:left;
	top:100px;
	height: 100%;
	width: 380px;
}
#floatright
{
	margin-left:400px;
	top:100px;
	height: 100%;
	width: 300px;
}
.QuotePanel
{
	position: relative;
	font-size: small;
	background: WhiteSmoke;
	border: 1px solid gray;
    padding:4px;
    max-width:380px;
}
.PhotoPanel
{
	position: relative;
    min-width: 200px;
	border: none;
}
.QuestionPanel
{
	font: 1.2em "Trebuchet MS";
}
.ChoicesPanel
{
	font: 1.1em "Trebuchet MS";
}
/******************
div-specific styles
******************/

#content a   		{ text-decoration: none; cursor: hand; }
#content a:not(.ajax__tab_tab):visited	{ color: blue; }
#content a:not(.ajax__tab_tab):link		{ color: blue; }	
#content a:not(.ajax__tab_tab):active	{ color: Orange; }
#content a:not(.ajax__tab_tab):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: #465a0f; }	
#mainnav a:visited	{ color: #465a0f; }
#mainnav a:active	{ color: #718a2e; }
#mainnav a:hover	{ color: #718a2e; }

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

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

.menu 
{
	background-color: #aac462;
}
.menulevel1 
{
	font-variant: small-caps;
}
.menulevel2 
{
	font-size: 0.9em;
}
.menuhover 
{
	color: #718a2e;
}
.menuselected
{
	color: #718a2e;
	font-weight: bold;
}
.sitetitle {
	font-size:2.0em;
	font-weight:normal;
	color:#465a0f;
	text-decoration:none;
}

.sitesubtitle {
	font-size:1.2em;
	line-height:140%;
	color:#718a2e;
}
.Title
{
	font: 14pt "Trebuchet MS";
	font-weight: 500;
}
.SubTitle
{
	font: 12pt "Trebuchet MS";
	font-weight: 500;
}
.QTitle
{
	font: "Trebuchet MS";
    font-size:1.8em;
    color:Blue;
}

.Label
{
	font-size: x-small;
	font-weight: 500;
}
.TextBox
{
	font: 10pt Arial;
}
.Aka
{
	font: 12pt Arial;
	font-style:italic;
}
.Desc
{
	font: 10pt Arial;
	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;
}    
.GridEditBox
{
	font: 11pt Arial;
	font-size: small;
	padding: 1px 0 1px 1px;
	overflow: auto;
}    
.modalBackground
{
	background-color:Gray; 
	filter: alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#b1c47c;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	text-align:left;
}
.Notes
{
	border: none;
	border-top: solid 1px LightSlateGray;
	background: White;
	font: 11pt Arial;
	font-size: small;
	min-height:18px;
	margin:0;
	padding: 3px 3px 3px 3px;
	overflow: auto;
}
.ExpandableGrid td {
    padding:2px 0 0 1px;
}
.Pager td
{
	padding-right:4px;
}
.Pager span
{
	color:#e65c00;
    font-weight:bold;
}
.Watermark {
	font-family: Arial,Verdana,sans-serif;
	font-size: small;
	font-style: italic;
	color:gray;
}	
.NoDisplay
{
	display: none;
}
.Error
{
	color: Red;
	font-size: smaller;
}
/* TabContainer styles */ 

.FormTab .ajax__tab_header {
     margin-bottom:-4px;
} 
.FormTab .ajax__tab_outer    {
     height:25px;
} 
.FormTab .ajax__tab_inner    {
    padding-top:9px;
} 
.FormTab .ajax__tab_tab {
background: #aac462; /* Old browsers */
background: -moz-linear-gradient(top, #aac462 1%, #a5b941 12%, #7d8c31 26%, #7d8c31 33%, #a5b941 48%, #aac462 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aac462), color-stop(12%,#a5b941), color-stop(26%,#7d8c31), color-stop(33%,#7d8c31), color-stop(48%,#a5b941), color-stop(88%,#aac462)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aac462 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#aac462 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aac462 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#aac462 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aac462 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#aac462 88%); /* IE10+ */
background: linear-gradient(to bottom, #aac462 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#aac462 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #465a0f;
    color:#cb6c8c;
} 
.FormTab .ajax__tab_hover .ajax__tab_tab { 
background: #aac462; /* Old browsers */
background: -moz-linear-gradient(top, #aac462 1%, #718a2e 12%, #465a0f 26%, #465a0f 33%, #718a2e 48%, #aac462 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aac462), color-stop(12%,#718a2e), color-stop(26%,#465a0f), color-stop(33%,#465a0f), color-stop(48%,#718a2e), color-stop(88%,#aac462)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* IE10+ */
background: linear-gradient(to bottom, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #465a0f; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_active .ajax__tab_tab {
background: #aac462; /* Old browsers */
background: -moz-linear-gradient(top, #aac462 1%, #718a2e 12%, #465a0f 26%, #465a0f 33%, #718a2e 48%, #aac462 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aac462), color-stop(12%,#718a2e), color-stop(26%,#465a0f), color-stop(33%,#465a0f), color-stop(48%,#718a2e), color-stop(88%,#aac462)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* IE10+ */
background: linear-gradient(to bottom, #aac462 1%,#718a2e 12%,#465a0f 26%,#465a0f 33%,#718a2e 48%,#aac462 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #465a0f; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_body {
     border:1px solid #465a0f;
     padding:8px;
     background-color:#aac462;
}
.FormTab :focus {
    border:none;
    outline:0;
}