/******* Main Body Styles *******/
body
{
	font-size: 0.75em;
    /*color:white;*/
    background-color:#ccc8b8;
    font-family: Arial , Verdana, Sans-Serif;
    margin-left:0;
    margin-top:5px;
    margin-right:0;
    margin-bottom:0;
    /*background-color:White;*/
    /*text-align: center;*/
    /*background:transparent url(../images/sites/main/bg.gif) repeat scroll 0pt;*/
}
#siteBody
{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
#main
{
	width: 790px; /* 825 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#siteNav
{
	/*padding-top: 10px; */
	float:left;
	width: 160px; /*120 */
}
#siteFeed
{
	/*padding-top: 10px;*/
	float:right;
	width: 100%; /*120 */
}
#maincol
{
	float: left;
	width: 630px; /*700 */
}
#maincol img
{
	border-style: none;
}
#topmenu
{
	padding-top:1px;
	background:#FFFFFF;
}
#header
{
	text-align:center;
	margin:auto;
	width:950px;
	/*border:solid 1px #301C4E;*/
}
#header table
{
	margin-left: auto;
	margin-right: auto;
	border-spacing:0px
}
#header .searchbox
{
	border: none;
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	height: 15px;
	width: 100px;
}
#content
{
	/*margin-top: 5px;
	border: solid 1px #c9c8c9;
	padding-top:15px;
	padding-left:15px;*/
	padding:15px;
	width:580px;
	float:left;
	border-right:1px solid #E3E0E7;
	border-left:1px solid #E3E0E7;
	min-height:620px; /* some pages have very little content. min height stops footer showing too high on page*/
}
#footer
{
	text-align:center;
	margin-bottom: 10px;
	font-size: 90%;
	color: #555555;
	width:950px;
	float:right;
	border-top:1px solid #E3E0E7;
}
#footer a
{
	text-decoration: none;
	color: gray;
}
#footer a:hover
{
	text-decoration: underline;
}
#content h1, #content h2.seoenabled
{
	margin-top: 0px;
	margin-bottom: 10px;
	color: #301C4E;
	/*border-bottom: solid 1px #e94c9b;*/
	font-weight: bold;
	font-size: 190%;
	padding-bottom: 5px;
}
#content h2
{
	margin-top: 0px;
	font-size: 160%;
	font-weight: normal;
}
#content h3
{
	margin-top: 0px;
	font-size: 130%;
	font-weight: bold;	
}
p
{
	color:#555555; /*dark gray - see enquiryform as well*/ 
}
h3
{
	color:#4C88C5;
}
#content a
{
	color: #aca296;
}
#content a:hover
{
	/*color: #e94c9b;*/
}
#content .large
{
	font-size: medium;
}
#content .xlarge
{
	font-size: large;
}
#content .xxlarge
{
	font-size: x-large;
}

/******* Content Page Specific Styles *******/
#contentwrapper
{
	background-color: #ffffff;
	color:#555555; /*	color: #000000;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 10px;*/
	width:580px;
}
#lhsimage
{
	width: 180px;
	float: left;
}
#maincontent
{
	width: 950px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin:auto;
	/*border:1px solid #E3E0E7;*/
	/*border:solid 1px #301C4E;*/
	background:#FFFFFF;
	/*overflow: visible; /* set this to keep the content div as big as its content.*/
}

/******* Hompage Specific Styles *******/
#homecontent
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	padding-left: 5px;
}
#homeflash
{
	
}
#homepromo
{
	text-align: center;
}

/* menu headers */
.menuH
{
	color:#301C4E;
}
#menuHeader
{
	color:#301C4E;
}

/******* News Items Styles *******/
.newsline
{
	border-bottom: solid 1px #aca296;
	margin-top: 1px;
	margin-bottom: 10px;
	height: 1px;
}

/******* Forms Styles *******/
h2.formheader
{
	margin-top: 0px;
	margin-bottom: 10px;
	color: white;
	/*background-color:#4C88C5;*/
	background-image:url(/images/sites/main/bluebar.gif);
	background-repeat:repeat-x;
	/*border-bottom: solid 1px #e94c9b;*/
	font-weight: normal;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.fieldlarge
{
	font-size: 0.95em;
	width: 31em;
}
.fieldsmall
{
	font-size: 0.95em;
	width: 12.2em;
}
.fielddropdown
{
	font-size: 0.95em;
	width: 17em;
}
.nolabel
{
	display: none;
}

/******* Search engine float text styles *******/
.forsearch_textfloat
{
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #cccccc;
	padding: 10px;
	position: absolute;
	top: 1000px;
	left: 50%;
	margin: 0px auto 30px -420px;
	background-color: #eeeeee;
	color: #070304;
	font-size: 90%;
}
.forsearch_textfloat a
{
	/*color: #e94c9b;*/
}
.forsearch_textfloat a:hover
{
	color: #666666;
}
.forsearch_textfloat h1
{
	color: #301C4E;
	border-bottom: solid 1px #301C4E;
	font-size: 150%;
}
.forsearch_textfloat h2
{
	color: #000000;
	border-bottom: solid 1px #000000;
	font-size: 140%;
}
.forsearch_textfloat h3
{
	color: #666666;
	border-bottom: solid 1px #666666;
	font-size: 130%;
}
.mnu
{
	min-height:40px;
}
.mnuHead
{
	
	height:16px;
}
/******* Menu Styles *******/
/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
.PrettyMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 0em;
    left: 0;
    z-index: 300;
    font-size: 95%;
}
/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
    background:#070304;
}
/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 170px; /* 130*/
    border-top: solid 1px #ffffff;
    text-align:left;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
    width: 170px;
    left: 119px;
    top: 0em;
    z-index: 400;
}
.PrettyMenu ul.AspNet-Menu ul ul
{
    width: 125px;
    left: 124px;
}
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
    background:white;
    text-align: left;
    /*border-top: solid 1px #E3E0E7;
    border-bottom: solid 1px #E3E0E7;
    padding-left:5px;*/
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    /*color: #301C4E;*/
    color:#555555;
    padding: 4px;
    border-bottom: solid 1px #ffffff;
    background: transparent url(/images/sites/main/sidearrow.gif) left center no-repeat;
}
/* Only the top level ul's li items should have this border! */
.PrettyMenu ul.AspNet-Menu li ul li a,
.PrettyMenu ul.AspNet-Menu li ul li span
{
	border-bottom: none;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    /*background-image: none;*/
    border-bottom:1px solid #E3E0E7;
	padding-left:22px;
}
/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    /*background:#070304; --from a selected to non selected item... this is in between...*/
    background-color:#4C88C5;
    color:#FFFFFF;
    
}
.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    /*color: #e94c9b;*/
    background-color: #4C88C5;
    color:#FFFFFF;
}
.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: White;
    background-color:#E3E0E7;
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #FFFFFF;
    /*background: transparent url(/images/sites/main/sidearrow.gif) left center no-repeat;*/
}
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    /*background-image: none;
    background-color:#4C88C5;*/
    background:#4C88C5 url(/images/sites/main/sidearrow-over.gif) no-repeat scroll left center
}
/*Selected menu item style*/

.PrettyMenu ul.AspNet-Menu li a.AspNet-Menu-Selected, 
.PrettyMenu ul.AspNet-Menu li:hover ul a.AspNet-Menu-Selected, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a.AspNet-Menu-Selected,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a.AspNet-Menu-Selected, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a.AspNet-Menu-Selected,
.PrettyMenu ul.AspNet-Menu li a.AspNet-Menu-ChildSelected, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected li a.AspNet-Menu-ChildSelected
{
	/*color: #e94c9b;
	background-color:#E3E0E7;*/
	font-weight: bold;
	color: #301d4e;
	background:#E3E0E7 url(/images/sites/main/sidearrow-selected.gif) no-repeat scroll left center
}

/******* TreeView Styles For SiteMap *******/
div.AspNet-TreeView ul
{
    list-style: none;
}

.PrettyTree div.AspNet-TreeView ul li
{
    padding: 3px 0 0px 17px; 
    background-image: url(/images/sites/main/file.gif);
    background-repeat: no-repeat;
    vertical-align: top;
    margin-bottom: 2px;
}
.mainNav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR:Gray;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR:#E3E0E7;
    TEXT-DECORATION: none;
    width:180px;
    height:32px;
    text-align:center;
    background-image:url("/images/sites/main/light_purple_button.gif");
}
.mainNav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR:#301C4E;
    TEXT-DECORATION: none;
    width:180px;
    height:32px;
    background-image:url("/images/sites/main/purple_button-arrow.gif");
    text-align:center;
}
.mainNavOver
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR:#FFFFFF; /*#301C4E;*/
    TEXT-DECORATION: none;
    width:180px;
    height:32px;
    background-image:url("/images/sites/main/purple_button-arrow.gif");
    text-align:center;
}
.mainNavSide
{
	background-image:url("/images/sites/main/side_light_purple.gif");
	width:25px;
	height:32px;
}
.mainNavApply
{
	background-image:url("/images/sites/main/blue_button.gif");
	color:#FFFFFF;
	width:180px;
	height:32px;
}
.mainNavApplyOver
{
	background-image:url("/images/sites/main/blue_button-over.gif");
	color:#FFFFFF;
	width:180px;
	height:32px;
}
.mainNavLinks
{
	TEXT-DECORATION: none;
	color:Gray;
	width:100%;
	display:block;
	padding-top:3px;
	padding-bottom:7px;
	font-weight:bold;
}
.mainNavLinks:hover, .mainNavOver .mainNavLinks
{
	TEXT-DECORATION: none;
	color:#FFFFFF
}

#mnu
{
	text-align:justify;
	margin-bottom:1px;
	margin-top:2px;
}
#welcomebanner
{
	background-color:#301C4E;
	text-align:left;
	background-image:url(/images/sites/main/welcomebarbg.gif);
	background-repeat:repeat-x;
	height:20px;
	padding-top:5px;
}
#welcometext
{
	color:#988EA7;
	padding-left:20px;
}
#welcomesidearrow
{
	padding-left:10px;
}
#moto
{
	color:White;
	padding-left:10px;
	height:20px;
	padding-top:5px;
}
#sidemenu
{
	width:170px; /*130*/
	float:left;
	/*border: solid 0.5px #E3E0E7;*/
}
#type
{
	/*min-height:200px;*/
	height:200px;
	text-align:left;
	margin-top:10px;
}
#guides
{
	min-height:170px;
	text-align:left;
}
.menuHeadText
{
	color:#555555;
	font-size:130%;
	font-weight:bold;
	margin:0px;
	text-align:left;
	width:155px;

}
.menuHead
{
	padding-left:5px;
	border-bottom:1px solid #E3E0E7;
	padding-bottom:2px;
}
#body
{
	width:780px;
	float:right;
}
#rightside
{
	float:right;
	width:168px;
}
#sideImg
{
	padding:5px;
}
#enquiryform
{
	background:#E3E0E7;
	color:#555555;
}
#enquirytable
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color:#555555;
}
th
{
	font-size:130%;
	font-weight:bold;
	margin-top:0px;
	color:#4C88C5;
	text-align:left;
}
#newsHead
{
	padding-left:5px;
}
.newsItem
{
	border-top:1px solid #E3E0E7;
	/*border-bottom:1px solid #E3E0E7;*/
	padding:5px;
	/*padding-left:3px;
	padding-top:5px;*/
}
.newslink
{
	text-decoration: none;
	color: #301d4e;
}
.newslink:hover
{
	text-decoration: underline;
}
.newsmore
{
	color: #301e4f;
}
#latestnews
{
/*	border:0.5px solid #E3E0E7;*/
}
#guidesHead
{
	padding-left:5px;
}
.articlePic
{
	border:1px solid #301C4E;
	float:right;
	margin-left:5px;
}
.readMore
{
	float:right;
}
h2
{
	text-align:left;
	color:#301C4E;
	font-size:120%;
}
.mortgageCal
{
	margin:0;
}

.social-links a
{
	width: 25px;
	height: 25px;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #cccccc;
	margin-right: 5px;
}

.social-links a:hover
{
	border-bottom: solid 1px #000000;
}

.social-links a img
{
	border-width: 0px;
	display: inline;
}
#enquiryform
{
	background:#E3E0E7;
	color:#555555;
}
#questionform
{
	background-color: #c9b6e4;
}
#questionform h2.formheader
{
	background-image:url(/images/sites/main/welcomebarbg.gif);
	background-repeat:repeat-x;
	background-color:#301c4e;
	padding-top: 3px;
	padding-bottom: 3px;
}
#questionform h3
{
	color: #301c4e;
}
#questionform a
{
	color: #301c4e;
}
.questionsarea
{
	margin-left: 10px;
	margin-right: 10px;
}
.questionsseparator
{
	height: 1px;
	border-bottom: solid 1px #301c4e;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	line-height: 1%;
}
.commentodd
{
	background-color: #eee;
	border-left: solid 1px #8659c1;
	border-bottom: solid 1px #8659c1;
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
}
.commenteven
{
	background-color: #d7c8ea;
	border-left: solid 1px #301c4e;
	border-bottom: solid 1px #301c4e;
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
}