/* 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:#e6ccb7;
	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:#8e0101;
	font-family:"Lucida Sans", Verdana, "Lucida Grande", Geneva, sans-serif;
	z-index:6;
}
#header-top {
	position:relative;
	height:100px;
	width:730px;
	background-color:#e6ccb7;
}
#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:#8e0101;
	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:#8e0101;
}
#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 #e6ccb7;
	background-color: #8e0101;
	z-index: 5;
}
* html #footer-container
{
	bottom: 2px;
	width: 960px;
	height: 20px;
	text-align: left;
}
#footer-left
{
	font-size:x-small;
	color:#e6ccb7;
	letter-spacing:0.2em;
	padding: 2px 0 0 5px;
}
#footer-right
{
	position:absolute;
	top:0;
	right:-10px;
	width:225px;
	height:20px;
	background-color: #3b0000;
	font-size:x-small;
	color:#e6ccb7;
	padding: 2px 0 0 5px;
}
#popup
{
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: #e6ccb7;
	z-index: 4;
	padding: 5px;
	text-align: left;
}
#popup p
{
	margin: 1px 1px 4px 1px;
}

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

#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: #3b0000; }	
#mainnav a:visited	{ color: #3b0000; }
#mainnav a:active	{ color: #8e0101; }
#mainnav a:hover	{ color: #8e0101; }

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

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

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

.sitesubtitle {
	font-size:1.2em;
	line-height:140%;
	color:#8e0101;
}
.selectedNode 
{
	font-style:italic;
}
.Label
{
	font-size: x-small;
	font-weight: 500;
}
.Title
{
	font: 14pt "Trebuchet MS";
	font-weight: 500;
}
.SubTitle
{
	font: 12pt "Trebuchet MS";
	font-weight: 500;
}
.Aka
{
	font: 12pt Arial;
	font-style:italic;
}
.Desc
{
	font-style:italic;
}
.TextBox
{
	font: 10pt Arial;
}
.LookLikeForm
{
	border: LightSlateGray;
	border-style: solid;
	border-width: 1px;
	background-color: #ebccb7;
	padding: 5px 0 0 5px;
}    
.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;
}    
.ChilliPic {
    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:#e6ccb7;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	text-align:left;
}
.collapsePanel {
	
	background-color:#ebccb7;
	overflow:hidden;
}
.Pager td
{
	padding-right:4px;
}
.Watermark {
	font-family: Arial,Verdana,sans-serif;
	font-size: small;
	font-style: italic;
	color:gray;
}	
.NoDisplay
{
	display: none;
}
.Status
{
	font-size: small;
	color: Red;
}
.cropSize
{
	position: relative;
	font-size: x-small;
	color: Red;
}
.HoverMessage
{
	position: relative;
	font-size: x-small;
	color: Red;
	background: #e6ccb7;
}
.Error
{
	color: Red;
	font-size: smaller;
}
.Calendar   { font: 10pt Arial; }

.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;z-index : 10000;}
.MyCalendar .ajax__calendar_header {height:20px;width:100%;background-color:#bfdbff;padding-top:3px;}
.MyCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#A1A1A1;}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#A1A1A1;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* 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: #ebccb7; /* old browsers */
    background: -moz-linear-gradient(top, #ebccb7 1%, #8e0101 14%, #8e0101 23%, #8e0101 37%, #ebccb7 88%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ebccb7), color-stop(14%,#8e0101), color-stop(23%,#8e0101), color-stop(37%,#8e0101), color-stop(88%,#ebccb7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebccb7 1%,#8e0101 14%,#8e0101 23%,#8e0101 37%,#ebccb7 88%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebccb7 1%,#8e0101 14%,#8e0101 23%,#8e0101 37%,#ebccb7 88%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebccb7 1%,#8e0101 14%,#8e0101 23%,#8e0101 37%,#ebccb7 88%); /* IE10+ */
    background: linear-gradient(to bottom, #ebccb7 1%,#8e0101 14%,#8e0101 23%,#8e0101 37%,#ebccb7 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 30px;
    margin:0;
    width:50px;
    border: 1px solid #3b0000;
    color:LightSteelBlue;
} 
.FormTab .ajax__tab_hover .ajax__tab_tab { 
    background: #ebccb7; /* old browsers */
    background: -moz-linear-gradient(top, #ebccb7 1%, #3b0000 14%, #3b0000 23%, #3b0000 37%, #ebccb7 92%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ebccb7), color-stop(14%,#3b0000), color-stop(23%,#3b0000), color-stop(37%,#3b0000), color-stop(92%,#ebccb7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* IE10+ */
    background: linear-gradient(to bottom, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* W3C */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 30px;
    margin:0;
    width:50px;
    border: 1px solid #3b0000; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_active .ajax__tab_tab {
    background: #ebccb7; /* old browsers */
    background: -moz-linear-gradient(top, #ebccb7 1%, #3b0000 14%, #3b0000 23%, #3b0000 37%, #ebccb7 92%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ebccb7), color-stop(14%,#3b0000), color-stop(23%,#3b0000), color-stop(37%,#3b0000), color-stop(92%,#ebccb7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* IE10+ */
    background: linear-gradient(to bottom, #ebccb7 1%,#3b0000 14%,#3b0000 23%,#3b0000 37%,#ebccb7 92%); /* W3C */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 30px;
    margin:0;
    width:50px;
    border: 1px solid #3b0000; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_body {
     border:1px solid #3b0000;
     padding:8px;
     background-color:#ebccb7;
}
.FormTab :focus {
    border:none;
    outline:0;
}