html, body {
	background:#cdc6d2 url(img/bodybg.jpg) repeat-x;
	margin:0;
	padding:0;
	height:100%;
}

a:link {
	color:#4396B1;
}
a:visited {
	color:#4396B1;
}
a:active {
	color:#4396B1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main {
	/* Holds the page items in place */
	width:1024px;
	min-height:99%;
	margin:0 auto 0 auto;
	padding:0;
	background:#fff url(img/mainbg.png) repeat-y;
}

#header {
	height:92px;
	background:#fff url(img/header.png) no-repeat 0 2px;
}

#pageheader {
	padding:30px 120px 0 300px;
}
#pageheader strong {
	font-size:16px;
}

#breadcrumbs {
        height:0px;
        padding:10px;
        background:#fff url(img/breadcrumbsbg.gif) repeat-x;
        clear:both;
}

#breadcrumbs span {
	background:transparent url(img/link.gif) no-repeat;
	padding:6px 2px 0px 12px;
	font-weight:bold;
}
#breadcrumbs a {
	border-bottom:1px dotted #5a3b63;
	text-decoration:none;
}
#breadcrumbs a:hover {
	border-bottom:1px solid #5a3b63;
}
#breadcrumbs .menu-current a {
	color:#000000;
}

#infobox {
	/* Currently holds the login box */
	float:left;
	display:inline;
	width:160px;
	margin-left:10px;
}
#innerinfo {
	padding:5px 0px 20px 0px;
	margin-bottom:20px;
	color:#5a3b63;
}

#content {
	/* main content from the WYSIWYG goes in here */
	width:684px;
	float:left;
	display:inline;
	margin-left:20px;
}

#rightbox {
	width:300px;
	float:left;
	display:inline;
	margin-left:20px;
}

.clearcontent {
	height:80px;
	clear:both}

#footerbox {
	margin:-80px auto 0 auto;
	height:80px;
	width:1024px;
	background-color:#3F5A86;
}
#footer {
	color:#FFFFFF;
	padding:30px 0 0 0;
	text-align:center;
}

#footer a:link {
	color:white;
}
#footer a:visited {
	color:white;
}
#footer a:active {
	color:white;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#banner_ad {
	float:right;
	clear:right;
	width:728px;
	height:90px;
	overflow:hidden;
	padding:2px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box in header */
#search_box {
	color:#fff;
	text-align:right;
}
#search_box {
	float:right;
	clear:right;
	width:150px;
	padding:10px 0 0 0;
}

#search_box .searchstring {
	width:100px;
	border:1px solid #333;
}

#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
}
#prevnext a {
	color:#fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off:
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {
	height:30px;
	display:block;
	clear:both;
	background:#5a3b63 url(img/navbg.png) repeat-x;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
	ul.menu, li.menu {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/* Header menu */
#header_menu {
	position:absolute;
	margin-left:20px;
}
#header_menu li {
	line-height:normal;
}
ul#header_menu {
	z-index:10;
	clear:both;
}

#nav {
	float:left;
	height:30px;
	border:0;
	padding:0;
}
#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
	position:relative;
	list-style-image:none;
}

/* Root Level Link Formatting */
#nav ul li {
	float:left;
	color:#fff;
	text-align:center;
	font-weight:normal;
	list-style-type:none;
	list-style-image:none;
}
#nav ul li a {
	display:block;
	background:url(img/navbgl1.png) no-repeat right 0px;
	padding:8px 14px 7px 12px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
	background:url(img/navbgl1hi.png) right 0px;
	color:#fff;
}
#nav a.menu-parent {
	background:url(img/navbgl0parent.gif) right 0px;
	color:#fff;
}

/*Current page Customisations*/
#nav a.menu-current {
	font-weight:bold;
}
#nav .menu .home a {
	display:block;
	width:2px;
	height:30px;
	background:#7290a7 url(img/home.gif);
	margin:0;
	padding:0;
}
/* 2nd Child menu */
#nav .menu li ul {
	position:absolute;
	width:11em;
	margin:-1px 0 0 -1px;
	display:none;
	text-transform:none;
	border-bottom:1px solid #5a3b63;
	font-size:100%;
	background:#728395 url(img/ulbg1.jpg) no-repeat right 0px;
}
#nav .menu li ul li {
	width:11em;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1.2em;
}
#nav .menu li ul li a {
	width:10.5em;
	padding:.3em .1em .3em .4em;
	color:#fff;
	border-top:1px solid #5a3b63;
	font-weight:normal;
	background:none;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current {
	background:#7290a7 url(img/navbgl1hi.png);
	color:#fff;
	font-weight:bold;
}
#nav .menu li ul a.menu-parent {
	background:#7290a7 url(img/navbgl1parent.gif) right 0px;
	color:#fff;
}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display:block;
}
#nav .menu li ul ul {
	display:none;
}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display:none;
}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {
	display:block;
	z-index:1000;
}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul {
	margin:10px 0 0 -40%;
	z-index:9999;
	background:#3d3140 url(img/ulbg2.jpg) no-repeat right 0px;
}
#nav .menu li ul li ul li {
	width:11em;
}
#nav .menu li ul li ul li a {
	width:10.5em;
}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul {
	width:9em;
	background:#808080 url(img/ulbg3.jpg) no-repeat right 0px;
}
#nav .menu li ul li ul li ul li {
	width:9em;
}
#nav .menu li ul li ul li ul li a {
	width:8.5em;
}

/* Positioning the Pop-out Drops */
#nav li {
	position:relative;
}

#nav ul ul ul {
	position:absolute;
	top:1px;
	left:100%;
}

/* IE6 only
*html #nav .menu li ul li ul {
	margin-left:0 ! important;
}*/

/* IE7 only
*+html #nav .menu li ul li ul {
	margin-left:0 ! important;
}*/

/* ul class="ullev1" , sorry doesnt work
#nav .ullev1 {
	z-index:1000 ! important;
	background:#4b4c4d;
}
#nav .ullev2 {
	z-index:2000 ! important;
	background:#4b4c4d;
}
#nav .ullev3 {
	z-index:3000 ! important;
	background:#4b4c4d;
}
*/

/* Better:*/
#nav li:hover {
	z-index:10000;
	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space:normal;
	/* required to resolve IE7:hover bug (z-index above is ignored if this is not present)
	see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Customise the Login Box */

#login-box {
	padding-top:5px;
}
#login-box fieldset {
	border:0;
	text-align:center;
}
#login-box legend {
	font-size:90%;
	color:#333;
}
.username {
	color:#009;
} /* Color of name when logged in*/
.topboxbody {
	font-size:0.8em;
	padding:2px;
}

#login-box label {
	clear:left;
	width:100px;
	display:block;
	float:left;
}
#login-box input {
	display:block;
	float:left;
	font-size:10px;
	margin:2px auto 1px auto;
	width:100px;
}
#login-box div {
	clear:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*  Float containers fix:*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #clearfix {
	height:1%;
}

.stealth {
	visibility:hidden;
	display:none;
} /* hides from normal css enabled browsers */

.picsize {
	width:100%;
	max-width:514px;
	height:auto;
} /* Image size */

.picsizesmall {
	width:100%;
	max-width:300px;
	height:auto;
} /* Image size */

.vidsize {
	width:440px;
	height:248px;
} /* Image size */

.piclink {
	padding:0 0 0 0;
} /* override link styles for pics */

h1 {
	font-size:175%;
	font-weight:bold;
	text-align:left;
}

.clearimg {
	visibility:hidden;
	display:none;
}

.background-color {
	background-color:#3F5A86;
}

.background-color-pale {
	background-color:#ADB9CC;
}

.color-white {
	color:#FFFFFF;
}

.round-top-left {
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.round-top-right {
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	border-top-right-radius:5px;
}

/*****************************************
* Web Wombat Styles
*****************************************/
.banner-exclusive {
	margin:0px 0px 0px 4px;
	padding:0px;
	border:0px;
	width:680px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-khtml-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.channel-highlight-float-left {
	float:left;
	margin-left:4px;
	width:330px;
}
.channel-highlight-float-right {
	float:right;
	margin-left:4px;
	width:330px;
}
.channel-highlight-float-pad {
	padding:0px 5px;
}

h3 {
        background:#3F5A86 url(img/h3bg.png) repeat-x;
	color:#FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}

/* popular articles */
.popular-articles {
	margin:0px 0px 0px 4px;
}
.popular-article-float {
	float:left;
	margin-left:5px;
	width:220px;
}
.popular-article-float ul li a {
	line-height:200%;
}
.tab-settings {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        background:#3F5A86 url(img/h3bg.png) repeat-x;
	text-align:center;
	color:#FFFFFF;
}

/*****************************************
* Slider Styles
*****************************************/
.spotlight_container {
	margin:0px 0px 0px 4px;
	padding:0px;
	border:0px;
	width:680px;
	height:300px;
	overflow:hidden;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-khtml-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
/* RESET AND LAYOUT */
.bx-wrapper {
	position:relative;
	margin:0 auto;
	/* 0 auto 60px */
	padding:0;
}
.bx-wrapper img {
	max-width:100%;
	display:block;
}
/* THEME */
.bxslider {
	margin:0px;
	padding:0px;
}
.bxslider li {
	margin:0px;
	padding:0px;
}
.bxslider li a {
	text-decoration:none;
}
.bxslider li a:hover {
	text-decoration:none;
}
.bx-wrapper .bx-viewport {
	border:none 0px;
	background:#FFFFFF;
	padding:0px;
	margin:0px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position:absolute;
	bottom:-30px;
	width:100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height:50px;
	background:url(/hp/bxslider/bx_loader.gif) center center no-repeat #F9F9F9;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2000;
}
.bx-pre-loader {
	min-height:50px;
	background:#F0F0F0;
	height:100%;
	width:100%;
	z-index:2000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left:0px;
	background:url(/hp/bxslider/controls.png) no-repeat 0 -32px;
	border:0px none;
	text-decoration:none;
	display:none;
}
.bx-wrapper .bx-next {
	right:0px;
	background:url(/hp/bxslider/controls.png) no-repeat -47px -32px;
	border:0px none;
	text-decoration:none;
}
.bx-wrapper .bx-prev:hover {
	background-position:0 0;
	text-decoration:none;
}
.bx-wrapper .bx-next:hover {
	background-position:-47px 0;
	text-decoration:none;
}
.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-16px;
	outline:0;
	width:28px;
	height:32px;
	text-indent:-9999px;
	z-index:9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display:none;
}
/* CAPTIONS */
.bx-wrapper .bx-caption {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.bx-caption {
	display:block;
	background:#505050;
	/* IE hack do not change */
	background:rgba(80, 80, 80, 0.75);
	height:4.2em;
	margin:0px;
	padding:0px;
	text-align:left;
}
.bx-caption .cap-title {
	display:block;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.5em;
	line-height:100%;
	padding:2px 2px 2px 4px;
	margin:0px;
}
.bx-caption .cap-body {
	display:block;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:100%;
	padding:1px 4px;
	margin:0px;
}
/*****************************************/