﻿body  
{
    padding: 0;
    margin: 0;
    font-family:Arial;
    background: url("../images/Layout/Page_Background.gif");
    background-repeat: repeat-y;
    background-position: center top;
    background-color: White;
}

#PageBackground
{
    background: url("../images/Layout/Bubbles_BG.gif");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    margin: 0px;
    clear: both;
    height: 500px;
}
#Page 
{
	margin: 0px;
    padding: 0px;
    min-width: 960px;
    background: url("../images/Layout/Top_BG.jpg") no-repeat center top;
    clear: both;
}

#PageWidth
{
    width: 960px;
    margin: 0px auto; 
    padding-bottom: 10px;
}

/* General Site Styles Start */
img		{border:0px; padding:0px; margin: 0px; }

.Table .Row {position:relative; clear:both;}
.Table .Row .Column {display: inline; float:left;}

a { color:#00406e; }
a:visited { color:#00406e; }


.Clear {clear:both; height:0px; margin:0px; padding:0px;}


/* General Site Styles Finish */

/* Header Styles Start */
#Header 
{
	margin:0; padding: 0;
    height: 160px; 
    width:960px; 
    border-top-color: #b6d829;
    border-top-style: solid;
    border-top-width: 3px;
}

#Header .Logo {display: inline; float: left; margin-top:14px; margin-left:29px; }
#Header .Logo h1 {margin:0; padding:0;}
#Header .Logo h1 a {display:block; width:355px; height:89px; background:url(../images/Layout/Logo.gif); }
#Header .Logo h1 a span {display:none;}

#Header .Search { display: inline; float: right; margin-top:26px; margin-right:29px; width: 231px; height: 42px; background:url(../images/Layout/Search-BG.jpg); }
#Header .Search .SearchBox {  display: inline;  float: left; margin-top: 12px; margin-left: 12px; border: 1px solid #ccc; font-size: 11px; width: 170px; padding: 2px 6px 2px 6px; color: #bababa }
#Header .Search .SearchButton { display: inline; float: right; margin-top: 12px; margin-right: 12px; border: 0px; padding: 0px; }


#Header .Navigation { clear: both; font-size: 90%; }
#Header .Navigation ul.Level1 { padding: 0; margin: 0 29px 0 0; display: inline; float: right; }
#Header .Navigation ul.Level1 li {display: inline; float:left; list-style: none; height:29px; padding-left:10px; margin:0;}
#Header .Navigation ul.Level1 li a {display:inline; height:22px; padding-right:10px; padding-top:5px; color:#00406e; text-decoration:none; background:url(../images/Layout/Navigation_BG.gif) no-repeat; background-position: right center;}
#Header .Navigation ul.Level1 li.Last a {background: none;}
#Header .Navigation ul.Level1 li a:hover {text-decoration:underline;}
#Header .Navigation ul.Level1 li a:visited {color:#00406e; }

/* Header Styles Finish */

/* Upper Content Start */
#UpperContent { display: inline; float: left; width:960px; margin: -8px 0 0 0; padding: 0px; background-color: White;}

/* Upper Content Finish */

/* SubNavigation Start */

#SubNavigation { display: inline; float: left; width: 960px; background: #b6d829; font-size: 83%; height: 25px;}
#SubNavigation ul.Level1 { display: inline; float: left; margin: 5px 0px 20px 0px; padding: 0px; height: 21px;}
#SubNavigation ul.Level1 li {display: inline; float:left; list-style: none; padding-left:15px; margin:0;}
#SubNavigation ul.Level1 li a {display:inline; padding-right:15px; padding-top:0px; color:#00406e; text-decoration:none; background:url(../images/Layout/SubNavigation_BG.gif) no-repeat; background-position: right center;}
#SubNavigation ul.Level1 li.Last a {background: none;}
#SubNavigation ul.Level1 li a:hover {text-decoration:underline;}
#SubNavigation ul.Level1 li a:visited {color:#00406e;}

/* SubNavigation Finish */

/* Main Content Start */

#ContentContainer  
{
	display: inline; float: left;
    width: 960px; 
    background-color: #fff;
    font-size: 83%;
    
}

#ContentContainer .LeftContent
{
	display: inline; float: left;
	margin: 20px;
	width: 380px;
}

#ContentContainer .InnerContent
{
	margin: 20px;
	width: 920px;
}


/* Main Content End */

/* Breadcrumb Styles Start */

.BreadCrumbTrail {margin-left:20px;  margin-top: 10px; color:#666; font-weight: bold; font-size: 12px;}
.BreadCrumbTrail a {color:#666; text-decoration:none; font-weight: normal;}
.BreadCrumbTrail a:visited {color: #666;}
.BreadCrumbTrail a:hover {text-decoration:underline; font-weight: normal;}
.BreadCrumbTrail h1 { color:#00406e; padding: 15px 0 0 0; margin: 0px; font-size: 24px;}

.PageTitle h1 { color:#00406e; padding: 0 0 15px 0; margin: 0px; font-size: 24px;}

/* Breadcrumb Styles End */

/* Footer Styles Start */

#Footer
{
    clear:both;
    display: inline; float: left;
    background: url("../images/Layout/Bottom_BG.jpg") no-repeat center top #d8d8d8; 
    height: 30px;
    width: 960px;
    padding-bottom: 10px;
}

#Footer span { display: inline; float: right; margin-right: 40px; margin-top: 5px; font-size: 11px; }

.PureNetCredit {clear:both; text-align:center;color:#999; font-size: 11px; }
.PureNetCredit a {color:#999;}
.PureNetCredit a:visited {color:#999;}

/* Footer Styles End */

/* Article Scroller Start */

.ArticleList 
{
	display: inline; float: right;
	margin: 20px 20px 20px 0; width: 514px;
	background: url("../images/Layout/Article_Header.gif") no-repeat center top; 
}
.ArticleList .Header 
{
	padding-left: 30px; padding-top: 5px; font-size: 12pt; font-weight: bold; 
	font-style: italic; color: #595959; height: 20px;
	font-size: 12px;
}
.Article 
{
	display: inline; float: left; background: url("../images/Layout/Article_Divider.gif");
	background-position: center bottom; background-repeat: no-repeat;  padding: 10px 20px 10px 20px; 
}

.slider {position:relative; overflow:hidden; height:280px; margin-bottom:20px}
.slidercontent {position:absolute}

.NewsListItemDivider
{
	margin: 20px 40px 30px 40px;
	border-bottom: 1px solid #b6d829;
	clear: both;
}

.Article .Image { display: inline; float: left; width: 120px; text-align: center; }
.Article .Content { display: inline; float: right; font-size: 10px; color: #00406e; width: 350px; }
.Article h1 { padding: 0px; margin: 0px; color: #b6d829; font-size: 12px; margin-bottom: 5px;}
.Article h1 a { font-weight: bold; color: #b6d829; text-decoration: none; }
.Article h1 a:visited { color: #b6d829; }

.NewsList .Image { display: inline; float: left; width: 180px; text-align: center; }
.NewsList .Content { display: inline; float: left; color: #00406e; width: 738px;}
.NewsList h1 { padding: 0px; margin: 0px; color: #b6d829; font-size: 16px; margin-bottom: 15px;}
.NewsList h1 a { font-weight: bold; color: #b6d829; text-decoration: none; }
.NewsList h1 a:visited { color: #b6d829; }

.ReadArticle { clear: both; text-align: right; margin-top: 10px; color: #6d6c6c; }
.ReadArticle a { font-size: 12px; font-weight: bold; color: #6d6c6c; text-decoration: none; }
.ReadArticle a:visited { color: #6d6c6c; }
.ReadArticle a:hover { text-decoration: underline; }

.BackArticle { display: inline; float: right; margin-top: 10px; margin-bottom: 10px; color: #6d6c6c; }
.BackArticle a { font-size: 12px; font-weight: bold; color: #6d6c6c; text-decoration: none; }
.BackArticle a:visited { color: #6d6c6c; }
.BackArticle a:hover { text-decoration: underline; }

/* Enquiry Form */

  .EnquiryFormButton				{margin-left: 290px; margin-top: 5px; display: inline; float:left; padding: 5px; border: 1px solid silver; background-color: Gray;}
  .EnquiryFormButton a				{text-decoration: none; color: #fff; font-weight: bold;}
  .EnquiryFormButton a:visited		{color: #fff; }
  .FormRow							{padding: 2px;}
   .FormRow span.RowName			{display: inline; float:left; width:160px; font-size: 87%;}
   .FormRow input					{width:230px; font-size: 87%;}
   .FormRow .rowcheckbox			{width:230px;display: inline; float:left; font-size: 87%;}
   .FormRow .rowcheckbox input		{width:20px; font-size: 87%;}
   .FormRow .rowcheckbox label		{}
   .FormRow select					{width:235px; font-size: 87%;}
   .FormRow span.Mandatory			{color:#DD0000;}
   .FormRow textarea				{width:230px;height:100px; font-size: 87%; font-family: Arial;}
   
/* Error Text */
.ErrorText { float: left; display: inline; color: #cc0000; font-weight: bold; margin-bottom: 10px;}

