﻿/* STYLE */
* { color: #606060; font-family: Arial; font-size: 12px;}
h1 { font-size: 15px; color: #ffffff;}
h2 { font-size: 14px; color: #878684;}
h2 a { font-size: 14px; color: #878684; text-decoration:none;}
h2 a:hover { font-size: 14px; color: #878684; text-decoration:underline;}
body { border: 0px; margin: 0px; padding: 0px; background: #ffffff; }
p { line-height: 17px; margin: 10px 0px 10px 0px; padding: 0px; }
ul { margin: 2px 0px 2px 0px; padding: 0px; font-size:12px;}
li { margin: 2px 0px 2px 15px; padding: 0px; font-size:12px; }
a { color: #C8504F; 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:#749685 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;
	border-right: solid 1px #cccccc;
	background-repeat: repeat-x;
	background-position: left;
	background-color: #989898;
	background-image: url(../Images/Global/SubMenuBg.gif);
}
#SubMenu2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 30px;
	border-right: solid 1px #cccccc;
	background-repeat: repeat-x;
	background-position: left;
	background-color: #6A6A6A;
}

#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 #5F81AA; background-image: url(../Images/Global/BluePanelBg.jpg); background-repeat: repeat-y; width: 209px; }
#BluePanelBody { position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #5F81AA; padding: 0px; margin: 0px; }
#BluePanelBody a { color: #5F81AA; text-decoration: none; font-size:10px; }
#BluePanelBody a:hover { text-decoration: underline; }
#BluePanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }
#RedPanelCaption { position: relative; top:0; left:0; width: 213px; min-height: 25px; color: #ffffff; font-size: 10px; font-weight: bold; border: solid 2px #da6b69; 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: none; padding: 0px; margin: 0px; }
#RedPanelBody a { color: #C8504F; text-decoration: none; font-size:10px; }
#RedPanelBody a:hover { text-decoration: underline; }
#RedPanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }
#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; }
#GreenPanelBody a { color: #7EA190; text-decoration: none; font-size:10px; }
#GreenPanelBody a:hover { text-decoration: underline; }
#GreenPanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }
#LBluePanelCaption { position: relative; width: 213px; min-height: 25px; color: #ffffff; font-size: 10px; font-weight: bold; border: solid 2px #6698c2; width: 209px; background-image: url(../images/global/lbluepanelbg.jpg); background-repeat: repeat-y;}
#LBluePanelBody { position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #6698c2; padding: 0px; margin: 0px; }
#LBluePanelBody a { color: #6698c2; text-decoration: none; font-size:10px; }
#LBluePanelBody a:hover { text-decoration: underline; }
#LBluePanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }
#GrayPanelCaption { position: relative; width: 213px; min-height: 25px; color: #ffffff; font-size: 12px; font-weight: bold; border: solid 2px #9eb8ab; background: #9eb8ab url(../Images/Global/GrayPanelBg.jpg) repeat-y; width: 209px; }
#GrayPanelBody { position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #B9B9B9; padding: 0px; margin: 0px; }
#GrayPanelBody a { color: #B9B9B9; text-decoration: none; font-size:10px; }
#GrayPanelBody a:hover { text-decoration: underline; }
#GrayPanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }
#DGrayPanelCaption { position: relative; width: 213px; min-height: 25px; color: #ffffff; font-size: 12px; font-weight: bold; border: solid 2px #878684; background: #9eb8ab url(../Images/Global/DGrayPanelBg.jpg) repeat-y; width: 209px; }
#DGrayPanelBody { position: relative; width: 209px; font-size: 10px; border: solid 2px #ededed; background-color : #ededed; border-bottom: solid 1px #878684; padding: 0px; margin: 0px; }
#DGrayPanelBody a { color: #878684; text-decoration: none; font-size:10px; }
#DGrayPanelBody a:hover { text-decoration: underline; }
#DGrayPanelBody li { margin: 2px 0px 2px 15px; padding: 0px; font-size:10px; }

#Footer { position: relative; left:50px; width: 700px; clear: both; }

/* CLASSES */
.SiteMap a					{ color:#666666; text-decoration: none; }
.SiteMap a:hover			{ color:#C8504F; text-decoration: underline; }

.CaptionText				{ color: #ffffff; }
.CaptionText a				{ color: #ffffff; text-decoration: underline; }
.CaptionText a:hover		{ color:#C8504F; text-decoration: none; }

.PanelCaption				{ color: #ffffff; text-indent: 3px; font-size: 12px;}
.PanelCaption a				{ font-size: 12px; color:#ffffff; text-decoration:none; font-weight:bold;}
.PanelCaption a:hover		{ font-size: 12px; color:#ffffff; text-decoration:underline; font-weight:bold;}

.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; font-size:12px; }
.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: 11px; font-weight: bold; }
.SubMenu a					{ color: #ffffff; font-size: 11px; 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: 10px; }
.FooterMenu a				{ color: #6698c2; padding: 0px; text-decoration: underline; font-size: 10px; }
.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;

