/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 0;
	font: 76% arial, helvetica, sans-serif;
	color: #4A5871;
	background: #a0acc6;
	/*background: #97A8CE;*/
	width: 100%;
}
body table.layout tr td.content, body table.layout tr td.nav {
	font-size: 1em;
}

/* begin clearfix - makes parent container of floats clear the floats */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*end clearfix*/

ul {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}
ul li {
	background-image: url( ../images/bullet_plain_1.gif );
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 15px;
}

ul.plain {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.plain li {
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}
ul.faq {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.faq li {
	background-image: none;
	padding-left: 20px;
}
ul.faq li.q {
	background: url( ../images/ico_faq_q.gif ) no-repeat 0 0.2em;
	font-weight: bold;
	font-style: italic;
}
ul.faq li.a {
	background: url( ../images/ico_faq_a.gif ) no-repeat 0 0.2em;
}
.twoColLeft {
	width: 49.9%;
	float: left;
}
.twoColRight {
	width: 49.9%;
	float: left;
}
.twoColLeft div.contentPadding {
	margin-right: 10px;
}
.twoColRight div.contentPadding {
	margin-left: 10px;
}
.threeColLeft {
	width: 32.9%;
	float: left;
}
.threeColMiddle {
	width: 32.9%;
	float: left;
}
.threeColRight {
	width: 32.9%;
	float: left;
}
.threeColLeft div.contentPadding {
	margin-right: 10px;
}
.threeColMiddle div.contentPadding {
	margin-left: 10px;
}
.threeColRight div.contentPadding {
	margin-left: 10px;
}
.twoColBorder, .threeColBorder {
	border-left: 1px solid #738BB4;
}
span.itemTitle {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
ul.bgStripe {
	padding: 0;
	margin: 0;
	 list-style-type: none;
}
ul.bgStripe li {
	background-image: none;
	padding: 0.2em;
}
li.col1 {
	background: #E8EDF0;
	/*background: #FFCC66;*/
}
li.col2 {
	background: #F1F5F8;
	/*background: #FAFAD2;*/
	/*background: #FFEFA4;*/
}
.formRowCol1, .formRowCol2 {
	padding: 5px;
}
.formRowCol1 {
	background: #E8EDF0;
}
.formRowCol2 {
	background: #F1F5F8;
}

/*alternative to using ul.bgstripe, using tables*/

table.content2ColContainer {
	width: 100%;
}
table.content2ColContainer tr td {
	width: 50%;
} 
table.content2ColContainer tr td.left {
	border-right: 1px solid #738BB4;
}
table.content2ColContainer tr td h3 {
	margin-top: 0;
	margin-bottom: 0.8em;
}
table.content2ColContainer tr td.right h3 {
	margin-left: 10px;
}
table.simpleDataList {
	width: 98%;
	margin-bottom: 2em;
	border-collapse: collapse;
	background: #F1F5F8;
}

table.content2ColContainer tr td.left table.simpleDataList {
	margin-right: 2%;
}
table.content2ColContainer tr td.right table.simpleDataList {
	margin-left: 2%;
}
table.content2ColContainer tr td img {
	margin-right: 5px;
	margin-bottom: 5px;
}
table.simpleDataList td, table.simpleDataList th {
	padding: 5px;
}
/*table.simpleDataList tr.r1 {
	background: #E8EDF0;
}
table.simpleDataList tr.r2 {
	background: #F1F5F8;
}*/
table.simpleDataList tr td {
	border-width: 1px 0;
	border-style: solid;
	border-color: #738BB4;
}
table.simpleDataList tr th {
	background: #D9E0E3;
	text-align: left;
}
table.simpleDataList tr th h4 {
	/*color: #4A5871;*/
	font-weight: bold;
	margin: 0;
/*	font-size: 1.3em;
	font-weight: normal;*/
}
/* ================= form elements ============================== */

form.horizontalLayout label, form.search span.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.horizontalLayout input, form.horizontalLayout textarea, form.horizontalLayout select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #888659;
}
form.horizontalLayout input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form.horizontalLayout small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.horizontalLayout .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input, select, textarea {
	color: #888659;
}
label, .label {	
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	/*margin-top: 1em;*/
}
label.error {
	color: #f00;
}
input.error {
	color: #f00;
	border: 1px solid #f00;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #FF8C00;
	font-size: .9em;
	font-weight: normal;
}
.optionalField {
	font-weight: normal;
}
valErrorHighlight, select.valErrorHighlight {
	border: 1px solid #f00;
}
.grayedNav {
	color: #aaa;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}
fieldset {
	margin-bottom: 1.5em;
	border: 1px solid #738bb4;
	padding: 3px 4px;
}
legend {
	padding: 5px;
	border: 1px solid #738bb4;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	background: #1983d8;
}
input.button {
	margin-top: 1em;
}
span.optional {
	font-size: .9em;
	font-weight: normal;
}
/* ------------ product search/info lib ----------- */
form.prod-search .buttonBar {
	border-width: 0;
	background-color: #e2eef3;
}

/* ------------ relative font sizes --------------- */

h1,h2,h3,h4,h5,h6 {
	/*font-family: arial, helvetica, sans-serif;*/

	/*font-family: "century gothic", Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	
	color: #3F63BE;
	/*font-weight: normal;*/
	
	/*color: #40568C;*/
	
	
}
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 1.8em;
	font-family: "century gothic", Geneva, Arial, Helvetica, sans-serif;
	/*background: #e5e5e5 url(../images/bg_h2_1.gif) repeat-y top left;*/
	background: #516BAD url(../images/bg_h2.gif) repeat-y bottom right;
	color: White;
	border: 1px solid #4A5F9C;
	font-weight: normal;
	padding: 7px;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
	margin-top: 0;
}
p, ol, ul, li {
	font-size: 1.0em;
}


h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
/* ------------ misc elements --------------------- */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}

a:link {
	color: #0081FD;
}
a:visited {
	color: #FF7F50;
}
a:hover {
	color: #ffcc66;
}
a:active {
	color: #0190e8;
}
/* === Form Styling === */


/* ============  Tables for Layout ================= */
table.layout {
	background: transparent;
	width: 100%;
	/*padding: 0 3px 0 17px;*/
	border-left: 16px solid #a0acc6;
	border-right: 5px solid #a0acc6;
	margin-top: 2px;
}
table.layout tr td.nav {
	background: transparent;
	width: 160px;
	margin-left: 17px;	
}
table.layout tr td.content {
	background: #fff;
	padding: 8px;
}

/* ============  Shaddow around Layout ================= */
table.layout tr td.shaddowTopLeft {
	background: url(../images/shaddow_top_left.gif) no-repeat bottom right;
}
table.layout tr td.shaddowTop {
	background: url(../images/shaddow_top.gif) repeat-x bottom;
}
table.layout tr td.shaddowTopRight {
	background: url(../images/shaddow_top_right.gif) no-repeat bottom left;
}
table.layout tr td.shaddowLeft {
	background: url(../images/shaddow_left.gif) repeat-y right;
	width: 9px;
}
table.layout tr td.shaddowRight {
	background: url(../images/shaddow_right.gif) repeat-y left;
	width: 15px;
}
table.layout tr td.shaddowBottomLeft {
	background: url(../images/shaddow_bottom_left.gif) no-repeat top right;
}
table.layout tr td.shaddowBottom {
	background: url(../images/shaddow_bottom.gif) repeat-x top;
}
table.layout tr td.shaddowBottomRight {
	background: url(../images/shaddow_bottom_right.gif) no-repeat top left;
}



#banner {
	/*padding: 2em;*/
	padding: 24px 0 18px 0;
	width: 100%;
	background: #001559 url(../images/bg_header.gif) no-repeat top right;
}
#banner img {
	display: block;
}
/*#footerbar {
	padding: 0.6em;
	margin-top: 0em;
	background: #eee;
	border-width: 0 0 1px 0;
	border-color: #000 #000 #bbb #000;
	border-style: solid;
}*/
#footerbarunder {
	font-size: 0.9em;
	color: #51627F;
	padding: 0.5em 1em 1em 185px;
}
#footerbarunder a {
	color: #D4E7F0;
}

/* ============ members login bar ======================= */
div.loginBar {
	background: #40568C;
	padding: 5px;
	color: #fff;
}

div.loginBar form, div.loginBar h3 {
	display: inline;
}
div.loginBar h3 {
	color: #001559;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}
div.loginBar label {
	font-weight: normal;
}
div.loginBar input.txt {
	background: #839EFF;
	border: 1px solid #2F406A;
}

table.loginBar {
	border-collapse: collapse;
	background-color: #1E3683;
	border: none;
}
table.loginBar td {
	color: #A9C4DC;
}
table.loginBar td img {
	display: block;
}
table.loginBar tr td form, table.loginBar tr td h3 {
	display: inline;
}
table.loginBar tr td h3 {
	/*color: #001559;*/
	color: #FFD700;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
}
table.loginBar tr td label {
	font-weight: normal;
	color: #BAD7E7;
}
table.loginBar tr td input.txt {
	background: #A9C4DC;
	border: 1px solid #001559;
	color: #001559;
	padding-left: 2px;
}
table.loginBar tr td a {
	color: #FFD700;
}

/* ============ home page =============================== */

table#homeContent {
	width: 100%;
	border-collapse: collapse;
}
table#homeContent tr td#main {
	width: 95%;
}
table#homeContent tr td#button {
	width: 5%;
	padding-left: 8px;
}
table#homeContent tr td#button div.buttonBg {
	background: #e4e8f1;
	padding: 4px;
}
div.buttonBg img {
	display: block;
}
table#homeContent tr td#main div.boxMain {
	background: #fbfbde url( ../images/home_pic1.jpg ) no-repeat 0 -30px;
	border: 1px solid #91b0c8;
	padding: 5px 5px 5px 136px;
	line-height: 1.7em;
	margin-bottom: 8px;
}
table#homeContent tr td#main div.bevelBox {
	background: #d5e7f9 url( ../images/bg_lightblue_box_shade.gif ) repeat-x top;
	border: 1px solid #81b7e8;
	padding: 5px;
	margin-bottom: 8px;
}
table#homeContent tr td#main div.bevelBox h3 {
	font-size: 1.1em;
	margin: 0;
}
table#homeContent tr td#main div.bevelBox div.bevelBox p {
	margin: 0;
}
table#homeContent tr td .twoColLeft .contentPadding {
	margin-left: 0px;
	margin-right: 0px;
}
div.homeBoxBg {
	background: #fff url( ../images/bg_home_box.gif ) repeat-x top;
}
div.homeBoxBg img {
	display: block;
}
table.homeBoxes {
	width: 100%;
	margin: 5px;
}
table.homeBoxes p {
	margin: 0;
}
table.homeBoxes tr td h3 {
	background: transparent url( ../images/bg_home_box_title.gif ) repeat-y top left;
	margin: 0;
	color: #001559;
}
div.homeBox-top-outer {
	background: transparent url( ../images/bg_home_box_tr.gif ) no-repeat top right;
}
div.homeBox-top-inner {
	background: transparent url( ../images/bg_home_box_tl.gif ) no-repeat top left;
	/*margin-left: 5px;*/
}
div.homeBox-content-outer {
	background: #fff;
	border-width: 0 1px;
	border-color: #000;
	border-style: solid;
}
div.homeBox-content-inner {
	background: transparent url( ../images/bg_home_box_cont_fade.gif ) no-repeat bottom right;
}
div.homeBox-bottom-outer {
	background: transparent url( ../images/bg_home_box_bl.gif ) no-repeat top left;
}
div.homeBox-bottom-inner {
	background: transparent url( ../images/bg_home_box_br.gif ) no-repeat top right;	
	/*margin-right: 5px;*/
}

/* ============ join us page ============================= */

div.joinus div.boxMask {
	border-width: 0 0 10px 10px;
	border-color: #fff;
	border-style: solid;
	float: right;
}

div.joinus div.bevelBox {
	width: 300px;
	background: #d5e7f9 url( ../images/bg_lightblue_box_shade.gif ) repeat-x top;
	border: 1px solid #81b7e8;
	padding: 5px;
	margin-bottom: 8px;
	
}
div.joinus div.bevelBox h3 {
	margin: 0;
	font-size: 1.1em;
}
div.joinus ul li {
	margin-bottom: 0.5em;
}

/* ============ search page ============================= */

h3.bedSearchCat {
	background: #eee;
	color: #666;
	padding: 0.5em;
	margin-top: 1em;
	clear: both;
}
.lineSpaceNarrow {
	font: normal normal 5px/1px sans-serif;
}

table.searchResults {
	width: 100%;
	margin-top: 8px;
}
table.searchResults th.l1 {
	text-align: left;
	background: #90C4E8;
	color: #fff;
	padding: 5px 4px;
}
table.searchResults th.l1 h3 {
	font-size: 1.2em;
	color: #fff;
	margin: 0;
	font-weight: bold;
}
table.searchResults th.l2 {
	text-align: left;
	background: #F8F8FF;
	padding: 2px 4px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px solid #A3AEC6;
}
table.searchResults tr td {
	border-top: 1px solid #A3AEC6;
	padding: 3px 2px;
}
table.searchResults ul {
	padding: 0 0 0 4px;
	margin: 4px 0;
	list-style: none;
}
table.searchResults ul li {
	background: url(../images/bullet_plain_1.gif) no-repeat 0 0.4em;
	padding: 3px 0 0 13px;
}

/* ------------ other main page block settings ---- */
/*#sidebarright > div > h4:first-child {
	margin-top: 0;
} 
#mainblockside > div > h2, #mainblockfull > div > h2 {
	margin-top: 0;
}*/

/* ============ widget boxes ====================== */

div.sideCol {
	width: 25%;
	float: right;
	/*background: #00f;*/
}
div.sideColInside {
	margin-left: 8px;
}
div#newsContainer {
	border: 1px solid #CC6633;
	margin: 0 0 8px 0;
	padding: 0 0 10px 0;
	background-color: #FAFAD2;
}
div#newsContainer .itemDate {
	font-size: 1em;
	font-weight: bold;
}
ul.box {
	font-size: 1em;
	list-style-type: none;
	padding: 10px 10px 0 10px;
	margin: 0;
}
ul.box li {
	background: url(../images/bullet_arrow_small2.gif) no-repeat 0 0.3em;	
	padding: 1px 0 1px 1.4em;
	color: #5C7181;
}
ul.box li.noEntry {
	background: url(../images/bullet_no_entry.gif) no-repeat 0 0.2em;	
	padding: 1px 0 1px 1.4em;
	color: #5C7181;
}
ul.box li.selected {
	font-style: italic;
}
ul.box li h4 {
	font-size: 1em;
	margin: 0;
}
h3.boxHead {
	/*background: #FFB426;*/
	background: #FFCC66;
	color: #CC6633;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 8px 10px;
	border-bottom: 1px solid #AE7F27;
}
h3.boxHead a {
	color: #ec5300;
}
h3.box {
	margin: 0.5em 0;
	padding: 0.2em 0.5em 0.3em 0.5em;
	font-size: 1em;
	font-weight: bold;
	/*background: #C0D4DC;*/
	/*background: #E8EDF0;*/
	/*background: #faf8d3;*/
	background: #FFEFA4;
	border-width: 1px 0;
	border-color: #D6AA7E;
	border-style: solid;
	text-transform: uppercase;
	color: #1F4B77;
}
h3.boxSelected {
	margin: 0.5em 0;
	padding: 0.2em 0.5em 0.3em 0.5em;
	font-size: 1em;
	/*background: #C0D4DC;*/
	background: #FFFF99;
	color: #1F4B77;
	border-width: 1px 0;
	border-color: #D6AA7E;
	border-style: solid;
}
h3.box a:link, h3.box a:visited {
	color: #546DAE;
	text-decoration: none;
}
h3.box a:hover, h3.box a:active {
	color: #001559;
	text-decoration: underline;
}
h3.boxSelected a {
	color: Orange;
	font-style: italic;
}

/*test navigation*/
#nav2, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav2 a {
	display: block;
	width: 10em;
}
#nav2 li {
	width: 10em;
}
#nav2 li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin-left: 149px;
}

#nav2 li:hover ul {
	left: auto;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}


/* ============ Main Navigation=================== */
div#navContainer {
	background: none;
	padding-right: 10px;
}

#navContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navContainer ul#nav {
font-size: 0.9em;
font-family: verdana, tahome, geneva, sans-serif;
}
#navContainer a, #navContainer h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
display: block;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;*/
}

/*#navContainer h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}*/

/*#navContainer a {
color: #000;
background: #efefef;
text-decoration: none;
}*/

/*#navContainer a:hover {
color: #a00;
background: #fff;
}*/

#navContainer li {position: relative;}

#navContainer ul ul.subnavFly, #navContainer ul ul.subnavFly2 {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
/* define states where fly out menus are NOT to be shown */
div#navContainer ul ul.subnavFly, div#navContainer ul ul.subnav ul.subnavFly2
{display: none;}

/* define states where flyout menus are to be displayed */
div#navContainer ul li:hover ul.subnavFly, div#navContainer ul.subnav li:hover ul.subnavFly2
{display: block;}

/*+ + + + + + + + + + + + + */

#navContainer ul#nav li {
	background: #506AAD;
	margin: 0 0 1px 0; /* gives the gap between nav items */
	padding: 1px 0;
	border-left: 1px solid #506AAD;
	width: 149px;
	color:#fff;
}
#navContainer ul#nav li.memb, #navContainer ul#nav li.membSel {
	background: #1983d8; /* background colour of member nav (selected/non-selected) */
	color:#fff;
}
#navContainer ul#nav li.sel div { /* visual marker for current selected nav item */
	border-left: 4px solid #FFCC66;
	padding-left: 5px;
}
#navContainer ul#nav li.membSel div {  /* visual marker for current selected memb nav item */
	border-left: 4px solid #fce76b;
	padding-left: 5px;
}
#navContainer ul#nav li div {
	/*background: #506AAD;*/
	padding: 6px 5px 6px 7px;
}

/* ---- sub nav ---------- */
#navContainer ul#nav ul.subnav { /* NOT REQUIRED ? */
	padding: 0;
	margin: 0;	
}
#navContainer ul#nav li ul.subnav { /*expanded subnav - not flyout*/
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #506AAD;
	display: block;
}
#navContainer ul#nav li ul.subnav li { /*expanded subnav - not flyout*/
	background: #7186BD;
	padding: 5px 5px 5px 15px;
	width: 128px;
	border-width: 0;
	margin: 0;	
}
#navContainer ul#nav li ul.subnav2 { /*expanded subnav - not flyout*/
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
}
#navContainer ul#nav li ul.subnav2 li { /*expanded subnav - not flyout*/
	padding: 5px 5px 5px 15px;
	width: 112px;
	border-width: 0;
	margin: 0;	
}


#navContainer ul#nav li ul.subnavFly, #navContainer ul#nav li ul.subnav ul.subnavFly2 { /* flyout subnav - level 1 & 2 */
	margin: 0;
	padding: 0;
	list-style: none;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #506AAD;
	/*display: block;*/
}
#navContainer ul#nav li ul.subnavFly li, #navContainer ul#nav li ul.subnav ul.subnavFly2 li { /* flyout subnav - level 1 & 2 */
	background: #7186BD;
	padding: 6px 5px 6px 15px;
	width: 128px;
	border-width: 1px 1px 0 1px;
	border-color: #506aad;
	border-style: solid;
	margin: 0;
}

/*#navContainer ul#nav li ul.subnavFly2 {  flyout subnav - level 2 
	margin: 0;
	padding: 0;
	list-style: none;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #506AAD;
}
#navContainer ul#nav li ul.subnavFly2 li {  flyout subnav - level 2 
	background: #bdb76b;
	padding: 6px 5px 6px 15px;
	width: 128px;
	border-width: 1px 1px 0 1px;
	border-color: #506aad;
	border-style: solid;
	margin: 0;
}*/
#navContainer ul#nav li.membSel ul.subnavFly li, #navContainer ul#nav li.membSel ul.subnav ul.subnavFly2 li {
	border-color: #1983d8; /* border colour for flyout member subnav <li> */
}
#navContainer ul#nav li.memb ul.subnav, 
#navContainer ul#nav li.membSel ul.subnav,
#navContainer ul#nav li.memb ul.subnavFly, 
#navContainer ul#nav li.membSel ul.subnavFly,
#navContainer ul#nav li.membSel ul.subnav ul.subnavFly2
 {
	border-color: #1983d8; /* border colour for member subnav - flyout / expanded */
}
#navContainer ul#nav li.memb ul.subnav li,
#navContainer ul#nav li.membSel ul.subnav li,
#navContainer ul#nav li.memb ul.subnavFly li, 
#navContainer ul#nav li.membSel ul.subnavFly li,
#navContainer ul#nav li.membSel ul.subnav ul.subnavFly2 li
 {
	background: #70aed9; /* background of member subnav - flyout / expanded */
}

/* ---- anchor colours --- */ 
ul#nav a,
ul#nav li.sel ul a {
	text-decoration: none;
	color: #fff;
	background: transparent;
	font-style: normal;
	/*padding: 6px 12px;*/
} 
ul#nav li.membSel li a {
	color: #fff; /* colour of unselected member subnav */
	font-style: normal;
}
 
 
ul#nav li.sel a {
	text-decoration: none;
	color: #FFCC66;
	background: transparent;
	font-style: italic;
}
ul#nav li.membSel a { /* set style of selected member main nav */
	text-decoration: none;
	color: #fce76b;
	background: transparent;
	font-style: italic;
} 
ul#nav li.sel li.sel a { /* set style of selected non-member subnav */
	text-decoration: none;
	color: #A6D6FF;
	background: transparent;
	font-style: italic;
}
ul#nav li.membSel li.sel a { /* set style of selected member subnav */
	text-decoration: none;
	color: #fff;
	background: transparent;
	font-style: italic;
}
ul#nav li.membSel li.sel a.noEntry { /* if we want to show no entry icon next to member nav when not logged in */
	background-image: url( ../images/bullet_no_entry.gif );
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	padding-left: 12px;
}
ul#nav a:hover, ul#nav li.sel ul.subnav a:hover, ul#nav li.sel ul.subnavFly a:hover {
	color: #FFD700; /* set color of hover text - level 1, flyout and expanded */
}
ul#nav li.membSel ul.subnav a:hover, ul#nav li.membSel ul.subnavFly a:hover {
	color: #fce76b;
}

/* ============ misc content styles =============== */
h3.headerBar {
	border-width: 1px;
	border-style: solid;
	border-color: #FFCC66;
	padding: 0.2em;
	/*background-color: #F3F5F8;*/
	background-color: #FAFAD2;
	text-transform: uppercase;
	font-size: 1.1em;
}
h3.headerBar2 { /* used in new page */
	border-width: 1px;
	border-style: solid;
	border-color: #506AAD;
	padding: 0.2em;
	/*background-color: #F3F5F8;*/
	background-color: #90C4E8;
	margin-bottom: 10px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
fieldset div.spacer {
	font: 5px / 5px sans-serif;
}
table.default {
	border-collapse: collapse;
}
table.default tr td, table.default tr th {
	padding: 5px;
	border-width: 1px;
	border-color: #738bb4;
	border-style: solid;
}
table.default tr th {
	background: #d9e0e3;
}
table.default tr td {
	background: #f1f5f8;
}

div.hr {
	/*border-top: 1px solid #ccc;*/
	background: transparent url( ../images/bg_dotted_line_grey2.gif ) repeat-x;
	margin: 1.5em 0 0 0;
}
div.hr div {
	font-size: 1px;
	line-height: 1px;
}
div.hr hr {
  display: none;
}
div.spacer {
	font-size: 1px;
	line-height: 1px;
}
div.spacer hr {
	display: none;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #ff9900;
	margin: 0 0 1em 0;
	padding-left: 15px;
	background: url(../images/doc_ico2.gif) no-repeat 0 0.1em;
}
div.uiFeedback {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #f00;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}

.buttonBar {
	/*background: #C0D4DC;*/
	 background-color: #FFEDA4;
	 border: 1px solid Orange;
	padding: 0.5em;
	clear: both;
}
fieldset .buttonBar {
	margin-top: 1em;
}

div.contPanelShaded, div.newsArticle, div.userfeedback {
	background: #FDFDEA url(../images/bg_tile_newsarticle.gif) repeat-x bottom;
}
div.contPanelShaded, div.newsArticle, div.userfeedback {
	border: 1px solid #506AAD;
}
.contPanelShaded2 {
	border: 2px solid #69AEDF;
	padding: 15px;
}
div.contPanelShaded {
	padding: 15px;
}
div.newsArticle, div.userfeedback{
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 0;
}
div.contPanelShaded h3 {
	font-size: 1.2em;
	margin: 0;
}
div.newsArticle h4 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: transparent url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
}

div.linkItem {
	margin-top: 1em;
}
div.linkItem h4 {
	margin: 0 0 0.3em 0;
	font-weight: bold;
}
div.linkItem p {
	margin: 0.5em 0;
}

ul.contArrow {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.contArrow li {
	padding-left: 15px;
	background: transparent url( ../images/bullet_arrow_orange_medium.gif ) no-repeat 0 0.2em;
	/*line-height: 1.7em;*/
	padding: 5px 5px 5px 23px;
}
ul.faq {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.faq li {
	padding: 2px 0 2px 20px;
} 
ul.faq li.q {
	background: url( ../images/ico_faq_q2.gif ) no-repeat 0 0.1em;
}
ul.faq li.a {
	background: url( ../images/ico_faq_a2.gif ) no-repeat 0 0.1em;
	margin-bottom: 1em;
}
div.clear {
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
h5.inline {
	display: inline;
	color: #4A5871;
}

p.navLink {
	padding-left: 15px;
	background: url(../images/bullet_arrow_small2.gif) no-repeat 0 0.1em;
	margin: 0;
}
p.navLinkBig {
	padding-left: 22px;
	background: url(../images/bullet_arrow_orange_medium.gif) no-repeat 0 0em;
	margin: 0.5em 0;
	font-size: 1.4em;
}
p.userInfo {
	padding: 0px 0 3px 21px;
	background:  url(../images/ico_info.gif) no-repeat 0 0em;
	margin: 0;
	color: #ff9900;
	font-weight: bold;
}
ul.pdf, ul.doc {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.pdf li, ul.doc li {
	background-repeat:  no-repeat;
	background-position: 0 0em;
	padding: 1px 0 3px 20px;
}
ul.doc li.pdf {
	background-image: url( ../images/ico_pdf.gif );
}
ul.doc li.msword {
	background-image: url( ../images/icon_doc.gif );
	background-position: 0 0;
}

/* ------------ various boxes --------------------- */

div.homeContentBoxTop {
	background: #FDFDEA url(../images/bg_tile_newsarticle.gif) repeat-x bottom;
	border: 1px solid #ff6600; 
	margin-left: 0px; 
	font-size: 1.2em;
	padding: 5px; 
	margin-bottom: 10px;
}

div.contentBoxDef, div.contentBoxDefEm {
	border: 1px solid #d7e6f2;  
	margin-bottom: 10px;
}
div.contentBoxDef h3, div.contentBoxDefEm h3 {
	margin: 0;
	background: #d7e6f2;
	padding: 5px;
	font-size: 1.2em;
}
div.contentBoxDef ul, div.contentBoxDefEm ul {
	margin: 10px;
}
div.contentBoxDef p, div.contentBoxDefEm p {
	margin-left: 10px;
	margin-right: 10px;
}
div.contentBoxDef p.navLink {
	margin-bottom: 1em;
}
div.contentBoxDefEm {
	border-color: #ffeb88;  
}
div.contentBoxDefEm h3 {
	background: #ffeb88;
	color: #ec5300;
}
div.contentBoxDef h3 a {
	color: #3f63be;
	text-decoration: none;
}
div.contentBoxDef h3 a:visited {
	color: #3f63be;
}
div.contentBoxDef h3 a:hover {
	text-decoration: underline;
}
.boxAdv {
	border: 1px solid #278bd1;  
	margin-bottom: 10px;
	background: #e7f2f8;
}
.boxAdv h3 {
	margin: 0;
	padding: 5px;
	font-size: 1.2em;
	color: #fff;
	background: #50a3de;
}
.boxAdv p {
	margin-left: 10px;
	margin-right: 10px;
}
.boxAdv p.highlight {
	font-size: 1.4em;
}

.boxAdvShow {
	border: 1px solid #278bd1;  
	margin-bottom: 10px;
	background: #fff;
	padding-bottom: 10px;
	width: 250px;
}
.boxAdvShow h3 {
	margin: 0;
	padding: 5px;
	font-size: 1.2em;
	color: #fff;
	background: #50a3de;
}
.boxAdvShow p {
	margin-left: 10px;
	margin-right: 10px;
}

/* ------------ floating images --------------------- */

img.float-left {
	float: left;
	margin: 0 10px 10px 0;
}
img.float-right {
	float: right;
	margin: 0 0 10px 10px;
}
/* ============ Forum CMS Pages ========================= */
.forum-content .strapline {
	font-family: georia, 'times new roman', times, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	color: #0099f0;
}
.forum-content h3 {
	margin-top: 0;
}

/* ------------ gallery images --------------------- */

div.gallery img{
	border: solid;
	border-color: #546dae;
	margin: 10px 10px 0 0;
}

/* ------------ forum gallery --------------------- */

#gallery {
	/*background-color: #444;*/
	/*background-color: #d6e186;*/	
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	display: inline;	
	list-style: none;
	background-image:none;
	padding-left:0px;
}
#gallery li a:hover {
	color: #91a01f;
}
h3.galCatHead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	border-bottom:1px dashed #b8b891;
	padding:0 0 0.3em 0;
}
.downloadContainer {
	float:left;
	margin:0 1em 0 1em;
}
.downloadContainer p {
	margin:0 0 0.7em 0;
}
.downloadContainer a:link, .downloadContainer a:active, .downloadContainer a:visited {
	text-decoration:none;
}



/* ============ members listings ======================== */
div.membRecord {
	border-top: 1px solid #638AAF;
}

div.membRecord h3 {
	background-color: #A2CDF6;
	border-top: 3px solid #97C0E7;
	padding: 0.2em 0.3em 0.6em 0.3em;
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}
div.membRecord h3 a {
	color: #1E3683;
}
div.membRecord {
	margin-bottom: 1em;
}
/* ============ first friday ========================= */
div.contentBoxFF, div.contentBoxFFL {
	border: 4px solid #d7e6f2;  
	margin-bottom: 10px;
}
div.contentBoxFF h3, div.contentBoxFFL h3 {
	margin: 0;
	background: #d7e6f2;
	padding: 5px;
}
div.contentBoxFF ul, div.contentBoxFFL ul {
	margin: 10px;
}

div.contentBoxFFL {
	border-color: #ffeb88;  
}
div.contentBoxFFL h3 {
	background: #ffeb88;
	color: #ec5300;
}

/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #60709a;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #00629f;  
}
.sig {
	color: #60709a;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 0 1em 1em 185px;
}