/* ------ NOTES ---------------------------------------------------------------

Site: Medilaw
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: medilaw
Version: 10/06/09
Ancilliary Files: ie.css, print.css

--------- CONTENTS ------------------------------------------------------------

1: GLOBAL RESET
2: BODY
	a) Base List Styles
	b) Special List Styles
	c) Base Link Styles
	d) Skip Links
3: TYPOGRAPHY
	a) User Tables
4: SEARCH FORM
5: CONTAINERS
6: NAV-UTILITY
7: MASTHEAD
	a) h1 - Logo
	b) Nav-Feature
	c) Banner
	d) Banner - alt pages
	e) Nav-main
8: CONTENT MAIN
	a) Content Divisions
9: SEARCH RESULTS
	a) Supplementary Form
10: HOME PAGE LISTING SECTION
	a) Home page lists
11: FOOTER
12: INLINE IMAGE STYLES
13: PAGINATION
14: CONTACT & COMMENT FORMS
	a) Contact & Comment Forms
	b) Comment Specific
15: SPECIALISTS
16: RESOURCES
17: NEWSLETTER SUBSCRIBE FORM
18: LOCATIONS
19: MISC

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #0099CC
Body Text: #00254A
Headings: #00254A
Links: #00254A - (hover) #A34618

1 GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 2. BODY
============================================================================ */

body {
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#00254A;
	font-size:small;
	background: #09C url(/site_images/bg_grad.jpg) 0 0 repeat-x;
	}

/* 2a. BASE LIST STYLES
============================================================================ */

ul, ol, ol.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

li, ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

	/* 2b. SPECIAL LIST STYLES
============================================================================ */

.noindent {
	margin-left:0;
	padding-left:0;
	}

.noindent li {
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

ul.circle li {list-style:circle;}
ul.square li {list-style:square;}
ol.upper-alpha li {list-style:upper-alpha;}
ol.lower-alpha li {list-style:lower-alpha;}
ol.upper-roman li {list-style:upper-roman;}
ol.lower-roman li {list-style:lower-roman;}
ul.blank li, ol.blank li {list-style:none;}

ul.inside, ol.inside {
	margin-left:0;
	padding-left:0;
	}
	
ul.inside li, ol.inside li {
	list-style-position:inside;
	margin-left:0.5em;
	}

ol.indent, ul.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

.small li {
	font-size:0.9em;
	margin-bottom:0;
	}

.large li {
	font-size:1.1em;
	}

/* 2c. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#00254A;
	text-decoration:none;
	}

a:hover, a:active, a:focus {
	color:#A34618;
	text-decoration:none;
	}

#content p a:link, #content p a:visited {
	color:#34516F;
	text-decoration:underline;
	}

#content p a:hover, #content p a:active, #content p a:focus {
	color:#A34618;
	text-decoration:none;
	}

.continue a {text-decoration:none!important;}

/* 2d. SKIP LINKS
============================================================================ */

ul#accessibility {
	position:absolute;
	top:0;
	left:0;
	}

#accessibility li {display:inline;}

#accessibility a {
	padding:2px;
	color:#002749;
	}

#accessibility a:hover, #accessibility a:active {color:#FEFEFE;}

/* 3. TYPOGRAPHY - GENERAL
============================================================================ */

p {
	margin-bottom:0.75em;
	line-height:1.3em;
	font-size:1em;
	}

h3, h4, caption {
	font-family:Palatino,Georgia,Times, serif;
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:1.4em;
	}

h4 {
	font-size:1.3em;
	}

h5 {
	margin-bottom:0.5em;
	font-weight:bold;
	}

p.continue {
	font-style:italic;
	}

.article-body h4 {
	padding-top:0.5em;
	border-top:1px dotted #00254A;
	}

p del {text-decoration:line-through;}

p sup {
	vertical-align:super;
	font-size:80%;
	}

p sub {
	vertical-align:sub;
	font-size:80%;
	}

/* 3a: TABLES
============================================================================ */

.article-body table td {padding:0 0 0.5em;}

.article-body th {
	padding:0 0.5em 0.5em 0;
	white-space:nowrap;
	}

.seminars .article-body th {width:10em;}

/* 4. SEARCH FORM
============================================================================ */

div#search {
	margin:10px auto;
	width:830px;
	text-align:right;
	}

form#search-input {margin:0;padding:0;}

#search-input p {
	display:inline;
	line-height:1.5em;
	}

#search-input input {border:none;}

input#searchBox {padding:1px;}

#search-input label {color:#FEFEFE;}

#search-input input {
	display:inline;
	margin-left:0.5em;
	}

/* 5. CONTAINERS
============================================================================ */

#container {
	overflow:hidden;
	margin:0 auto;
	width:858px;
	padding-right:7px;
	padding-bottom:7px;
	text-align:left;
	background:transparent url(/site_images/bg_shadow.png) 100% 100% repeat-y;
	}

/* 6. NAV-UTILITY
============================================================================ */

div#nav-utility {
	position:relative;
	overflow:hidden;
	width:838px;
	margin:0 10px 10px;
	padding:0;
	font-size:1em;
	}

#nav-utility ul {
	overflow:hidden;
	float:right;
	margin:0;
	padding:0;
	background:#237398 url(/site_images/utility_nav_rt.jpg) 100% 100% no-repeat;
	}

#nav-utility li {
	display:inline;
	float:left;
	margin:0;
	padding:6px 0;
	list-style:none;
	}

#about {
	background:transparent url(/site_images/utility_nav_lt.jpg) 0 100% no-repeat;
	}
	
#about a {border-right:1px solid #15395C;}

#contact a {
	border-left:1px solid #1766B0;
	border-right:1px solid #15395C;
	}
	
#rss a {border-left:1px solid #1766B0;}

#nav-utility a:link, #nav-utility a:visited {
	display: block;
	text-align:center;
	padding:0 1em;
	color:#FFF;
	line-height:20px;
	}

#nav-utility a:hover, #nav-utility a:active, #nav-utility a:focus,
 .about  #about a,
 .contact #contact a {
	text-decoration:none;
	color:#F60;
	}

/* 7. MASTHEAD
============================================================================ */

#branding {
	position:relative;
	width:848px;
	margin:0 0 10px 10px;
	overflow:hidden;
	background-color:#FFF;
	}

/* 7a. LOGO
============================================================================ */

h1 {
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	height:145px;
	width:158px;
	margin-right:2px;
	font-size:1.5em;
	text-align:center;
	}

h1 a {
	position:relative;
	display:block;
	height:145px;
	width:158px;
	}

h1 span {
	position:absolute;
	top:0;
	left:0;
	height:145px;
	width:158px;
	background:transparent url(/site_images/h1.gif) no-repeat top left;
	}

/* 7b. NAV-FEATURE
============================================================================ */

#nav-feature ul {
	overflow:hidden;
	padding:0;
	margin:0;
	}

#nav-feature li {
	position:relative;
	float:left;
	display;inline
	padding:0;
	margin:0 0 0 6px;
	width:220px;
	height:145px;
	list-style:none;
	}

#nav-feature li a {
	display:block;
	position:relative;
	z-index:10;
	width:220px;
	height:145px;
	text-align:center;
	}

#nav-feature li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:220px;
	height:145px;
	}

a.specialists span {background:transparent url(/site_images/nav_specialists.jpg) 0 0 no-repeat;}
a.locations span {background:transparent url(/site_images/nav_locations.jpg) 0 0 no-repeat;}
a.schedule span {background:transparent url(/site_images/nav_schedule.jpg) 0 0 no-repeat;}

/* 7c. BANNER
============================================================================ */

#masthead {
	clear:both;
	width:848px;
	margin:0 0 10px 10px;
	overflow:hidden;
	}

#banner {
	float:right;
	border:1px solid #002749;
	padding:10px 285px 90px 10px;
	width:311px;
	min-height:221px;
	height:221px;
	margin-right:10px;
	display:inline;
	background: #FFF url(/site_images/banner.jpg) 100% 100% no-repeat;
	}

h2 {
	margin-bottom:0.5em;
	font:2em Georgia, Times, serif;
	text-transform:lowercase;
	letter-spacing:0.1em;
	}

.default h2 {text-transform:none;}

#banner p {
	font:1.2em Georgia, Times, serif;
	}

/* 7d. BANNER - ALT PAGES
============================================================================ */

.specialists #banner {
	background: #FFF url(/site_images/new2.jpg) 100% 50% no-repeat;
	color:#FFF;
	}

.locations #banner {
	background: #FFF url(/site_images/banner-sky.jpg) 100% 50% no-repeat;
	color:#FFF;
	}

.schedule #banner {
	background: #FFF url(/site_images/new4.jpg) 100% 100% no-repeat;
	color:#FFF;
	}

.about #banner {
	padding:100px 285px 90px 10px;
	min-height:131px;
	height:131px;
	background: #FFF url(/site_images/banner-pile-gloss.jpg) 100% 80% no-repeat;
	}

.services #banner {
	background: #FFF url(/site_images/new5.jpg) 100% 60% no-repeat;
	color:#FFF;
	}

.news #banner {
	background: #FFF url(/site_images/banner-arch.jpg) 100% 100% no-repeat;
	color:#FFF;
	}

.seminars #banner {
	background: #FFF url(/site_images/new4.jpg) 100% 60% no-repeat;
	color:#FFF;
	}

.resources #banner {
	padding:10px 395px 90px 10px;
	width:201px;
	background: #FFF url(/site_images/banner-swirl.jpg) 100% 20% no-repeat;
	}

.team #banner {
	background: #FFF url(/site_images/banner-arch.jpg) 100% 60% no-repeat;
	color:#FFF;
	}

.contact #banner {
	background: #FFF url(/site_images/new3.jpg) 100% 50% no-repeat;
	color:#FFF;
	padding:10px 396px 90px 10px;
	width:200px;
	}

/* 7e. NAV-MAIN
============================================================================ */

.nav-main {
	float:left;
	display:inline;
	overflow:hidden;
	margin:0;
	padding:0;
	width:220px;
	}

.nav-main li {
	margin:0;
	padding:0;
	list-style:none;
	}

.nav-main a {
	display: block;
	border-bottom:1px solid #FFF;
	line-height:35px!important;
	padding:0 8px;
	font-size:1.1em;
	text-transform:lowercase;
	}

#nav-specialists,
#nav-locations,
#nav-schedule {background:#BED175 url(/site_images/nav_bg_grn.jpg) 0 0 no-repeat;}

#nav-about,
#nav-services,
#nav-news {background:#DAB686 url(/site_images/nav_bg_brn.jpg) 0 0 no-repeat;}

#nav-seminars,
#nav-resources,
#nav-team {background:#BE7F60 url(/site_images/nav_bg_red.jpg) 0 0 no-repeat;}

#nav-team {border-bottom:none;}

.nav-main a:link, .nav-main a:visited {color:#FFF;}

.nav-main a:hover, .nav-main a:active, .nav-main a:focus, .nav-main a.active {
	color:#002749;
	}

/* 8. CONTENT MAIN
============================================================================ */

	/* MAIN CONTENT AREA WRAPPER */
#main {
	padding:10px 0;
	background-color:#DFEAF6;
	}

#main-gutter {
	width:858px;
	overflow:hidden;
	background:#DFEAF6 url(/site_images/bg-div-2-1.gif) 234px 0 repeat-y;
	}

.default #main-gutter {
	background:#DFEAF6 url(/site_images/bg-div-390-2.gif) 234px 0 repeat-y;
	}

/* 8a. CONTENT DIVISIONS
============================================================================ */

#content-secondary, #nav-news-cats, #nav-resource-cats, #nav-spec-cats {
	display:inline;
	float:left;
	}

#content {
	display:inline;
	float:right;
	width:598px;
	margin-right:10px;
	padding:0 5px;
	}

#content-secondary, #nav-news-cats, #nav-resource-cats, #nav-spec-cats {
	margin-left:10px;
	padding:0 5px;
	width:210px;
	overflow:hidden;
	}

/* 9. SEARCH RESULTS PAGE
============================================================================ */

p.searchURL {
	border-bottom:1px dotted #15355D;
	padding-bottom:0.5em;
	font-size:0.9em;
	}

p.searchURL:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

.search #content strong {
	background-color:#FEFEFE;
	font-weight:normal;
	}

.searchCount h3 span {
	font-size:4em;
	line-height:1em;
	}

/* 9a. SEARCH RESULTS PAGE - SUPPLEMENTARY FORM
============================================================================ */

div#search-supp {
	clear:both;
	padding:1em 0;
	}

form#search-input-supp {margin:0;padding:0;}

#search-input-supp p {
	line-height:1.5em;
	}

#search-input-supp input {border:1px solid #00274D;}

input#searchBox-supp {
	padding:1px;
	width:198px;
	}

#search-input-supp input.hidden {display:none; border:none;}

/* 10. HOME-PAGE LISTING SECTION
============================================================================ */

#specialistsListing, #eventsListing, #newsListing {
	float:left;
	display:inline;
	margin-left:10px;
	padding:0 5px;
	}

#specialistsListing, #newsListing {
	width:210px;
	}

#eventsListing {
	width:368px;
	}

/* 10a. HOME PAGE LISTS
============================================================================ */

#eventsListing ul, #newsListing ul, #specialistsListing ul {
	margin:0;
	padding:0;
	}

#eventsListing ul li, #newsListing ul li, div.news_excerpt, .events .article {
	border-bottom:1px dotted #15355D;
	margin:0 0 0.5em;
	list-style-type:none;
	}

#eventsListing ul li:last-child, #newsListing ul li:last-child, 
.news_excerpt:last-child, .events .article:last-child {border-bottom:none;}

#specialistsListing li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:small;
	}

/* 11. FOOTER
============================================================================ */

#footer {
	padding:0 0 10px;
	width:858px;
	background-color:#DFEAF6;
	text-align:center;
	font-size:0.8em;
	overflow:hidden;
	}

del.cont {clear:both; text-decoration:none;}

ul.nav-supp {
	margin:0;
	padding:1em 0 0;
	border-top: 1px dotted #002749;
	position:relative;
	display:table;
	margin:5px auto;
	white-space:nowrap;
	list-style-type:none;
	text-align:center;
	}

.nav-supp li {
	display:table-cell;
	font-size:inherit;
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

.nav-supp a {
	display:block;
	padding:0 0.4em;
	border-right:1px solid #002749;
	width:auto;
	text-decoration:none;
	line-height:1.2em;
	}

.nav-supp a#privacyF {border-right:none;}

#footer p+p {margin-bottom:0;}

p.env {
	color:#006600;
	font-weight:bold;
	line-height:20px;
	}

p.env img {
	display:inline;
	margin-right:5px;
	vertical-align:-20%;
	}

/* 12. INLINE IMAGE STYLES
============================================================================ */

img.left {
	clear:left;
	float:left;
	margin:0 10px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.border {
	padding:3px;
	background-color:#FFF;
	border:1px solid #00254A;
	}

/* 13. PAGINATION
============================================================================ */

.pagination {padding-top:10px;}

div.pagination p {
	text-transform:lowercase;
	line-height:1.85em;
	}

div.pagination a {font-style:italic;}

.pagination a:hover,
 .pagination a:active,
 .pagination a:focus {text-decoration:none;}

/* 14. CONTACT PAGE - hCard
============================================================================ */

div.vcard div.adr {margin-bottom:0.5em;}

/* 14a. CONTACT & COMMENT FORMS
============================================================================ */

#zemContactForm {
	padding-bottom:0;
	margin-bottom:-40px;
	}

#zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0 0 0.5em;
	border:1px solid #15355D;
	width: 597px;
	}

#zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	}

#zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

#zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

#zemContactForm label, #comments label {  
	float: left;
	margin-right: 1em;
	width: 190px;  
	text-align:right;
	line-height:1.5em;
	padding:1px;
	}

#comments label {width:100px;}

#zemContactForm input, #Message, #comments input, .txpCommentInputMessage, 
#zemContactForm select {
	border:1px solid #153559; padding:1px; line-height:1.5em;
	}

#Message, .txpCommentInputMessage {width:340px;}

#zemContactForm fieldset.submit, #comments fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError, ul.comments_error {
	margin:0 0 1.5em;
	padding:1em 1em 0;
	background-color:#C00;
	color:#FFF;
	overflow:hidden;
	}

ul.zemError li, ul.comments_error li {
	padding:0 0 1em;
	margin:0;
	list-style:none;
	float:none;
	}

#zemContactForm fieldset.submit input, #comments fieldset.submit input {
	border:1px solid #15355D;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	text-transform:lowercase;
	}

input.disabled {opacity:.5;}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

/* 14b: COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	padding:1em 1em 0.5em;
	background-color:#375072;
	color:#FFF;
	}

#cpreview, p.details {font-style:italic;}

p.details {color:#1C2839;}

#cpreview .announcement {
	font-style:normal;
	color:#CCC;
	}
	
#cpreview a {color:#CCC;}

.comments li {
	border:1px solid #CCC;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background-color:#FFF;
	color:#355072;
	}

h4.comment-count, #comments h3 {
	border-top:1px dotted #15355D;
	padding-top:0.5em;
	}

/* 15. SPECIALISTS
============================================================================ */

#nav-spec-cats ul {
	margin:0 0 0.5em;
	padding:0;
	}

#nav-spec-cats li {
	margin:0;
	padding:0;
	list-style:none;
	}

.specialists blockquote {
	padding:0.5em 0.5em 0 0.5em;
	margin-bottom:1em;
	border:1px solid #00274D;
	background-color:#FFF;
	font:italic 1.1em Georgia,Palatino,Times, serif;
	}

	/* MAIN LIST */

ul.specialists-list {
	margin:0;
	padding:0;
	}

.specialists-list li {
	list-style:none;
	clear:right;
	overflow:hidden;
	padding:0 0 0.5em;
	margin:0 0 0.5em;
	border-bottom:1px dotted #00254A;
	}

.specialists-list li img, img.photo {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	padding:3px;
	width:100px;
	border:1px solid #00254A;
	background-color:#FFF;
	}

span.qualifications {
	font-weight:normal;
	font-style:italic;
	font-size:0.8em;
	}

span.locations {
	font-weight:normal;
	font-style:italic;
	}

p.appointment {
	padding-top:0.5em;
	border-top:1px dotted #00254A;
	font-style:italic;
	}

/* 16. RESOURCES
============================================================================ */

#links {
	margin:0 0 0.5em;
	padding:0;
	}

#links li {
	margin:0 0 0.35em;
	padding:0;
	list-style:none;
	}

#links li span {
	padding:0.25em 0 0.25em 1em;
	font-size:0.9em;
	font-style:italic;
	display:block;
	color:#34516F;
	}

ul#links li h4 {
	padding-left:10px;
	background:transparent url(/site_images/link-arrow.gif) 0 5px no-repeat;
	}

ul#links li h4:hover {
	color:#A34618;
	}

h4.active {
	font-style:italic;
	}

/* 17. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter {
	width:210px;
	margin-bottom:1em;
	}

#newsletter ol {
	margin:0;
	padding:0;
	}

#newsletter li {
	margin:0 0 0.5em;
	padding:0;
	list-style:none;
	}

#newsletter label {
	display:block;
	padding-bottom:0.1em;
	}

#newsletter input {
	border:1px solid #15355D;
	width:205px
	}

#newsletter .submit {
	padding:0;
	border:none;
	}

#newsletter .submit input {
	border:1px solid #15355D;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	text-transform:lowercase;
	}

/* 18: LOCATIONS
============================================================================ */

ul#locations {
	position:relative;
	width:600px;
	margin:0;
	padding:0;
	}

#locations li {
	display:inline;
	float:left;
	padding:0;
	width:290px;
	height:12em;
	margin:0 10px 0 0;
	list-style:none;
	}

#locations li p.mapURL a {
	text-decoration:none!important;
	}

/* 19: MISC
============================================================================ */

#faq h3 {
	padding-top:0.5em;
	border-top:1px dotted #00274D;
	}

/* Tooltip Styling */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	}

#tooltip h3, #tooltip div {
	margin: 0;
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#00254A;
	font-weight:normal;
	font-size:small;
	}

/* PROPELLER */

p.propeller {
	font-size:0.9em;
	color:#EAEAEA;
	line-height:2em;
	padding-bottom:0.5em;
	}

.propeller a {color:#EAEAEA;}

/* PDF LINKS */

#main a[href$=".pdf"] {
	display:inline-block;
	padding-right:22px;
	background:url(/site_images/iconpdf18x18.gif) no-repeat 100% 50%;
	text-decoration:none!important;
	}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}