/* graysonmentalhealth.com   |   screen.css   |   7/6/09 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #fff url(../images/bg.jpg) top left repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 960px; 
	text-align: left; 
	margin: 0 auto; 
	}
	
h1 {
	float: left;
	text-indent: -9999em;
	}
	
#header {
	width: 948px;
	height: 135px; 
	background-color: #012933;
	margin: 0 6px;
	}
	
#logo {
	float: left;
	margin: 35px 0 0 20px;
	border: 0;
	}
	
#print-logo { display: none; }

#content {
	width: 948px;
	background-color: #fff;
	padding: 6px;
	}
	
#nav {
	float: left;
	width: 288px;
	background: #438095 url(../images/nav-bg.jpg) left bottom repeat-x;
	margin: 0 6px 0 0;
	padding: 20px 0 10px 0;
	}
	
* html #nav { width: 288px; }
	
#nav li { 
    width: 288px;
    margin-bottom: 9px;
    list-style: none;
    padding: 0;
    }
	
* html #nav li { width: 288px; }
	
#nav li a {
	display: block;
	width: 278px;
	height: 44px;
	text-indent: -9999em;
	}
	
* html #nav li a { 
	width: 278px;
	cursor: pointer; 
	}
	
#nav li a#home { background: url(../images/nav-home.png) 0 0 no-repeat; }
#nav li a:hover#home { background: url(../images/nav-home.png) -278px 0 no-repeat; }
#nav li a.active#home { background: url(../images/nav-home.png) -278px 0 no-repeat; }

#nav li a#about { background: url(../images/nav-about.png) 0 0 no-repeat; }
#nav li a:hover#about { background: url(../images/nav-about.png) -278px 0 no-repeat; }
#nav li a.active#about { background: url(../images/nav-about.png) -278px 0 no-repeat; }

#nav li a#professional-staff { background: url(../images/nav-professional-staff.png) 0 0 no-repeat; }
#nav li a:hover#professional-staff { background: url(../images/nav-professional-staff.png) -278px 0 no-repeat; }
#nav li a.active#professional-staff { background: url(../images/nav-professional-staff.png) -278px 0 no-repeat; }

#nav li a#services { background: url(../images/nav-services.png) 0 0 no-repeat; }
#nav li a:hover#services { background: url(../images/nav-services.png) -278px 0 no-repeat; }
#nav li a.active#services { background: url(../images/nav-services.png) -278px 0 no-repeat; }

#nav li a#education { background: url(../images/nav-education.png) 0 0 no-repeat; }
#nav li a:hover#education { background: url(../images/nav-education.png) -278px 0 no-repeat; }
#nav li a.active#education { background: url(../images/nav-education.png) -278px 0 no-repeat; }

#nav li a#careers { background: url(../images/nav-careers.png) 0 0 no-repeat; }
#nav li a:hover#careers { background: url(../images/nav-careers.png) -278px 0 no-repeat; }
#nav li a.active#careers { background: url(../images/nav-careers.png) -278px 0 no-repeat; }

#nav li a#contact { background: url(../images/nav-contact.png) 0 0 no-repeat; }
#nav li a:hover#contact { background: url(../images/nav-contact.png) -278px 0 no-repeat; }
#nav li a.active#contact { background: url(../images/nav-contact.png) -278px 0 no-repeat; }

* html #nav li a.active { background: none; }

#nav .subnav li {
    width: 288px;
    margin-bottom: 9px; 
    border: 0;
    }
	
* html #nav .subnav { width: 254px; }
* html #nav .subnav li { width: 254px; }

#nav .subnav li.list {
	padding: 0 0 0 15px;
	color: #eee;
	margin-left: 20px;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	}
	
#nav .subnav li a {
	padding: 0 0 0 15px;
	color: #eee;
	text-decoration: none;
	background: url(../images/arrow.png) 0 5px no-repeat;
	margin-left: 20px;
	font-size: 16px;
	font-weight: normal;
	height: 20px;
	text-indent: 0em;
	}
	
* html #nav .subnav li a { width: 254px; }
	
#nav .subnav li a:visited { color: #eee; }

#nav .subnav li a:hover { text-decoration: underline; }

#nav .subnav li a.active { color: #42013b; }

#pics {
	float: left;
	width: 653px;
	height: 263px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
	
a.top-magnet-01 {
	display: block;
	width: 322px;
	height: 138px;
	background: url(../images/top-magnet-01.jpg) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	margin-right: 9px;
	}
	
a:hover.top-magnet-01 { background: url(../images/top-magnet-01.jpg) -322px 0 no-repeat; }

a.top-magnet-02 {
	display: block;
	width: 322px;
	height: 138px;
	background: url(../images/top-magnet-02.jpg) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	}
	
a:hover.top-magnet-02 { background: url(../images/top-magnet-02.jpg) -322px 0 no-repeat; }

#bottom-magnets {
	float: left;
	width: 278px;
	margin: 35px 6px 35px 11px; 
	}
	
* html #bottom-magnets { margin: 35px 6px 35px 0; }
	
a.bottom-magnet-01 {
	display: block;
	width: 278px;
	height: 92px;
	background: url(../images/side-magnet-01.png) 0 0 no-repeat;
	text-indent: -9999em;
	margin-bottom: 8px;
	}
	
* html a.bottom-magnet-01 { cursor: pointer; }
	
a:hover.bottom-magnet-01 { background: url(../images/side-magnet-01.png) -278px 0 no-repeat; }
	
a.bottom-magnet-02 {
	display: block;
	width: 278px;
	height: 92px;
	background: url(../images/side-magnet-02.png) 0 0 no-repeat;
	text-indent: -9999em;
	margin-bottom: 8px;
	}
	
* html a.bottom-magnet-02 { cursor: pointer; }

a:hover.bottom-magnet-02 { background: url(../images/side-magnet-02.png) -278px 0 no-repeat; }
	
a.bottom-magnet-03 {
	display: block;
	width: 278px;
	height: 92px;
	background: url(../images/side-magnet-03.png) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
* html a.bottom-magnet-03 { cursor: pointer; }
	
a:hover.bottom-magnet-03 { background: url(../images/side-magnet-03.png) -278px 0 no-repeat; }
	
#copy.home {
	width: 630px;
	float: left;
	margin: 30px 0 0 20px;
	}
	
h2 {
	color: #42013b;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 2.0em;
	margin-bottom: 10px;
	font-weight: normal;
	letter-spacing: .05em;
	}
	
h3 { 
    font-size: 1.4em;
    color: #408191; 
	margin-bottom: 8px;
    }
	
p {
	font-size: 1.3em;
	line-height: 20px;
	margin-bottom: 15px;
	}
	
a {
	color: #408191;
	text-decoration: underline;
	font-weight: bold;
	}
	
a:visited { color: #408191; }

a:hover { color: #ccc; }
	
#footer {
	clear: both;
	width: 948px;
	background-color: #438095;
	text-align: center;
	color: #eee;
	padding: 10px 0;
	font-size: 1.1em;
	}
	
#footer a {
    color: #eee;
    text-decoration: none;
    font-size: 1.0em;
    font-weight: normal;
    }
    
#footer a:visited { color: #eee; }

#footer a:hover { text-decoration: underline; }
	
/*  INTERNAL   */
#content.internal {
	background: #fff url(../images/sidebar-bg.jpg) 6px 300px repeat-y;
	width: 948px;
	margin: 6px 0;
	padding: 0 0 0 6px;
	}
	
#sidebar {
	width: 278px;
	float: left;
	}
	
#sidebar ul { margin: 0; }

#sidebar li {
    list-style: none;
    padding: 0;
    }
	
#copy {
	width: 610px;
	float: right;
	margin: 25px 20px 30px 20px;
	}
	
img.right {
	float: right;
	margin: 0 0 15px 15px;
	padding: 3px;
	border: #ccc solid 1px;
	}
	
img.left {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px;
	border: #ccc solid 1px;
	}
	
ul { margin: 0 0 10px 15px; }

li {
	list-style: disc;
	padding-bottom: 8px;
	font-size: 1.2em;
	line-height: 18px;
	}
	
.column-01, .column-02 {
   width: 300px;
   float: left;
    }    
    
a.internal-magnet {
	display: block;
	width: 268px;
	height: 89px;
	background: url(../images/internal-reading-list-magnet.png) 0 0 no-repeat;
	text-indent: -9999em;
	clear: both;
	float: left;
	margin: 10px 10px 0 10px;
	}
	
* html a.internal-magnet { cursor: pointer; margin: 10px 10px 0 5px; }
	
a:hover.internal-magnet { background: url(../images/internal-reading-list-magnet.png) -268px 0 no-repeat; }
	
a.internal-magnet-location {
	display: block;
	width: 268px;
	height: 89px;
	background: url(../images/side-magnet-02.png) 0 -1px no-repeat;
	border: #bbb solid 1px;
	text-indent: -9999em;
	clear: both;
	float: left;
	margin: 10px 10px 0 10px;
	}
	
* html a.internal-magnet-location { cursor: pointer; margin: 10px 10px 0 5px; }
	
a:hover.internal-magnet-location { background: url(../images/side-magnet-02.png) -278px -1px no-repeat; }

.location, .staff {
    width: 610px;
    float: left;
    border-bottom: #ccc solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    }
	
.staff p {margin-left:125px;}
    
.location.last { border-bottom: 0; }

ul.pdf { margin: 0; }

ul.pdf li { 
    list-style: none;
    padding-bottom: 20px;
    font-size: 1.0em;
    }

ul.pdf li a {
    background: url(../images/pdf.png) 0 0 no-repeat;
    padding: 5px 0 5px 30px;
    }
    
a.pdf {
    background: url(../images/pdf.png) 0 0 no-repeat;
    padding: 5px 0 5px 30px;
    display: block;
    }
    
li.pdf {
    background: url(../images/pdf.png) 0 0 no-repeat;
    padding: 5px 0 5px 30px;
    
.clear { clear: both; }

/* BIO CSS */
div.left {
    width: 110px;
    padding-right: 10px;
    border-right: #ccc solid 1px;
    margin-right: 10px;
    float: left;
    }
    
div.right {
    width: 475px;
    float: left;
    }
    
* html div.right { width: 465px; }