/*

*********************************************************************************************
*** PLEASE FOLLOW THE RULES BELOW **************************
*********************************************************************************************

> Styles can be seperated into the groups (and sub-groups) shown below.

	1. Tag (Redefines the look of any specific tag)

	2. Class (Can apply to any tag)
	
		- Page (Applies to the entire web page)
			- Header (Applies to the header portion of the page)
			- Nav (Applies to the navigation portion of the page)
			- Content (Applies to the main content portion of the page)
				- Heading (Applies to the headings within main content portion of the page)
				- Paragraph (Applies to the paragraphs within main content portion of the page)
			- Footer (Applies to the footer portion of the page)
			- Control (Applies to the user controls)
				- Name of Control (Applies to the specific user control)
			- Form (Applies to the form elements of a site)
			- Misc (Applies to miscellaneous element/sections of the site)
				- Error (Applies to the error messages)
		- Admin (Applies to the admin section of the site)
			- Tree (Applies to the tree view)
			- Cms (Applies to the cms panel)

	3. Advanced (IDs, contextual selectors, etc.)

> Keep the styles belonging to the 3 main groups in order, below their relevant titles.
  
> Use the Pascal naming convention, i.e. NamedVariable, NamedVariable2, AnotherNamedVariable, 
  except with Tag Styles, use lowercase standard html names.

> Class styles should be pre-fixed with the name of their sub-set, e.g. PageBg, 
  HeaderImage, NavLink, ContentBorder, FormButton, ErrorMsg, AdminHeading, CmsParagraph, etc.
  
> Any abbreviations should be obvious, list them here:

  Bg = Background
  Nav = Navigation
  Msg = Message
  
> Where it is expected that more than one similar style will occupy a sub-set, append with numerals,
  e.g. ContentHeading, ContentHeading2, ContentHeading3, ContentHeading4, etc.

> Do not use properties within names! i.e. ContentRedBigBoldHeading. The style may change.
  Use objects instead of properties.

> Use hexidecimal colour values rather than descriptions, e.g. use '#ffffff' not 'white'.

/********************************************************************************************
*** 1. Tag Styles ***************************************************************************
********************************************************************************************/

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url('../Images/HestiaBG.jpg');
	background-repeat: repeat-y;
	background-position:  center 50%;
}

.microgen {
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
}

.microgenbody {
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #555555;
}

.microgenbodygreen {
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #006633;
}

.microgenheader {
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: 006633;
}
.microgenlink

{  cursor: hand}

navitem
{
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #808080;	
}

/*
table,td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
*/

hr {
	border: 2px solid #f1f1f1;
}

li {
	margin-left: -20px;
	list-style-image: url('../Images/Bullet2.gif');
}

a:link{
	text-decoration: none;
	color: #006633;
}
a:active{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
	color: #006633;
}
a:hover{
	text-decoration: underline;
	color: #006633;
	cursor: hand;
}
.centered { 
		text-align: center; 
}


/********************************************************************************************
*** 2. Class Styles *************************************************************************
********************************************************************************************/

.FormTextBox {
 background-color: #FFFFFF;
 border: 1px solid #008699;
 height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
}

.FormTextBoxMed{
 background-color: #e0eff2;
 border: 1px solid #008699;
 height: 20px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 width: 150px;
 background-color: #f3f4f7;
}

.FormTextArea{
 background-color: #e0eff2;
 border: 1px solid #008699;
 height: 140px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 width: 150px;
 background-color: #f3f4f7;
}

.microgenbutton {
	cursor: hand;
}

.FormButton {
	height: 25px;
	font-size: 10px;
	font-weight:bold;
	color: #ffffff;
	background-color: #008699;
	border: 1px solid #ad4c05;
}

.FormDropDown{
 background-color: #e0eff2;
 border: 1px solid #008699;
 height: 20px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 width: 150px;
 background-color: #f3f4f7;}

.NavTitle1SearchButton {
	width: 21px;
	height: 15px;
	font-size: 8px;
	font-weight:bold;
	color: #ffffff;
	background-color: #008699;
	border: 1px solid #008699;
}

.NavTitle1SearchBox {
 background-color: #e0eff2;
 border: 1px solid #008699;
 height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 width: 100px;
 background-color: #f3f4f7;
}

.CmsBg {
 background-color: #f3f4f7;
}

.ErrorMsg 
{
	font-size: 11px;
 color: #FF0000;	
}

.AdminTree {
 border-bottom: #eeeeee 2px solid;
 border-right: #eeeeee 1px solid;
 border-top: #eeeeee 1px solid;
 border-left: #eeeeee 1px solid;
 background-color:#999999;
}

.AdminTreeView {
 border-bottom: 2px solid #999999;
 border-right: 1px solid #999999;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 background-image: url('../Images/AdminTreeViewBg.gif');
}

.AdminContent{
 border-right: #999999 3px solid;
 border-top: #999999 3px solid;
 border-left: #999999 3px solid;
 border-bottom: #999999 3px solid;
 background-color: #eeeeee;
}

.CmsBox{
	border-top: solid 1px #ACA899;
	border-right: solid 1px #ACA899;
	border-left: solid 1px #ACA899;
	background-color: #eeeeee;
	padding: 6px;
}
.HestiaHeaderA {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	background-color: #FFFFFF;
}
.HestiaHeaderB {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	background-color: #FFFFFF;
}
.DomidataHeaderA {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	background-color: #FFFFFF;
}
.DomidataHeaderB {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	background-color: #FFFFFF;
}
.HestiaNav {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	background-color: #FFFFFF;
}
.HestiaFooter {
	background-color: #00869a;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00869a;
	border-left-color: #00869a;
	color: #FFFFFF;
}
.HestiaContentBG {
	border-left:1px solid #00869a; border-right:1px solid #00869a; background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.HestiaNav1 {
	background-position: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00869a;
	border-bottom-color: #00869a;
	background-color: #FFFFFF;
}
.HestiaNav2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00869a;
	border-bottom-color: #00869a;
	background-color: #FFFFFF;
}
.HestiaNav1Bg {
	background-image: url('../Images/HestiaNav1.gif');
	background-repeat: no-repeat;
	background-position: left center
}
.NavTitle1 {
	font-weight: bold;
	color: #008699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.HestiaContentTitle1 {
	font-weight: bold;
	color: #008699;
	font-size: 14px;
}
.HestiaContentTitle2 {
	font-weight: bold;
	color: #008699;
	font-size: 14px;
}
.HestiaContentTitleBG1 {
	background-color: #008699;
	background-image: url('../Images/HestiaContentTitle2.jpg');
	background-repeat: no-repeat;
	background-position:  right 50%;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF
	
	
}
.HestiaContentTitleBG2 {
	background-color: #008699;
	background-image: url('../Images/HestiaContentTitle2.jpg');
	background-repeat: no-repeat;
	background-position:  right 50%;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF
}
.VR {
	background-image: url('../Images/VR.gif');
	background-repeat: repeat-y;
	background-position:  center 50%;
}
.HestiaFooterText {
	color: #FFFFFF;
	font-size: 9px;
}
.HestiaHeaderADate {
	font-size: 9px;
	color: #00869a;
}
.NavItem {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.NavItemOver {
	font-size: 10px;
	font-weight: bold;
	color: #008699;
	cursor: hand;
	cursor: pointer;
}
.HestiaContentText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height:1.75em;
}
.NavItemExpand {
	border-left:1px solid #008699; border-right:1px solid #008699; border-bottom:1px solid #008699; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	padding: 5px;
	background-image: url('../Images/NavExpandBg.gif');
	background-repeat: repeat-x
}
.NavItemExpandOver {
	border-left:1px solid #008699; border-right:1px solid #008699; border-bottom:1px solid #008699; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008699;
	background-color: #FFFFFF;
	padding: 5px;
	background-image: url('../Images/NavExpandBg.gif');
	background-repeat: repeat-x;
	cursor: hand;
	cursor: pointer
}
.NavItemExpandTop {
	border:1px solid #008699; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	padding: 5px;
	background-image: url('../Images/NavExpandBg.gif');
	background-repeat: repeat-x
}
.NavItemExpandOverTop {
	
	border:1px solid #008699; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008699;
	background-color: #FFFFFF;
	padding: 5px;
	background-image: url('../Images/NavExpandBg.gif');
	background-repeat: repeat-x;
	cursor: hand;
	cursor: pointer
}
.Grid 
{
	border-right: #7c7c94 1px solid; 
	border-top: #7c7c94 1px solid; 
	border-left: #7c7c94 1px solid; 
	cursor: pointer; 
	border-bottom: #7c7c94 1px solid; 
	background-color: #ffffff 
}
.HeadingRow 
{
	background-color: #e2e2e2 
}
.HeadingCell 
{
	border-right: #b5b5b5 1px solid; 
	padding-right: 3px; 
	border-top: #ffffff 1px solid; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	border-left: #ffffff 1px solid; 
	padding-top: 3px; 
	border-bottom: #b5b5b5 1px solid; 
	background-color: #e2e2e2 
	}
.HeadingCellText 
{
	font-weight: bold; 
	font-size: 10px; 
	font-family: verdana; 
	text-align: left 
	}
.DataRow 
{
	BACKGROUND-COLOR: #FFFFFF;
	height: 16px;
}
.DataCell 
{
	border-right: #eae9e1 1px solid; 
	padding-right: 3px; 
	padding-left: 3px; 
	font-size: 10px; 
	padding-bottom: 3px; 
	cursor: default; 
	padding-top: 3px; 
	border-bottom: #eae9e1 1px solid; 
	font-family: verdana 
}
.EditDataCell 
{
	border-top-width: 0px! important; 
	padding-right: 0px! important; 
	padding-left: 0px! important; 
	border-left-width: 0px! important; 
	border-bottom-width: 0px! important; 
	padding-bottom: 0px! important; 
	padding-top: 0px! important; 
	background-color: #e2e2e2; 
	border-right-width: 0px! important 
}
.EditDataField 
{
	padding-right: 0px; 
	padding-left: 1px; 
	font-size: 10px; 
	padding-bottom: 0px; 
	width: 98%! important; 
	padding-top: 0px; 
	font-family: verdana; 
	height: 16px 
}
.DataRow TD.FirstDataCell 
{
	padding-left: 3px 
}
.SelectedRow 
{
	background-color: #ffeec2 
}
.SelectedRow TD.DataCell 
{
	border-right: 0px; 
	padding-right: 2px; 
	border-top: #4b4b6f 1px solid; 
	padding-left: 3px; 
	font-size: 10px; 
	padding-bottom: 3px; 
	cursor: default; 
	padding-top: 2px; 
	border-bottom: #4b4b6f 1px solid; 
	font-family: verdana 
}
.SelectorCell 
{
	border-right: #b5b5b5 1px solid; 
	border-top: #ffffff 1px solid; 
	border-left: #ffffff 1px solid; 
	border-bottom: #b5b5b5 1px solid; 
	background-color: #e2e2e2 
}
.GridFooter 
{
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	cursor: default; 
	padding-top: 5px 
}
.GridFooter A 
{
	font-weight: bold; 
	vertical-align: bottom; 
	color: black 
}
.PagerText 
{
	font-size: 11px; 
	font-family: verdana 
}
.BreadCrumbTrail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #008699;
}

.FormLabel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/********************************************************************************************
*** 3. Advanced Styles **********************************************************************
********************************************************************************************/

a.NavLink:link{
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}
a.NavLink:active{
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}
a.NavLink:hover{
	color: #666666;
	font-weight:bold;
}
a.NavLink:visited{
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}

a.SearchResultsTitle:link{
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.SearchResultsTitle:active{
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.SearchResultsTitle:hover{
	color: #ffffff;
	font-weight:bold;
}
a.SearchResultsTitle:visited{
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}.ErrorMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}