/*================================================================================



SITE PALETTE

dark blue: #10274A

grey dark: #888

grey medium: #DDD or #D2D2D2

grey light: #F1F1F1

yellow: #FFDA0F



===============================================================================*/

/* UNIVERSAL STYLES

================================================================================*/

body {

	font: 62.5% arial, helvetica, sans-serif;

	color: #757575;

	text-align: center;

	background: #0F6E9A;    /*  Light Blue DDEEFF  */

	padding: 0;

	margin: 0;

}



.spaw_body {

	font: 12px/16px arial, helvetica, sans-serif;

 	text-align: left;

	color: #757575;

 	background-color: #FFF;

	background-image: none;

	padding: 10px;

}



body * {

	margin: 0;

}



td {

	vertical-align: top;

}



/* TYPOGRAPHY

================================================================================*/



h1 {

	font-size: 2em;
	line-height: 24px;
	color: #10274A;
	padding: 16px 0 8px 0;
	font:Arial, Helvetica, sans-serif; 
	font-variant:small-caps; 
	font-weight:bolder;

}

div#container_home h1, div#container_home h2 {

	font-family: arial, helvetica, sans-serif;

	font-size: 1.7em;

	/*text-transform: uppercase;*/

}

h2 {

	font-size: 1.4em;

	color: #10274A;

	padding: 16px 0 8px 0;

}



h3 {

	font-size: 1.1em;

	color: #10274A;

	padding: 8px 0;

}

h4, h5, h6 {

	font-size: 1em;

	color: #444;

	padding: 8px 0;

}

hr {

	width: 100%;

	height: 1px;

	color: #DDD;

	background: #DDD;

	border: none;

	margin: 10px 0;

	clear: both;

}

blockquote {

	background: url('../images1/blockquote.gif') no-repeat 0 0;

	padding: 0 15px; /* NOTE: padding or margin greater than 15px on either side will cause layout to break in IE */

	margin: 10px 0;

	clear: both;

}

blockquote p {

	padding-top: 0;

}

p {

	padding: 8px 0;

}

a, a:visited, a:focus, a:active {

	color: #0064B9;

	text-decoration: none;

}

a:hover {

	color: #0064B9;

	text-decoration: underline;

}

div#content li {

	padding: 2px 0;

}

div#content ul, .spaw_body ul, div#content ol, .spaw_body ol {

	padding: 8px 0;

	margin: 0 0 0 35px;

}

div#content ul li, .spaw_body ul li {

	list-style-image: url('../images1/ul_default.gif');

	padding: 2px 0 2px 5px;

}

div#container_home div#content ul li {

	list-style-type: none;

	list-style-image: none;

}

/*

div#content ol, .spaw_body ol {

	padding: 10px 30px;

}

.spaw_body ol {

margin-left: 10px;

}

*/

div#content ul li li, div#content ol li, .spaw_body ul li li, .spaw_body ol li {

	list-style-image: none;

	padding: 2px 0;

}

tr.odd {

	background: #F1F1F1;

}

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 table td {

	padding: 3px 15px 3px 0;

}

label {

	display: block;

	font-weight: bold;

	color: #10274A;

}

input {

	padding: 3px 5px;

}

input.textbox, textarea.textbox {

/*	font-size: 0.9em;*/

	color: #10274A;

	background: #F1F1F1;

	border: 1px solid #CCC;

}

input.submit {

	width: auto;

	height: auto;

	color: #FFF;

	background: #888 url('../images1/more_bg.gif') no-repeat 5px 50%;

	border: 1px solid #10274A;

	background: #10274A url('../images1/more_bg_wht.gif') no-repeat 5px 50%;

	border: none;

	padding-left: 15px;

}

table input.submit {

	margin-top: 15px;

}



/* MAIN STRUCTURAL LAYOUT

================================================================================*/

div#header_top, div#header_bot, div#content_side, div#nav, div#content, div#footer {

	font-size: 1.2em;

}

div#container, div#container_home {

	width: 850px;

	text-align: left;

	background: #FFF;

	padding: 0;

	margin: 0 auto;

	padding: 0 0 10px 0;

}

div#container_home {

	background: #FFF ;

}

div#shadow_left {

	background: url('../images1/shadow_left.gif') no-repeat 0 0;

	padding: 0;

}

div#shadow_right {

	background: url('../images1/shadow_right.gif') no-repeat 100% 0;

	padding: 0 9px;

}

div#header_top {

	height: 181px;

	background: #FFF;

	padding: 0 0 0px 0;

}

div#seperator {

	height: 30px;

	background: #FFFF99;

	padding: 0px 0 0px 0;

}

div#header_top img { /* logo */

	float: left;

	border: none;

	margin: 0px 0 0 0px;

}

div#header_bot {

	float: left;

	width: 890px;

	height: 163px;

	overflow: hidden;

	background: #10274A;

	border-bottom: 8px solid #888;

}

div#container_home div#header_bot {

	width: 675px;

	background: none;

	background: #888 url('../images1/header_image_bg.jpg') no-repeat 0 0;

}

div#header_bot img {

	float: left;

}

div#testimonial {

	float: right;

	width: 215px;

}

div#container_content {

	float: left;

	width: 830px;

	padding: 5px 0 0px 0px;

}

div#content_side {

	float: right;

	width: 204px;

	padding: 0 0 0 5px;

}

div#container_home div#content_side {

	float: right;

	width: 204px;

	padding: 0 0 0 11px;

}

div#nav {

	float: left;

	width: 195px;

	font-size: 1.1em;

	background: #0F6E9A;

	padding: 4px 0px 0px 0;

	margin-top:10px;

}

div#content {

	float: left;

	width: 650px;

	padding: 25px 45px 5px 45px;

	color:#000;

}

div#container_home div#content {

	float: right;

	width: 620px;

	padding: 0 0 5px 5px;

}

div#footer {

	width: 830px;

	background: #FFF;

	border-top: 5px solid #E64B46;

	padding: 4px 0 0 0;

	clear: both;

}

div#footer div#footer_content {

	width: 815px;

	font-size: 0.95em;

	color: #000;

	background: #FFFF99;

	padding: 8px;

}

div.clear {

	height: 1px;

	font-size: 1px;

	line-height: 1px;

	padding: 0;

	clear: both;

}



/* SEARCH & NEWSLETTER FORM STYLES

================================================================================*/

fieldset {

	border: none;

	padding: 0;

}



form ol, form li {

	list-style-type: none;

	padding: 0;

}



div#header_top input.submit, div#newsletter, div#search_form input.submit, form.form_newsletter input.submit {

	width: auto;

	font-size: 0.9em;

	color: #FFF;

	background: #10274A url('../images1/more_bg_wht.gif') no-repeat 5px 50%;

	border: none;

	padding-left: 15px;

}



* html div#header_top input.submit, * html div#newsletter input.submit {

	padding-left: 10px;

}



div#header_top form {

	float: right;

	width: 220px;

	padding: 55px 0 0 0;

}



div#header_top input, div#search_form input {

	width: 140px;

	font-size: 0.9em;

	color: #10274A;

	background: #F1F1F1;

	border: 1px solid #DDD;

}



div#search_form input {

	width: 300px;

}



div#header_top ol {

	float: right;

}



div#header_top li, div#search_form li {

	float:left;

	padding: 0 0 0 10px;

}



div#search_form ol, div#search_form li {

	padding: 5px 10px 15px 0;

}



span.search_highlight {

	color: #710C2D;

	color: #10274A;

        font-weight: bold;

}



div#content form.form_newsletter ol {

	padding: 0;

	margin: 0;

}



form.form_newsletter li label {

	display: block;

	font-weight: bold;

	color: #10274A;

}



form.form_newsletter input {

/*	width: 170px;*/

}



div#content form.form_newsletter li {

	font-size: 0.9em;

	padding: 3px 0;

}



* html div#content form.form_newsletter li {

	padding: 0;

}



form.form_newsletter table td {

	padding: 2px 5px 2px 0;

}



* html form.form_newsletter table td {

	padding: 0 5px 0 0;

}



form.form_newsletter input.submit {

	margin: 15px 0 0 0;

}



form.form_newsletter td label {

	display: inline;

	float: none;

	width: auto;

	font-weight: normal;

	color: #757575;

}



form.form_newsletter input.checkbox {

	width: auto;

	background: none;

	border: none;	

	padding: 0;

}





/* NEWSLETTER FORM STYLES

================================================================================*/



div#newsletter, div#newsletter form {

	width: 195px;

	background: #DDD;

	padding: 0;

	clear: both;

}



div#newsletter {

	margin-top: 30px;

}



div#newsletter form {

	width: 165px;

	padding: 15px;

}



div#newsletter h3, div#content_side h3 {

	height: 25px;

	font-size: 1.1em;

	line-height: 25px;

	color: #FFF;

	text-transform: uppercase;

	background: #888;

	padding: 0 0 0 15px;

}



div#nav div#newsletter a, div#nav div#newsletter a:visited, div#nav div#newsletter a:focus, div#nav div#newsletter a:hover, div#nav div#newsletter a:active { /* NOTE: need to be specific to override nav A styles at end of doc */

	display: inline;

	color: #0064B9;

	background: 0;

	padding: 0;

}



div#nav div#newsletter a:hover {

	text-decoration: underline;

}



div#newsletter input {

	width: 153px;

	font-size: 0.9em;

	color: #888;

	border: 1px solid #B6B6B6;

}



div#newsletter li {

	padding: 0 0 5px 0;

}



div#newsletter li p {

	color: #636877;

	padding: 0;

}



div#newsletter input.submit {

	background: #888 url('../images1/more_bg.gif') no-repeat 5px 50%;

	border: 1px solid #FFF;



}



/* HOME MAIN CONTENT STYLES

================================================================================*/



div#intro_container {

	background: #FFF;

	padding: 25px 10px 0 10px;

}



div#intro {

	background: #F1F1F1;

	padding: 3px;

}



div#intro div {

	border: 3px solid #FFF;

	padding: 9px 12px;

}



div#container_home h1, div#container_home h2 {

	font-size: 1.5em;

	font-weight: normal;

	color: #10274A;

	padding: 0;

}



div#expertise h2, div#leadership h2 {

	padding: 0 0 15px 0;

}



div#rs_thinking {

	background: #FFF url('../images1/dot_bg.gif') repeat-x 0 100%;

	padding: 15px 15px 30px 15px;

}



div#expertise, div#leadership {

	float: left;

	width: 210px;

	padding: 15px 10px 15px 15px;

}



div#leadership {



width: 215px;

	padding-right: 5px;

}



div#leadership img {

	border: 3px solid #D2D2D2;

	margin: 10px 15px 0 0;

}



div#expertise ul {

	padding: 8px 0 0 5px;

	margin: 0;

}



div#expertise ul li {

	list-style-type: none;

	background: url('../images1/ul_expertise.gif') no-repeat 0 4px;

	background: url('../images1/ul_default.gif') no-repeat 0 5px;

	padding: 0 0 10px 17px

}



div#el_more { /* read more container */

	clear: both;

}



div#el_more div {

	float: left;

	width: 205px;

	padding: 15px 10px 15px 15px;

}



div#container_home div#content ul a, div#container_home div#content ul a:visited, div#container_home div#content ul a:focus, div#container_home div#content ul a:hover, div#container_home div#content ul a:active,

div#container_home div#content_side ul a, div#container_home div#content_side ul a:visited, div#container_home div#content_side ul a:focus, div#container_home div#content_side ul a:hover, div#container_home div#content_side ul a:active {

	color: #757575;

}





/* HOME SIDE CONTENT STYLES

================================================================================*/



div#content_side div {

	float: left; /* float to envelop floats */

	width: 204px;

	background: url('../images1/dot_bg.gif') repeat-x 0 100%;

	padding: 0 0 15px 0;

	margin: 0 0 1px 0;

}



div#content_side h3 {

	color: #10274A;

	background: #DDD;

	padding: 0 10px;

}



div#content_side ul {

	padding: 10px 0 0 10px;

}



div#content_side ul li {

	list-style-type: none;

	background: url('../images1/ul_content_side.gif') no-repeat 0 5px;

	padding: 0 0 10px 15px

}



p.more_txt, p.more_txt_left {

	float: right;

	background: url('../images1/more_bg.gif') no-repeat 0 50%;

	padding: 0 5px 0 12px;

}



p.more_txt_left {

	float: none;

}



div#news h3 {

	color: #FFF;

	background: #888;

}



div#news ul {

	border-top: 5px solid #FFDA0F;

	margin-top: 4px;

}



div#content_side div#interest {

	padding: 0 0 2px 0;

}



div#interest ul {

	padding: 0 0 20px 10px;

}



div#interest ul li {

	list-style-type: none;

	background: url('../images1/ul_interest.gif') no-repeat 0 5px;

	padding: 0 0 0 15px;

}



div#interest div {

	float: left; /* float to envelop floats */

	width: 184px;

	color: #DDD;

	background: #10274A;

	padding: 15px 10px;

}



div#interest div p {

	float: none;

	background: none;

	padding: 0 0 15px 0;

}



div#interest div p.btn_more {

	padding: 0;

	clear: both;

}



p.btn_more a, p.btn_more a:visited, p.btn_more a:focus, p.btn_more a:hover, p.btn_more a:active {

	display: block;

	float: right;

	color: #FFF;

	text-decoration: none;

	background: #888 url('../images1/more_bg.gif') no-repeat 5px 50%;

	border: 1px solid #FFF;

	padding: 2px 10px 2px 20px;

}



p.btn_more a:hover {

	background-color: #999;

}



div#content_side div.award {

	background: none;

}



div.award img {

	display: block;

	margin: 25px auto;

}





/* TESTIMONIAL STYLES

================================================================================*/



div#testimonial h3 {

	font-size: 0.98em;

	text-transform: uppercase;

	color: #FFF;

	text-align: center;

	padding: 10px 0;

	margin: 0;

}



div#testimonial div {

	width: 175px;

	font-style: italic;

	color: #92A8DB;

	background: url('../images1/quote_open.gif') no-repeat 0 0;

	padding: 0 0 0 20px;

	margin: 0 auto;

}



div#testimonial p {

	padding: 0;

	margin: 0;

}



div#testimonial p.testimonial_src {

	font-style: normal;

	background: url('../images1/quote_close.gif') no-repeat 100% 100%;

	padding-top: 10px;

	margin: 0;

}



/* AREAS OF PRACTICE MEMBERS GROUP STYLES

================================================================================*/



div#practice_group {

	width: 550px;

	background: #F1F1F1;

	padding: 10px 25px 25px 25px;

	margin: 15px 0;

	clear: both;

}



div#practice_group img {

	border: 3px solid #CCC;

}



div#practice_group ul {

	padding-left: 0;

}





/* CONTACT FORM STYLES

================================================================================*/



form.form_contact textarea {

	width: 350px;

	height: 200px;

	padding: 5px;

}



form.form_contact select {

	width: 280px;

	height: 20px;

}





/* MAIN MENU NAVIGATION STYLES

================================================================================*/



div#nav ul {

	width: 195px;

	list-style-type: none;

	padding: 0 0 1px 0;

	padding: 0;

}



div#nav ul li {

/*	float: left;*/

	background: #0F6E9A url('../images1/nav_bg.gif') repeat-x 0 0;

	padding: 0px 4px 4px 4px;

}



div#nav ul li.first {

	background: none;

}



div#nav li a, div#nav li a:visited, div#nav li a:focus, div#nav li a:active {

	display: block;

	width: 165px;

	color: #000000;  /*  TEXT COLOUR  88A0DC */

	text-decoration: none;

	background: #DDEEFF;  /*   SQUARE BACKGROUND COLOUR  0F6E9A  lightblue = DDEEFF  */

	padding: 6px 11px;   /* Adjust Padding of Width */

	font-size:18px;

	font-weight:bold;

	font-variant:small-caps;

	text-align:center;

}

div#nav li a:hover, div#nav li a.on:hover {
	color: #BFD1FF;
	background: #000000;   /*  HOVER OVER BOX COLOUR  32496D */
}

/*div#nav li a:hover, div#nav li a.on, div#nav li a.on:visited, div#nav li a.on:focus, div#nav li a.on:hover, div#nav li a.on:active {
	color: #BFD1FF;
	background: #000000;   /*  HOVER OVER BOX COLOUR  32496D */
/*}*/

div#nav li a.on {
	color: #000000;
	background: #0099cc;   /*  HOVER OVER BOX COLOUR  32496D */
}

/* HOVER MENU

================================================================================*/



div#nav li {

	position: relative;

}



div#nav ul ul {

	display: none;

	background: #0F6E9A;

	border-top: 1px solid #5878A9;

	border-bottom: 1px solid #5878A9;

	padding: 0 0 0 0;

	position: absolute;

	top: 0;

	left: 195px;

	z-index: 50;

}



div#nav ul ul li {

	background: #0F6E9A url('../images1/navsub_bg.gif') repeat-x 0 0;

}



div#nav ul ul a, div#nav ul ul a:visited, div#nav ul ul a:focus, div#nav ul ul a:active {

	width: 164px;

	background: #0F6E9A;

	border-left: 1px solid #5878A9;

}



div#nav ul ul a:hover {

	background: #0F6E9A;

}



div#nav ul ul li a.on, div#nav ul ul li a.on:visited, div#nav ul ul li a.on:focus, div#nav ul ul li a.on:hover, div#nav ul ul li a.on:active {

	background: #2A4268;

}





/* BOTTOM NAVIGATION STYLES

================================================================================*/



div#footer ul {

	float: left;

	list-style-type: none;

	color: #FFF;

	padding: 0 8px;

}



div#footer ul li {

	float: left;

	background: url('../images1/ul_navbot.gif') no-repeat 0 50%;

	padding: 0 7px;

}



div#footer ul li.first {

	background: none;

	padding-left: 0;

}



div#footer a, div#footer a:visited, div#footer a:focus, div#footer a:active {

	display: block;

	color: #FFF;

	padding: 0;

}



div#footer a:hover {

	text-decoration: underline;

}



div#footer p {

	float: right;

	padding: 0;

}



div#footer p a, div#footer p a:visited, div#footer p a:focus, div#footer p a:hover, div#footer p a:active {

	display: inline;

}



.form_input {

	display: none;

}