body {margin:0;padding:0px;color:#1e1e1e}

body,td,p,a {font-family:helvetica,arial,sans-serif}

.admin_bar a {color:#fff}

.close-meerkat {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	right:0px;
	background: url('images/close.png') no-repeat 0 0;
	text-indent:-900px;
	cursor: pointer;
	z-index: 10;
}

.homenotice {
	background-color:#333;
	color:#ccc;
	font-size:12px;
	text-align:center;
	padding:7px 0px 7px 0px;
	line-height:1.5em;
}
.homenotice a {color:#eee;}

img {border:none}
.meerkat {display:none}

a.dont-show:hover {color:#FFF;}

img {border:0px}
form {margin:0px}
#bodycontainer {padding:10px;}

a {color:#3C6590}

#pagecontainer {
	background-color:#ffffff;
	width:790px;
	text-align:left;
}

h1 {line-height:1.2em;}

#header {
	background-image:url('images/header2.png');
	background-position:top left;
	background-repeat:no-repeat;
	height:122px;
	position:relative;
}

p {line-height:1.5em}

#logo {position:absolute;top:10px;left:30px;width:416px;height:96px;}
#logo h1 span {display:none;}


#topnav {position:absolute;top:10px;left:470px;width:310px;height:96px;text-align:center;}
#topnav, #topnav a {color:#fff;text-decoration:none}
#topnav a:hover {text-decoration:underline}
#topnav.links a {font-size:9pt;}


.consultation {position:relative;left:25px;width:200px;text-align:left;padding-top:20px;}
.consultation a {font-size:14px;font-weight:bold;}
.consultation a img {float:right;vertical-align:middle}

.quoteblock {
	background-color:#E6E6E6;
	padding:10px 15px 0px 60px;
	text-align:left;
	font-size:18px;font-family:"Times Roman", Times, serif;
	font-style:italic;
	color:#444444;
	background-image:url(images/quote.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	line-height:1.3em;
}


#slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
}
                                                
#slider, #slider li{
        width:605px;
        height:200px;
        overflow:hidden;
        background-repeat:no-repeat;
}

#slider li h2 {
	font-size:24px;
	padding:25px 0px 0px 310px;
	margin:0px;
	color:#ffffff;
}
#slider li p {
	font-size:20px;
	font-family:"Georgia", "Times Roman",Times, serif;
	font-style:italic;
	line-height:1.3em;
	padding:10px 10px 5px 310px;
	margin:0px;
	color:#ffffff
}

h1,h2,h3,h4,h5 {color:#263662}

#categorybar {
	background-color:#907038;
	height:50px;
	background-image:url('images/goldbar.png');
	background-repeat:repeat-x;
}

#categorybar td {
	text-align:center;
}

.categoryhover {
	background-image:url('images/goldbar-hover.png') !important;
	background-repeat:repeat-x !important;;
}

#categorybar td a {
	font-size:14px;
	color:#e7dfd0;
	font-weight:bold;
	text-decoration:none;
}
#categorybar td a:hover {color:#ffffff}

.categorydiv {	
	background-image:url('images/goldbar-divider.png');
	background-repeat:no-repeat;
	background-position:left;
}

.blogsummary {border-bottom:1px dotted #cccccc;}
.blogsummary h3 {font-size:18px;margin:0px;padding:12px 6px 8px 0px;}
.blogdate, .blogdate a {color:#999;margin:0px;padding:0px;font-size:11px;font-weight:bold;}
.blogsummary p {margin:0px;padding:8px 0px 18px 0px;}
.blogtitle {font-size:22px;margin:0px;padding:16px 6px 12px 0px;color:#4A6E90}
.blogtitlelink {text-decoration:none;color:#263662}

.footer_text,.footer_text a {color:#ffffff}

.rotatequestion {display:none}  
.rotateanswer {display:none}
.rotatebutton {display:none;border:0px;}

#footergrid {width:603px;margin-top:5px;}
#footergrid th {color:#4A6E90;font-weight:bold;}
#footergrid td {width:200px;position:relative;padding:5px;color:#ffffff;}   

.vcontainer {
	vertical-align:top;
	position:relative;
	height:250px;
	overflow:hidden;
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	width:201px;
}

.vscroller {padding:0px;margin:10px 3px 3px 3px;}
        
.vtitle {
        text-align:left;
        font-size:16px;
        font-weight:bold;
 		padding:2px;
 		margin:4px;
        color:#4A6E90;
        border-bottom:1px solid #999999;
}

spacing.ul li {padding-bottom:8px}
        
.newpost {
	padding:12px 30px 10px 4px;
	border-bottom:1px dotted #cccccc;
	font-size:13px;
	color:#B43956;
	background-image:url('images/new.png');
	background-repeat:no-repeat;
	background-position:97% 0%;
}

.newpost a {font-size:13px;text-decoration:none;color:#4A6E90;}
.newpost a:hover {font-size:13px;color:#B43956;}

.vscroller ul { list-style:none; display:block;font-size:14px;}
.vscroller ul li {padding:0px;}
.vscroller ul li div { list-style:none; display:block;margin:0px;padding:5px 0px 15px 0px;border-bottom:1px dotted #cccccc;}
.vscroller ul li div a {font-size:13px;text-decoration:none;color:#666666}
.vscroller ul li div a:hover {font-size:13px;color:#B43956;}

.dmenuline {border-bottom:1px solid #cccccc}

td.menu {border-bottom:1px solid #cccccc;color:#333333;padding:4px;}
td.menu a {color:#333333;font-size:13px;text-decoration:none;}
td.menu a:hover {color:#4a6e90;}

td.menusel {background:#4a6e90;}
td.menusel a {font-size:13px;color:#ffffff;text-decoration:none;}
td.menusel  a:hover {color:#ffffff;}

ul.submenu {	font-size:8pt;
			color:#cccccc;
			list-style-type: disc;
			list-style-position:outside;
			padding-left:12px;
			margin-left:12px;
}

ul.submenu li {
			font-size:8pt;
			background-image:none;
			color:#cccccc;
			padding-bottom:2px;
			line-height:1.5em;
			padding-left:0px;
			margin-left:0px;
}

ul.submenu li a {
			margin-left:0px;
			padding-left:0px;
			font-size:8pt;
			color:#ffffff;
			font-weight:normal;
}

#articlelist li {line-height:1.6em;padding-bottom:14px}

#article h1 {font-size:18px;margin:0px;background-color:#e5e5e5;padding:15px;}
#article .bodytext {margin-top:25px;}
#article p {line-height:1.7em}
#article {padding:25px 0px 25px 0px}

/*** FAQ ***/
.faq_question { 
		padding:6px;
        border-top:1px solid #cccccc;
        border-bottom:1px solid #cccccc;
        background:#E1E3F0;
		font-weight:bold;
}

.faq_answer {padding:6px;border-bottom:1px solid #E5DFC8;line-height:1.4em}
.faq_answer_img {padding-top:10px;}

.headerquote {
				background-image:url(images/header-quote-right2.jpg);
				background-repeat:no-repeat;
				background-position: top right;
}
.quotetext {		
				font-size:12px;
				color:#ffffff;
				width:360px;
				margin:5 0 8 0;
				padding:0;
				line-height:15px;
}
.quotesig {		font-size:9pt;
				font-weight:bold;
				color:#C9D5DE;
				margin:0;
				padding:0;
				width:350px;
}

#quicklinks {
  margin:15px 0px 5px 12px;
  list-style-type:square;
  padding-left:12px;
  color:#cccccc;
}

#quicklinks li {padding-bottom:.6em;color:#666666}
#quicklinks li a {color:#666666}
#quicklinks li a:hover {color:#B43956}

#landingpage ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 0px 0px;
	width:350px
}
#landingpage ul li {
	background-image: url("images/checkbox.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0px 0px 8px 30px;
	font-size:16px;
	font-weight:bold;
	color:#1f648d;
	line-height:1.4em;
}

#landingpage h3 {
	width:350px;
	border-bottom:1px dotted #bbb;
	padding-bottom:2px;
	color:#666;
	font-size:18px;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.3;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a {
	border-left:	1px solid #fff;
	border-bottom:		1px solid #b8c1d7;
	padding: 		.5em .75em;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour  9AAEDB*/
	color: #38507C;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.sf-menu a:over {
	color:#222222;
}


.sf-menu li {
	background:		transparent;
}

.sf-menu li li {
	background:		#d1dded;
}
.sf-menu li li li {
	background:		#d1dded;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:active {
	background:		#e3eaff;
	outline:		0;
	text-decoration:none;
}

.sf-menu a:hover {text-decoration:underline}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	180px;
}

.sf-vertical li li {
	width:	260px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	180px; /* match ul width */
	top:	0;
}

.sf-vertical li.sfHover ul {
	width:	260px;
}


/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

ul.spaced li {padding-bottom:12px}