/*================================================================================

SITE COLOUR PALETTE

================================================================================*/


/* UNIVERSAL STYLES
================================================================================*/

body {
	font: 62.5% verdana, arial, helvetica, sans-serif;
	color: #65686F;
	text-align: center;
	background: #F5F6F6 url('background.gif') repeat-x 0 0;
	padding: 0;
	margin: 0;
}

.spaw_body {
	font: 12px/16px arial, helvetica, sans-serif;
 	text-align: left;
	color: #65686F;
 	background-color: #FFF;
	background-image: none;
	padding: 10px;
}

body * {
	margin: 0;
}

td {
	vertical-align: top;
}


/* TYPOGRAPHY
================================================================================*/

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #4268AE;
	padding: 16px 0 8px 0;
}

h1.pagetitle {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: #4268AE;
/*	border-bottom: 1px solid #C9C9C9;*/
	padding: 15px 0;
}

h2 {
	font-size: 1.3em;
	color: #00915E;
	padding: 16px 0 8px 0;
}

h3 {
	font-size: 1.2em;
	color: #3193D8;
	padding: 16px 0 8px 0;
}

h4, h5, h6 {
	font-size: 1em;
	color: #00915E;
	padding: 16px 0 8px 0;
}

h5 {
	color: #4C4E53;
}

h6 {
	color: #65686F;
}

hr {
	width: 100%;
	height: 1px;
	color: #9EBAD4;
	background: #9EBAD4;
	color: #DDD;
	background: #DDD;
	border: none;
	margin: 20px 0 10px 0;
	clear: both;
}

blockquote {
	background: #EFF1F7;
	padding: 10px 15px;
	margin: 10px 0;
	clear: both;
}

blockquote p {
	padding: 0;
}

p {
	padding: 4px 0 10px 0;
}

a, a:visited, a:focus, a:hover, a:active {
	color: #4265A9;
	text-decoration: none;
}

a:visited {
	color: #526B9E;
}

a:hover, a:active {
	color: #35589F;
	text-decoration: underline;
}

ul, .spaw_body ul, ol, .spaw_body ol {
	padding: 8px 0;
	margin: 0 0 0 35px;
}

ol, .spaw_body ol {
	margin: 0 0 0 40px;
}

ul li ul, ul li ol, ol li ul, ol li ol, 
.spaw_body ul li ul, .spaw_body ul li ol, .spaw_body ol li ul, .spaw_body ol li ol {
	padding: 0;
}

ul li, .spaw_body ul li {
	list-style-image: url('ul_default.gif');
	padding: 2px 0;
}

ul.check li, .spaw_body ul.check li {
	list-style-image: url('ul_check.gif');
	padding: 2px 0;
}

ul li li, ol li, .spaw_body ul li li, .spaw_body ol li {
	list-style-image: none;
	padding: 2px 0;
}

ol, ul, ol ol, ol ul, ul ol, ul ul, ol p, ul p, td, td p, td ol, td ul, form, fieldset, input, select {
	font-size: 1em;
}

form, fieldset, legend {
	border: none;
	padding: 0;
}

form ol, form ol li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

form td {
	padding: 3px 5px 3px 0;
}

label {
	font-weight: bold;
	color: #7A7E86;
}

input.textbox {
	color: #65686F;
	background: #F6F6F6 url('textbox_bg.gif') repeat-x 0 0;
	border: 1px solid #C5CBD0;
	padding: 2px 3px;
}

input.submit {
	color: #FFF;
	background: #00A66B;
	border: 1px solid #008A58;
	padding: 2px 10px;
	overflow: visible;
}

div#content, div#content_side {
	line-height: 1.3em;
}


/* DEFAULT LAYOUT STYLES
================================================================================*/

ul#navtop, div#container, div#container_2col, div#container_home, div#container_community {
	font-size: 1.2em;
}

div#header, div#banner, div#nav, div#content, div#content_side, div#footer {/* set default font size */
	font-size: 1em;
}

div#container, div#container_2col, div#container_home, div#container_community {
	width: 968px;
	text-align: left;
	background: #FFF url('wrap.gif') repeat-y 0 0;
	margin: 0 auto;
}

div#container_home {
	background: #FFF url('wrap_home.gif') repeat-y 0 0;
}

div#container_community {
	background: #FFF url('wrap_no_nav.gif') repeat-y 0 0;
}

div#wrap_left {
	width: 959px;
	background: url('wrap_left.gif') no-repeat 0 0;
	padding: 0 0 0 9px;
}

div#wrap_right {
	width: 930px;
	background: url('wrap_right.gif') no-repeat 100% 0;
	padding: 0 19px 0 10px;
}

div#header {
	height: 64px;
	background: #FFF;
	border-bottom: 1px solid #DCDCDC;
}

div#header img {
	display: block;
	float: left;
	margin-top: 25px;
}

div#banner {
	height: 260px;
	border-top: 10px solid #FFF;
	overflow: hidden;
}

div#logo, div#banner_img, div#quick_links {
	float: left;
}

div#logo {
	width: 200px;
	height: 260px;
	background: #264682;
}

div#banner_img {
	width: 730px;
	height: 260px;
	background: #9EBAD4;
}

div#banner_img img {
	display: block;
	margin: 0;
}

div#banner_img div {
	background: url('banner_bg.gif') repeat-x 0 0;
}

div#banner_img div div {
	height: 40px;
	font-size: 0.95em;
	text-align: right;
	background: url('banner_bg_side.gif') no-repeat 0 0;
	padding-right: 10px;
}

div#banner_img a, div#banner_img a:visited, div#banner_img a:focus, div#banner_img a:hover, div#banner_img a:active { /* back to cacee link in community template */
	display: block;
	float: right;
	width: 15em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #233C6A;
	border: 1px solid #FFF;
	padding: 4px 5px;
	margin-top: 5px;
}

div#banner_img a:hover {
	background: #35589F;
}

div#nav {
	float: left;
	width: 200px;
	background: #35589F;
	padding: 0 0 50px 0;
}

div#content {
	float: left;
	width: 675px;
	padding: 20px 10px 50px 35px; /* leave 10px space on right for italics in IE */
}

#ad-space {
text-align:center;
}

#comingsoon {
	background:url(/images/stickybackground.jpg) top left no-repeat;
	width:438px;
	height:546px;
}

#comingsoon #bulletedlist {
	padding-top:135px;
	margin-left:5px;
	margin-right:20px;
	color:#000000;
}

#comingsoon a:link, #comingsoon a:visited {
	background:url(pdficon.jpg) top left no-repeat;
	width:200px;
	display:block;
	padding-top:20px;
	padding-left:70px;
	margin-left:50px;
	height:66px;
	font-size:1.3em;
	text-decoration:none;
}

#comingsoon a:hover, #comingsoon a:active, #comingsoon a:visited:hover {
	text-decoration:underline;
}

#comingsoon ul li {
	margin-bottom:0.5em;
}

div.clear {
	clear: both;
}

/* DISCUSSION FORUM LAYOUT STYLES
================================================================================*/

div#container_community div#content {
	width: 870px;
	padding: 20px 20px 50px 30px; /* leave 10px space on right for italics in IE */
}

div#container_community div#content td {
}

th.thCornerL, th.thTop, th.thCornerR, th.thTop {
	color: #FFF;
	background: #9EBAD4;
	padding: 5px 0;
}

td.catLeft, td.rowpic {
	background: #F5F6F6;
}


/* 2 COLUMN LAYOUT STYLES
================================================================================*/

div#container_2col h1.pagetitle {
	float: left;
	width: 695px; 
	padding: 30px 0 20px 35px;
}

div#container_2col div#content {
	width: 440px;
	padding: 0 20px 20px 35px; /* leave 5px space on right for italics in IE */
}

div#container_2col div#content_side {
	float: right;
	width: 210px;
	font-size: 0.95em;
	color: #FFF;
	background: #00A76B;
	padding: 10px;
	margin-top: 8px;
	margin-bottom:15px;
}

div#container_2col div#content_side p.title {
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}

div#container_2col div#content_side a, div#container_2col div#content_side a:visited, div#container_2col div#content_side a:focus, div#container_2col div#content_side a:hover, div#container_2col div#content_side a:active {
	color: #FFE98E;
}

div#content_side ul li {
	list-style-image: url('ul_default_side.gif');
	padding: 2px 0;
}


/* HOMEPAGE LAYOUT STYLES
================================================================================*/

div#container_home div#content, div#container_home div#content_side {
	font-size: 0.95em;
}

div#container_home div#banner_img {
	width: 500px;
}

div#container_home div#content {
	width: 470px;
	padding: 20px 5px 20px 20px; /* leave 5px space on right for italics in IE */
}

div#container_home div#content_side {
	float: right;
	width: 218px;
/*	background: url('content_side_shadow_top.gif') repeat-x 0 0;*/
	padding: 0 0 0 12px;
}

div#quick_links{
	width: 220px;
	padding: 0 0 0 10px;
}

div#quick_links img {
	display: block;
	margin-bottom: 10px;
}

div#intro {
	padding: 10px 10px 20px 10px;
}

/* WHAT'S NEW & POLL STYLES
----------------------------------------*/

div#news, div#poll {
	float: right;
	width: 210px;
	padding: 10px;
}

div#news {
	float: left;
	background: #E7E7E7;
}

div#news h3, div#poll h3 {
	color: #4268AE;
	border-bottom: 1px solid #C9C9C9;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

div#news h3 {
	border-bottom: 1px solid #FFF;
}

div#news ul, div#poll ul {
	padding: 0 0 0 3px;
	margin: 0;
}

div#news li, div#poll li {
	list-style-type: none;
	list-style-image: none;
	background: url('ul_default.gif') no-repeat 0 12px;
	padding: 6px 0 6px 15px;
}

div#poll td {
	padding: 6px 0;
}

div#poll p {
	padding: 6px 0;
}

div#poll hr {
	color: #C9C9C9;
	background: #C9C9C9;
	margin: 0 0 5px 0;
}

div#poll input.submit {
	background: #58C09B;
	border: none;
}

/* FEATURED HIGHLIGHTS STYLES
----------------------------------------*/

div#highlights {
	color: #FFF;
	background: #00A76B;
	padding: 10px;
	margin-bottom: 25px;
}

div#highlights h3 {
	font-size: 0.95em;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}

div#sponsors {
	height: 110px;
	text-align: center;
	border: 1px solid #DDD;
/*	padding: 15px;*/
}

/* FORM STYLES
================================================================================*/

/* SEARCH STYLES
----------------------------------------*/

div#header form {
	width: 215px;
	float: right;
	margin-top: 22px;
}

div#header input.textbox {
	float: left;
	width: 145px;
	height: 16px;
	margin: 0;
}

div#header input.submit {
	float: right;
}

/* NAV LOGIN STYLES
----------------------------------------*/

div#nav div {
	background: #4265A9;
	padding: 15px;
}

div#nav div p {
	color: #FFF;
	font-weight: bold;
}

div#nav input.textbox {
	width: 160px;
	height: 14px;
	margin: 3px 0;
}

div#nav input.submit {
/*	float: left;*/
	color: #FFF;
	background: #233C6A;
	border: 1px solid #FFF;
	margin: 3px 0;
}

div#nav form p {
	float: right;
	font-size: 0.9em;
	font-weight: normal;
}

div#nav form a, div#nav form a:visited, div#nav form a:focus, div#nav form a:hover, div#nav form a:active {
/*	display: block;*/
	font-size: 0.9em;
	color: #E5EDF8;
/*	border: 1px solid red;
	clear: both;*/
}

/* CONTENT LOGIN STYLES
----------------------------------------*/

form.login a, form.login a:visited, form.login a:focus, form.login a:hover, form.login a:active {
	font-size: 0.95em;
}


/* EVENTS CALENDAR STYLES
================================================================================*/

table.cal th, table.cal td {
	padding: 5px;
}

table.cal th {
	width: 14%;
	text-align: center;
	color: #FFF;
	background: #9EBAD4;
	border: 1px solid #8AAAC7;
}

table.cal td {
	background: #F6F6F6;
	border: 1px solid #C9D7E4;
}

table.cal p {
	background: #AEC6DC;
	padding: 2px 5px;
	margin-top: 5px;
}

table.cal p.pdnon {
	background: #DDD;
}

table.cal a, table.cal a:visited, table.cal a:focus, table.cal a:hover, table.cal a:active {
	font-size: 0.9em;
}


/* MEDIA RELEASE STYLES
================================================================================*/

ul.medialist {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 10px 0 0 0;
}

div#content ul.medialist li {
	float: left;
	width: 655px;
	list-style-image: none;
	background: #E5E5E5;
	padding: 5px 10px;
	margin: 1px 0 0 0;
	clear: both;
}

div#content ul.medialist li.odd {
	background: #F5F6F6;
}

ul.medialist div {
	float: left;
	width: 55px;
}

ul.medialist a, ul.medialist a:visited, ul.medialist a:focus, ul.medialist a:hover, ul.medialist a:active {
	display: block;
	float: right;
	width: 580px;
	padding: 0;
}


/* JOB LIST STYLES
================================================================================*/

table.joblist, table.joblist_details {
	border-collapse: collapse;
}

table.joblist th {
	color: #FFF;
	background: #9EBAD4;
	border: 1px solid #FFF;
	padding: 5px;
}

table.joblist td, table.joblist_details td {
	padding: 5px 10px 5px 5px;
	border-bottom: 1px solid #DDD;
}

table.joblist_details th {
	color: #00915E;
	border-bottom: 1px solid #DDD;
	padding: 5px;
	padding-right: 15px;
}


/* MEMBER DIRECTORY STYLES
================================================================================*/

table.mem_dir_results {
/*	font-size: 0.95em;*/
}

table.mem_dir_results th {
	vertical-align: top;
}

table.mem_dir_results td {
	padding-right: 15px;
}

table.mem_dir_results h3 {
	padding: 0;
}

table.mem_dir_results th p {
	padding: 0 0 10px 0;
}

table.mem_dir_results th span {
	float: right;
	font-size: 0.9em;
	font-weight: normal;
}

table.mem_dir_results img {
	float: left;
}

a.sr_crit, a.sr_crit:visited, a.sr_crit:focus, a.sr_crit:hover, a.sr_crit:active {
	display: block;
	float: left;
	color: #FFF;
	background: #989AA0;
	padding: 2px 7px;
	margin: 0 3px 5px 0;
}

a.sr_crit:hover {
	text-decoration: none;
	background: #00915E;
}


/* TOP & BOTTOM NAVIGATION STYLES
================================================================================*/

ul#navtop, ul#navtop li, div#footer ul, div#footer li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

ul#navtop {
	width: 930px;
	height: 22px;
	text-align: right;
	color: #E5EDF8;
	background: #233C6A;
	border-bottom: 1px solid #FFF;
	padding: 8px 19px 0 19px;
	margin: 0 auto;
	overflow: hidden;
}

ul#navtop li {
	font-size: 0.9em;
}

ul#navtop li, div#footer li {
	display: inline;
	padding: 0 3px;
}

ul#navtop a, ul#navtop a:visited, ul#navtop a:focus, ul#navtop a:hover, ul#navtop a:active {
	color: #E5EDF8;
}

div#footer {
	border-top: 10px solid #FFF;
	clear: both;
}

div#footer div {
	float: left;
	width: 910px;
	font-size: 0.9em;
	background: #FFF;
	border-top: 1px solid #DCDCDC;
	padding: 15px 10px 10px 10px;
}

div#footer p {
	float: right;
/*	width: 300px;*/
	text-align: right;
	padding: 0;
}

div#footer ul {
	float: left;
	width: 400px;
}

/* MAIN & MY CACEE NAVIGATION STYLES
================================================================================*/

div#nav h5 {
/*	font-size: 1.2em;*/
	font-weight: bold;
/*	text-align: center;*/
	color: #FFF;
	background: #3086C4;
	background: #4265A9;
	padding: 10px 15px 15px 15px;
}

div#nav ul, div#nav ul li {
	width: 170px;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0 auto;
}

div#nav ul {
/*	border-bottom: 1px solid #5371AE;*/
	margin-top: 20px;
	clear: both;
}

div#nav ul li {
	background: url('../images1/nav_bg.gif') no-repeat 100% 9px;
	border-top: 1px solid #5371AE;
}

div#nav ul.nav_mbr, div#nav ul.nav_mbr li {
	width: 170px;
	background: #3086C4;
	background: #4265A9;
	padding: 0 15px;
	margin: 0;
}

div#nav ul.nav_mbr {
	padding-bottom: 15px;
}

div#nav ul.nav_mbr li {
	border-top: 1px solid #5477BC;
	padding: 0;
}

div#nav ul li.first {
	border: none;
}

div#nav ul a, div#nav ul a:visited, div#nav ul a:focus, div#nav ul a:active {
	display: block;
	width: 170px;
	text-decoration: none;
	color: #E5EDF8;
	background: url('nav_bg.gif') no-repeat 100% 9px;
	padding: 6px 0;
}

div#nav ul a:hover {
	color: #ACC1DD;
	background: url('nav_bg_over.gif') no-repeat 100% 9px;
}

div#nav ul a.on, div#nav ul a.on:visited, div#nav ul a.on:focus, div#nav ul a.on:hover, div#nav ul a.on:active {
	font-weight: bold;
	color: #E5EDF8;
	background: url('nav_bg_over.gif') no-repeat 100% 9px;
}

/* MAIN NAVIGATION SUB TIER STYLES
--------------------------------------------------------------------------------*/

div#nav ul li.tier2, div#nav ul li.tier3, div#nav ul li.tier4 {
/*	background: #5371AE;*/
	background: none;
	border: none;
}

div#nav li.tier2 a, div#nav li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:hover, div#nav li.tier2 a:active, 
div#nav li.tier3 a, div#nav li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:hover, div#nav li.tier3 a:active,
div#nav li.tier4 a, div#nav li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:hover, div#nav li.tier4 a:active {
	font-size: 0.9em;
	background: none;
}

div#nav li.tier2 a, div#nav li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active {
	width: 150px;
	padding: 3px 10px;
}

div#nav li.tier3 a, div#nav li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:active {
	width: 140px;
	padding: 3px 10px 3px 20px;
}

div#nav li.tier4 a, div#nav li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:active {
	width: 130px;
	padding: 3px 10px 3px 30px;
}

div#nav li.tier2 a.on, div#nav li.tier2 a.on:visited, div#nav li.tier2 a.on:focus, div#nav li.tier2 a.on:active, 
div#nav li.tier3 a.on, div#nav li.tier3 a.on:visited, div#nav li.tier3 a.on:focus, div#nav li.tier3 a.on:active,
div#nav li.tier4 a.on, div#nav li.tier4 a.on:visited, div#nav li.tier4 a.on:focus, div#nav li.tier4 a.on:active {
	font-weight: normal;
	color: #FFE98E;
}

/*
div#nav li.tier2 a:hover, div#nav li.tier2 a.on, div#nav li.tier2 a.on:visited, div#nav li.tier2 a.on:focus, div#nav li.tier2 a.on:active {
	text-decoration: underline;
	color: #7A2638;
	background: #ECDAB4 url('ul_nav_subtier.gif') no-repeat 20px 7px;
}
*/
