﻿/* STYLE */
body, h1, h2, h3, h4, h5, h6, p, a, li, td, th, input, select, textarea
{
	color: #606060;
	font-family: Verdana, Arial, Geneva, Lucida Sans, Helvetica, Trebuchet, Sans-Serif; 
	font-size: 11px;
}

body								{ border: 0px; margin: 0px; padding: 0px; background: #ffffff; }
p										{ line-height: 17px; margin: 10px 0px 10px 0px; padding: 0px; }
ul									{ margin: 10px 0px 10px 0px; padding: 0px; }
li									{ margin: 10px 0px 10px 15px; padding: 0px; }
a										{ color: #5f81aa; text-decoration: none; }
a:hover							{ text-decoration: underline; }

/* ELEMENT IDs */

#Header											{ position: relative; top: 0px; left: 0px; width: 750px; height: 87px; background-color: #ffffff; }
#HomeCaptionExtend					{ position: relative; top: 0px; left: 0px; width: 750px; height: 222px; background: #99b5a7 url(../Images/Global/HomeCaptionExtendBg.jpg) repeat-x top left; }
#HomeCaption								{ position: relative; top: 0px; left: 0px; width: 750px; height: 222px; background: #7fa291 url(../Images/Global/HomeCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#LargeCaptionExtend					{ position: absolute; top: 117px; left: 0px; width: 100%; height: 151px; background: #99b5a7 url(../Images/Global/LargeCaptionExtendBg.jpg) repeat-x top left; }
#LargeCaption								{ position: relative; top: 0px; left: 0px; width: 750px; height: 151px; background: #7fa291 url(../Images/Global/LargeCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#LargeSubMenuCaptionExtend	{ position: absolute; top: 147px; left: 0px; width: 100%; height: 151px; background: #99b5a7 url(../Images/Global/LargeCaptionExtendBg.jpg) repeat-x top left; }
#LargeSubMenuCaption				{ position: relative; top: 0px; left: 0px; width: 750px; height: 151px; background: #7fa291 url(../Images/Global/LargeCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#SmallCaptionExtend					{ position: absolute; top: 117px; left: 0px; width: 100%; height: 83px; background: #99b5a7 url(../Images/Global/SmallCaptionExtendBg.jpg) repeat-x top left; }
#SmallCaption								{  position: absolute; top: 0px; left: 0px; width: 750px; height: 83px; background: #7fa291 url(../Images/Global/SmallCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#SmallSubMenuCaptionExtend	{ position: absolute; top: 147px; left: 0px; width: 100%; height: 83px; background: #99b5a7 url(../Images/Global/SmallCaptionExtendBg.jpg) repeat-x top left; }
#SmallSubMenuCaption				{ position: relative; top: 0px; left: 0px; width: 750px; height: 83px; background: #7fa291 url(../Images/Global/SmallCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#PopupCaption								{ position: absolute; top: 0px; left: 0px; width: 600px; height: 83px; background: #7fa291 url(../Images/Global/SmallCaptionBg.jpg) repeat-x top left; border-right: solid 1px #b4c5bd; }
#HomePage										{ position: absolute; top: 339px; left: 47px; width: 703px; height: auto; }
#HomePageContent						{ position: absolute; top: 20px; left: 0px; width: 400px; }
#LargePage									{ position: absolute; top: 268px; left: 47px; width: 703px; height: auto; }
#LargeSubMenuPage						{ position: absolute; top: 298px; left: 47px; width: 703px; height: auto; }
#SmallPage									{position: relative; top:90px; left: 47px; width: 703px; }
#SmallSubMenuPage						{ position: absolute; top: 230px; left: 47px; width: 703px; height: auto; }
#PopupPage									{ position: absolute; width: 550px; top: 80px; margin:20px;  padding: 10px; height: auto; }
#Menu												{ position: relative; top: 0px; left: 0px; width: 100%; height: 30px; background-color: #f2f2f2; border-right: solid 1px #f9f9f9; }
#MenuExtend									{ position: absolute; top: 87px; left: 0px; width: 100%; height: 30px; background-color: #f5f5f5; }
#SubMenuExtend							{ position: absolute; top: 117px; left: 0px; width: 100%; height: 30px; background: #adadad url(../Images/Global/SubMenuExtendBg.gif) repeat-x left; }
#SubMenu										{ position: relative; top: 0px; left: 0px; width: 750px; height: 30px; background: #989898 url(../Images/Global/SubMenuBg.gif) repeat-x left; border-right: solid 1px #cccccc; }
#PageLeft										{ float: left; width: 470px; margin-top: 20px; }
#PageRight									{ float: none; width: 213px; margin-top: 30px; }
#PageCentre									{ width: 100%; text-align: center; }
#BluePanelCaption						{ position: relative; width: 213px; min-height: 25px; color: #ffffff; font-size: 10px; font-weight: bold; border: solid 2px #6698c2; background: #76a8cb url(../Images/Global/BluePanelBg.jpg) repeat-y; width: 209px; }
#BluePanelBody							{ position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #6698c2; padding: 0px; margin: 0px; }
#RedPanelCaption						{ position: relative; top:0; left:0; width: 213px; min-height: 25px; color: #ffffff; font-size: 10px; font-weight: bold; border: solid 2px #c8504f; background: #da6b69 url(../Images/Global/RedPanelBg.jpg) repeat-y; width: 209px; }
#RedPanelBody								{ position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #c8504f; padding: 0px; margin: 0px; }
#GreenPanelCaption					{ position: relative; width: 213px; min-height: 25px; color: #ffffff; font-size: 10px; font-weight: bold; border: solid 2px #7ea190; background: #9eb8ab url(../Images/Global/GreenPanelBg.jpg) repeat-y; width: 209px; }
#GreenPanelBody							{ position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #7ea190; padding: 0px; margin: 0px; }
#Footer											{ position: relative; left:50px; width: 700px; clear: both; }


/* CLASSES */
.CaptionText				{ color: #ffffff; }

.PanelCaption				{ font-size: 10px; color: #ffffff; width: auto; padding: 0px; }

.PanelText					{ font-size: 10px; width: auto; padding: 0px; margin: 5px; }
.PanelText a				{ font-size: 10px; }

.PanelList					{ width: auto; list-style-type: none; padding: 0px; margin: 0px; }
.PanelList li				{ font-size: 10px; margin: 5px; padding: 0px;}
.PanelList a				{ font-size: 10px; }
				
.Menu								{ list-style: none; margin: 0px; padding: 8px 0px 0px 47px; }
.Menu li						{ color: #cccccc; display: inline; margin: 0px;  padding-right: 30px; }
.Menu li.Active			{ color: #5f81aa; display: inline; padding-right: 30px; font-weight: bold; }
.Menu a							{ color: #5f81aa; font-weight: normal; text-decoration: none; }
.Menu a:hover				{ color: #c8504f; text-decoration: none; }

.SubMenu						{ list-style: none; margin: 0px; padding: 8px 0px 0px 47px; }
.SubMenu li					{ color: #ffffff; display: inline; margin: 0px;  padding-right: 15px; }
.SubMenu li.Active	{ color: #ffffff; display: inline; padding-right: 15px;  font-size: 9px; font-weight: bold; }
.SubMenu a					{ color: #ffffff; font-size: 9px; font-weight: normal; text-decoration: none; }
.SubMenu a:hover		{ color: #39597f; text-decoration: none; }

.Form								{ }
.Form	h1						{ margin: 30px 0px 10px 0px; }
.Form th						{ font-weight: normal; text-align: left; padding: 3px; }
.Form td						{ padding: 3px; }
.Form	li						{ color: #c8504f; }
.Form .TextBox			{ border-bottom: solid 1px #d3d3d3; }

.ContactUs					{ margin-top: 20px; padding-right: 50px; width: 600px; }
.ContactUs h1				{ margin: 20px 0px 5px 0px; }
.ContactUs p				{ margin: 0px; padding: 0px; }

.Tree								{ padding: 0px; margin: 20px 0px 0px 35px; position: relative; }
.Tree h1						{ margin: 0px; padding: 0px; }
.Tree ul						{ padding:0;margin:0;background-position: -9px 15px; background-image: url(../Images/Sitemap/ul.gif); margin: 4px 0px -2px; background-repeat: repeat-y; }
.Tree li						{ padding-right: 0px; padding-left: 20px; font-size: 11px; padding-bottom: 4px; margin: 0px; padding-top: 4px; list-style-type: none; }
.Tree ul ul					{ background-position: -9px 15px; background-image: url(../Images/Sitemap/ul.gif); background-repeat: repeat-y; }
.Tree ul li					{ background-position: 0px 7px; background-image: url(../Images/Sitemap/li.gif); background-repeat: no-repeat;font-weight:normal; }
.Tree ul ul li			{ background-position: 0px 7px; background-image: url(../Images/Sitemap/li.gif); background-repeat: no-repeat; font-size:11px; font-weight:normal; }


.FooterMenu					{ list-style: none; margin: 30px 0px 20px 0px; }
.FooterMenu li			{ color: #cccccc; display: inline; margin: 0px; padding: 0px; font-size: 9px; }
.FooterMenu a				{ color: #6698c2; padding: 0px; text-decoration: underline; font-size: 9px; }
.FooterMenu a:hover	{ text-decoration: none; }

.greenGraid{background:url(../Images/Global/green_graid.jpg) repeat-x; height:100%;}.BorderZero {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
