/* ILS Stylesheet 2008 */

/* Notes */


@import url(/css/reset.css);

body {
	background-color: #fafafa;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111;}

img {
	border: 0;
	}

#container {
	position:relative; /* #content & #nav flyout merge if #content has position */
	border: 1px solid #9cc;
	border-top: none;
	width: 900px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	text-align:left;
}

/* STRUCTURE */

div#masthead {
	width:100%;
	height:156px;
	background: url(/images/site/masthead_bg_900.jpg) top right no-repeat;
   }

div#sidebar_1 {
	width:220px;
	float:left;
	margin: 1em 0 0.5em 0;
}

div#sidebar_1 img {
	float:none;
}

div#content {
	width:680px;
	float:left;
	margin: -40px 0 0 0;
	z-index:200; 
	padding:0 0 0.5em 0; 
}

div#title {
	height:40px;
	margin:0 auto;
	padding-left: 53px;
	background: url(/images/title/curve_open.png) top left no-repeat;
    display:block;
	font-size:0; /* prevents gap in code making large gap between title and close-curve images */
}

div#title img {
	margin-right: -2px;
}

img.titlepic { /* for Safari, Opera to knock other images down */
	display:block;
}

img.staffpic { 
	float:right;
} 
 
img.sidepic { 
	float:right;
	margin:20px;
} 


#sidebar_2 {
	position:absolute;/* from #container */
	right:0px;
	top:200px;
	width:200px;
	height:200px;
	background:#ddd;	
}

/* TEXT */

div#content h2 { /* use margin-right rather than width on left content elements */
	color: #069;
	font-weight: bold;
	font-size: 0.9375em;
	line-height:1.4em;
	margin: 1.4em 240px 1.1em 0px;
}

div#content p {
	font-size: 0.75em;
	line-height: 1.416em;
	background: url(/images/site/blue_bullet.gif) no-repeat;
	background-position: left 0.37em;
	margin: 0.833em 240px 0.833em 0;
	padding-left:15px;
}

div#content p strong {

}

div#content p a, div#content p a:visited {
	color: #069;
	text-decoration: underline;
}

div#content p a:hover {
	text-decoration: none;
	background: yellow;
	color: #333;
}

div#content p a:active {
	color: #390;
}

div#content p.greenText { /* green text */
	color: #390;
	font-weight: bold;
	line-height: 1.4em;
	list-style-type: decimal;
	list-style-position: outside;
	padding-left:0!important;
	background: none!important;
	margin-left: 0;
}

p.greenText.top {
	margin: 1.5em 240px 0em auto!important; 
}

h3 {
	color: #069;
	font-weight: bold;
	font-size: 0.8125em;
	line-height:1.4em;
	margin: 0.5em 240px 0.5em 0;
}

h4 {
	color: #069;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0.75em 240px 0.75em 15px;
	background:none!important;
}

h4.top { /* where first element below title */
	margin: 1.5em auto -0.3em auto;
}

.emph {
	font-style: italic;
}

div#content div.bluetext p,
p.bluetext {
	color: #069;
	font-weight: normal;
	font-size: 0.75em;
	text-decoration: none;
	padding-left: 0!important;
	background:none!important;
}

div#content p.nextPage {
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.0833em;
	margin: 1em 0;
	padding-left: 0;
	width: 460px;
	background: none;
}

.nextPage a, .nextPage a:link, .nextPage a:visited {
	color: #fff!important;
	text-decoration: none;
	width:100%;
	display:block;
	padding: 0.5em 0;
	background: #2D8FBE; 
}

.nextPage a:hover {
	background: #069!important;
}

div#contactbox {
	width: 66%;
	background: #E6F6FD;
	margin: 1em 0;
	padding: 0.5em;
	text-align:center;
}

div#contactbox p {
	color: #069;
	font-weight: bold;
	font-size: 0.8215em;
display:block;
	text-align: center;
	padding-left:0;
	margin:0 auto;
	background:none!important;}

div#content blockquote {
	margin: 0 0 1em 15px;
	border-left: 7px #B2C5DC solid;
}

div#content blockquote p {
	 background: none;
	color: #069; 
}

div#content ul {
	margin: 0 240px 0.5em 28px;
	padding-left: 15px;
	color: #3E9516;
}

div#content ul li {
	margin: 0.5em 0;
	font-size: 0.75em;
	color: #222;
	line-height:1.4em;
	list-style:disc;
	margin-left:0;
}

div#content ul li strong {
	color: #069;
}
/* Section */

div.section {
	padding: 1em 0 0.4em 1em;
	background: url(/images/background/) top left no-repeat;
	margin: 1em 0;
	border: 1px #D1DFEB solid;
	border-right: none;
}

div.section h2 {
	margin: -0.4em auto -0.25em auto !important;
}

div#content.faq p {
	background: none!important;
	padding-left:0;
}

div#content p.contactBold {
	color: #069;
	font-weight: bold;
	font-size: 1.125em;
	text-decoration: none;
	background: none;
	margin-top: -0.2em;
	margin-bottom: 0.8em;
}

p.contactBold a {
	color: #016799;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

p.contactBold a:hover {
	text-decoration: none;
	background-color: #ff3;
	padding-right: 5px;
	padding-left: 5px;
}


/* Footer */

div#footer {
	margin: 0;
	padding:0;
	width:900px; /* see below */   
	border-top: 1px #9CC solid;
	clear:both;
}

/* absolute px will add extra px in IE5 - auto removes p top margin 
In IE5.5 100% adds 2px and knocks main content down */

div#footer p {
	color: #093;
	font-size: 0.7em;
	line-height:140%;
	text-align: center;
	letter-spacing: 1px;
	padding:0;
	margin:0.5em 0;
}


/* LEGAL ETC */

#smallPrint {
	width:760px;
	margin:0 auto;
}

#copyright {
	width: 150px;
	float: left;
}

#copyright p {
	font-size:58%;
	text-align:left;
	margin: 0.8em 10px auto 10px;
}

#disclaimer {
	width:150px;
	float:right;
	clear:right;
}

#disclaimer p {
	font-size:58%;
	text-align:right;
	margin: 0.8em 10px auto 10px;
}

#copyright a, 
#copyright a:link, 
#copyright a:visited,
#disclaimer a, 
#disclaimer a:link, 
#disclaimer a:visited {
	color: #6AABCC;
	text-decoration: underline;
}

#copyright a:hover,
#disclaimer a:hover {
	color: #390;
	text-decoration: none;
}


/* BOTTOM HOME PAGE COMPANY INFO */

#companyinfo {
	width: 460px;
	float: left;
/*	margin-left: 180px;*/
	}

#companyinfo p {
	font-size: 58%;
	color: #777;
	text-align: center;
	margin: 0.8em auto;
	}
	
/* ACCESSIBILITY */

.offleft {
	position: absolute;
	left: -9999px;
	}
	
/* MAP SECTIONS */

div#map {
/*	width: 680px;*/

}

div#map h2, 
div#map h3,
div#map h4, 
div#map p,
div#map ul {
	margin-right: 15px;
}

div#map h4 {
	color: #222;
}


div#map ul {
	margin-left:0;
}

div#map ul li {
	list-style: none; 
	margin: 0.6em auto 0.6em -8px;
}

div#map ul li a,
div#map ul li a:visited {
	color: #069;
	font-size:1.083em;
	padding:0.2em 4px!important;
	text-decoration: underline;
}

div#map ul li a:hover {
	color:#222;
	/*font-weight: bold;*/
	text-decoration: none;
	background:yellow!important;  /* was #D1DFF6 */
/*	border: 1px #3D9CCC solid; */
}

div#map ul li a:active {
}

div#map h3  {
	font-size:0.875em;
	color:#390;
}

div#map h3 a,
div#map h3 a:visited {
	color:#069;
	padding:0.2em 4px!important;
}

div#map h3 a:hover {
	color: #222;
	text-decoration: none;
	background: yellow;
}

div#map-instructions {
	width: 340px;
    float:left;  
}

div#map-map {
	width: 340px;
	float:left;
}

h3#indicator {
	margin: 1em 0;
	text-align: center;
	color: #390!important;
	padding: 0.2em 0;
	border: 1px #fff solid;
}

/* Results table */

div#results {
/*height: 300px;
overflow: auto;*/
}

div#results h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
}

div#results table {
width: 100%;	
position: relative;
z-index: 0;
border-collapse:collapse;} 

div#results table th {
font-size: 0.8125em;
color: #390; /*was #444*/
padding: 0.25em;
text-align: left;	
}


div#results table td {
font-size: 0.8125em;
padding: 0.25em;
margin:0;

}

div#results table tr.even-row,
div#results table tr.even-row td
{
	background: #D7E3F9;
}

div#results a, div#results a:visited {
	color: #069;
   	padding:0.2em 4px!important;
}

div#results a:hover {
	text-decoration: none;
	color: #222;
	background: yellow;
}


td.cm-name {
	width:170px;
}
 

td.cm-location {
	width: 300px;
}
/* Details page */

div#cm-details {
	width: 460px;
	float: left;
}

div#sidemap {
	width: 220px;
	float: left;
	font-size:0.875em;
}

div#sidemap ul {
	padding-left: 10px;
}


/*div#cm-details p {
	background:none;
	padding-left:0;}*/

div#cm-details p strong {
	color: #444;
}

div#cm-details h2 {
	font-size: 1.2em;
	margin-bottom: 0;
}

div#cm-details h4 {
	margin-left: 0;
	margin-bottom:-0.5em;
	color: #069;
	padding: 1px 8px 0 8px;
	background: #D9E8F2!important;
}

/* Misc */

.centred {
	text-align: center;
}

/* Home page paragraph spacing */

#content.home p {
	margin-bottom: 1.7em;
} 

/* Neuropsychology */

div#results.neuro {
	font-size:110%;
}