/*
Neil Bateman, Superlawyer: Main Style Sheet
Author:	Paul Strandoo
Date:	17/05/2010
Notes:	This stylesheet should be preceded with reset.css
*/


html {
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	}

body {
	font-size: 1.5em;
	line-height: 170%;
	color: #333;
	text-align: left;
	background: #fff;
	}

p {
	margin: 0 0 1em 0;
	}
p strong, li strong, strong {
	font-weight: bold;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: 0em;
	line-height: 1.3em;
	}


h1 {
	font-size: 48px;
	line-height: 1.1em;
	height: 2.2em;
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.3em 0;
	color: #333;
	text-align: left;
	border-bottom: 6px solid #ccc;
	}

h2 {
	font-size: 1.1em;
	margin-bottom: 0.9em;
	color: #d21537;
	}
	
h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 0.3em;
	}
	
h3.first {
	margin-top: 0;
	}
	
h4, h5, h6 {
	color: #173069;
	font-size: 1.1em;
	margin: 1em 0 0.2em 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

/* --- [ Default Links ] -------------------------- */

a, a:link, a:visited {
	color: #2E6AA6;
	}

a:hover, a:active {
	color: #7691CE;
	text-decoration: none;
	}

/* --- [ Navigation ] -------------------------- */
ul#nav {
	padding-top: 6px;
	text-align: center;
	}

ul#nav li {
	font-size: 15px;
	line-height: 1.2em;
	margin: 0px 0;
	padding: 0 0 0px 0; /*5px*/
	border-bottom: 1px solid #ccc;
	}
	
ul#nav li a {
	text-decoration: none;
	padding: 10px 6px;
	display: block;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
	/*background: #eee;*/
	}

ul#nav li a:link, ul#nav li a:visited {
	color: #2E6AA6;
	text-decoration: none;
	}

ul#nav li a:hover, ul#nav li a:active {
	color: #7691CE;
	text-decoration: none;
	/*background: #ccc;*/
	}
	
#home a#homenav,
#consult a#consultnav,
#training a#trainingnav,
#solicitors a#solicitorsnav,
#publications a#publicationsnav,
#letters a#lettersnav,
#resources a#resourcesnav,
#advice a#advicenav,
#medical a#medicalnav,
#customers a#customersnav,
#feedback a#feedbacknav,
#contact a#contactnav
	{
	font-weight: bold;
	}

/* --- [ Layout Styles ] -------------------------- */
#wrapper {
	width: 970px;
	text-align: left;
	margin: 30px auto 0 auto;
	margin: 20px 0 0 10px;
	}

#header { /* unused */
	}

#sidebar {
	float: left;
	width: 230px;
	}
	
#main {
	float: right;
	width: 690px;
	margin: 0 20px 0 0;
	}
	
#content {
	padding: 0 2em 0 0;
	margin: 0;
	}

#footer {
	clear: both;
	text-align: center;
	margin: 20px 0;
	padding-top: 30px;
	}

/* --- [ Content Styles ] -------------------------- */

#logo {
	text-align: center;
	height: 135px;
	margin-top: 8px;
	}

.clear {
	clear: left;
	}
	
#main ul {
	list-style-type: square;
	margin: 0 0 1em 0;
	}
	
#main ul li {
	margin: 0 0 0.5em 1.2em;
	padding: 0;
	}
	
/*----- [ Training Course Lists ----- */
#main ul.courselist {
	list-style-type: none;
	border-bottom: 1px solid #999;
	}
#main ul.courselist li {
	margin: 0;
	padding: 0;
	}
	
h2.trigger {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 0.3em;
	}
	
h3.trigger, h2.trigger {
	border-top: 1px solid #999;
	margin: 0;
	padding: 0.7em 0;
	font-weight: normal;
	color: #d21537;
	cursor: pointer;
	background: url("../images/togglearrow.gif") 0 0 no-repeat;
	padding-left: 1.2em;
	}

h3.trigger:hover, h2.trigger:hover {
	text-decoration: underline;
	padding-left: 1.2em;
	background: #eee url("../images/togglearrow.gif") 0 -42px no-repeat;
	}
	
h3.active, h2.active {
	text-decoration: underline;
	background: #fff url("../images/togglearrow.gif") 0 -42px no-repeat;
	padding-left: 1.2em;
	}
	
#main ul.courselist p {
	display: none;
	margin: 0.5em 0 0.7em;
	padding: 0 1.2em;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
.boxedtext {
	text-align: center;
	padding: 1em;
	border: 1px solid #333;
	margin: 0 0 2em 0;
	}
	
.feedback {
	font-style: italic;
	}

#footer p {
	color: #d21537;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.3em 0;
	}
#footer p.footersmall {
	color: #555;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	}

#footer a {
	color: #d21537;
	}


/*----- [ 3 columns, Customers Page, Letters Page ] ---------------- */
#main ul.columnone, #main ul.columnlast {
	list-style-type: none;
	float: left;
	width: 30%;
	border-right: 1px solid #ccc;
	padding-right: 1em;
	margin-right: 1em;
	}
	
#main ul.columnlast {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
	}
	
#main ul.columnone li, #main ul.columnlast li {
	margin: 0;
	margin: 0.7em 0;
	line-height: 1.4em;
	}
	
#main ul.columnone h2, #main ul.columnlast h2  {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	color: #333;
	}
	
#main ul ul {
	}

#main ul.columnone ul li {
	font-size: 0.9em;
	margin: 0 0 0 1.2em;
	padding: 0;
	}
	
/*----- [ 3 columns, Letters Page ] ---------------- */
#main ul.letters {
	list-style-type: none;
	}
#main ul.letters li {
	float: left;
	width: 205px;
	margin: 0.7em 0;
	padding: 0 15px 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
	}
	
h2.lettershead {
	margin: 1em 0 0 0;
	}
	
#letters form {
	margin: 0 0 0.5em;
	}
#letters form input {
	vertical-align: text-top;
	}
	
/*----- [ Books, Publications Page ] ---------------- */

#main ul.books {
	list-style-type: none;
	}
	
#main ul.books li {
	float: left;
	width: 25%;
	padding: 10px 0 0 0;
	margin: 0;
	border-top: 1px solid #ccc;
	}

#main ul.books h3 {
	padding: 5px 10px 0 0;
	margin: 0;
	font-size: 0.9em;
	}
	
#main ul.books p {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 0 10px 0 0;
	}
	
#main ul.books li img {
	height: 180px;
	width: auto;
	border: 1px solid #fff;
	}

#main ul.books li img.border {
	height: 180px;
	width: auto;
	border: 1px solid #ccc;
	}


/*----- [ Letters Page ] ---------------- */

.notice {
	border: 1px solid #222;
	padding: 20px;
	margin: 0 0 1em 0;
	}

ol {
	list-style-type: decimal;
	margin: 0 0 0 2em;
	}


/*----- [ Resources Page ] ---------------- */
ul.linkslist {
	display: none;
	}

#main ul.linkslist { }
#main ul.linkslist li { }

/* See Triggers above */


/*----- [ Customers Page ] ---------------- */

/*----- [ Contact Page ] ---------------- */

#phonenumbers {
	margin: 1em 0;
	}

.vcard strong, span.type {
	font-weight: bold;
	color: #333;
	}

/* --- [ Forms ] -------------------------- */

.clearing { clear: both; }
.alert, .error { color: #FF0000; }

.highlight {     /* Used with JQuery Form js */
	background-color:#fff7c0;
	}



/* ---- [ Other Styles ] --------*/

blockquote {
	/*background: #fff url(../images/leftquote.gif) top left no-repeat;*/
	}
blockquote p {
	margin: 0;
	padding: 0 0 0 0.5em;
	text-indent: -0.5em;
	}
cite {
	font-style: italic;
	font-weight: bold;
	display: block;
	margin: 0 0 1em 0;
	padding: 0 0 0 0.5em;
	}
	
blockquote em {
	font-style: italic;
	}

span.req {
	color: #ff0000;
	}
	
sup {
	font-size: 90%;
	vertical-align: top;
	} 

.red {
	color: #d21537;
	}

.cleardiv {
	clear: both;
	height: 2px;
	}
	
.cleardivrule {
	clear: both;
	height: 2px;
	border-top: 1px solid #ccc;
	}
.nine {
	border-color: #999;
	}
	
img.left {
	float: left;
	margin: 3px 25px 1em 0;
	}
img.right {
	float: right;
	margin: 0 0 1em 1.5em;
	}
	
img.border {
	border: 1px solid #ccc;
	}
	
em {
	font-style: italic;
	}