/* MAIN LAYOUT */
body {margin:0px;padding:0px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center}
#wrap {width:960px;padding:0px;margin:auto;text-align:left}
#content {/*margin-top:-85px;*/position:relative;z-index:2;padding-bottom:15px;padding-bottom:105px !ie; float:left; padding-top:10px;}
#content2 {/*margin-top:-193px;*/ position:relative;z-index:2;padding-bottom:25px;padding-bottom:300px !ie; float:left; padding-top:10px;}


/* LEFT COLUMN + SECONDARY NAV (3 COLUMN) */
#left {background:url(/images/gradient.gif);float:left;margin:0px 15px 0px 0px;width:215px;width:205px !ie;padding-left:10px;font-family:verdana, arial, helvetica, sans-serif}
#left ul {list-style:none;padding:10px 10px 10px 0px;margin:0px}
#left li {margin:0;padding:0;line-height: 18px;}
#left li a {text-decoration:none;color:#666;font-size:12px;letter-spacing:0px}
#left li a:hover {color:#125688}
#left li a#selected {font-weight:bold;color:#125688}
#left a#lsearch {background:url(/images/related-links-bg.gif);width:80px;padding:0px;color:#fff;text-align:center;letter-spacing:3px;font-size:10px;display:block}
#left a#lsearch:hover {background:#8b2842;color:#fff}
li.head {font-weight:bold;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;color:#333;padding-bottom:3px}
#left p {line-height:17px;padding:10px 0px 0px 0px;margin:0px;color:#666}
#left ul ul li {font-size:11px;}
#left ul ul li a {color:#888}
#left ul ul ul li {font-size: 9px;line-height: 12px; padding:0;}
#left ul ul ul li a {font-size: 9px; color:#888;}
#left ul ul li a#selected {color:#000}
#left ul ul {margin:0px;padding:0px 0px 5px 15px}
#left ul li a{font-size:11px;font-weight:normal;letter-spacing:0px}
#left .tx {font-size:11px;font-weight:normal;letter-spacing:0px}


/* CENTER CONTENT (6 COLUMN) */
#center {float:left;width:460px;font-size:14px;line-height:19px;padding-bottom:20px; padding-right:20px;}
#center ul {margin:0px 0px 0px 25px;padding:8px 0px 0px 0px}
#center li a:hover {color:#666}
#center a:hover {color:#666}
#center p {font-size:14px;line-height:20px;color:#333;margin:0px;padding:10px 0px 0px 0px}


/* RIGHT COLUMN CONTENT (3 COLUMN) */
#right {float:right; width:240px;color:#666}
#right ul {list-style:none;margin:0px;padding:0px}
#right li {background:url(/images/related-links-bg.gif);margin-top:5px}
#right li a, #right .relatedlinks li a {font-family:verdana, arial, helvetica, sans-serif;padding-top:3px;height:18px;display:block;padding-left:5px;font-size:11px;color:#fff;text-transform:none;line-height:normal;}
#right li a:hover {background-color:#8b2842}
#right.locations {font-size:13px;line-height:19px}
#right.locations a {font-family:verdana, arial, helvetica, sans-serif;text-transform:uppercase;font-size:10px}
#right.locations h4 {font-size:14px;color:#8b2842;margin:0px;padding:15px 0px 2px 0px}
#redboxoutline {border:1px #8b2842 solid;padding:0px 10px 15px 10px;margin-top:10px} /* for locations page -- address + contact info */
#redboxoutline .tx {font-family:verdana, arial, helvetica, sans-serif;text-transform:uppercase;font-size:10px}
#dyk, .dyk {background:url(/images/dyk-gradient.gif);width:220px;padding:10px 10px 15px 10px;margin:0px;line-height:20px;font-family:verdana, arial, helvetica, sans-serif;color:white;font-size:12px;position:relative}
#dyk p, .cyk p {padding-top:8px;margin:0px}
.caption {font-family:verdana, arial, helvetica, sans-serif;color:#125688;font-size:10px;line-height:14px}
#quote {position:relative;font-size:17px;font-style:italic;color:#aaa;padding-bottom:50px;padding-top:10px;line-height:25px}


/* AUTISM */
#center.asd a, #center.asd h1, #left.asd li a:hover, #left.asd li a#selected {color:#00b1ab}
#left.asd {background:url(/images/asd-gradient.gif)}


/* BRAIN INJURY */
#center.bi a, #center.bi h1, #left.bi li a:hover, #left.bi li a#selected {color:#3c9b36}
#left.bi {background:url(/images/bi-gradient.gif);}

/* BEHAVIORAL HEALTH */
#center.bh a, #center.bh h1, #left.bh li a:hover, #left.bh li a#selected {color:#dcb416}
#left.bh {background:#ebf9f8} /* image gradients will need to be created like two above */

/* DEVELOPMENTAL DISABILITIES */
#center.dd a, #center.dd li, #center.dd ul, #center.dd h1, #left.dd li a:hover, #left.dd li a#selected {color:#7a6d8a}
#left.dd {background:#ebf9f8} /* image gradients will need to be created */

/* CONSULTATION */
#center.c a, #center.c li, #center.c ul, #center.c h1, #left.c li a:hover, #left.c li a#selected {color:#e37b00}
#left.c {background:#ebf9f8} /* image gradients will need to be created */

/* SPECIALTY SERVICES */
#center.ss a, #center.ss li, #center.ss ul, #center.ss h1, #left.ss li a:hover, #left.ss li a#selected {color:#0f93c5}
#left.ss {background:#ebf9f8} /* image gradients will need to be created */



/* LINKS */ 
a {text-decoration:none;color:#125688} /* default -- for non area specific pages */
a:hover {color:#8b2842}
a img {border:0}


/* HEADINGS */
h1 {font-size:20px;font-weight:normal;margin:0px;padding:10px 0px 5px 0px;color:#8b2842;line-height:22px}
h2 {font-size:17px;font-weight:normal;margin:0px;padding:25px 0px 0px 0px;color:#333}


/* NEWS */
.date {font-family:verdana, arial, helvetica, sans-serif;font-size:10px;color:#999;font-weight:bold}


/* FEATURES for homepage */
#featured {background:#ccc;width:690px;padding:15px;float:left}
#featured2 {background:#ccc;padding:15px;float:left}
#featured.asd {background:#def7f6}
#featured.ss {background:#e7f4f9}
#featured2.asd {background:#def7f6}

#featured h1 {margin:0px;padding:0px}
#featured2 h1 {margin:0px;padding:0px}
#featured2.asd h1 {color:#00b1ab}
#featured.asd h1 {color:#00b1ab}
#featured.ss h1 {color:#0f93c5}

#featured p {color:#333;margin:0px;padding:10px 0px 10px 0px;font-size:14px;line-height:20px}
#featured2 p {color:#333;margin:0px;padding:10px 0px 10px 0px;font-size:14px;line-height:20px}
#featured.asd a, #featured.asd a.more:hover {color:#00b1ab}
#featured.ss a, #featured.ss a.more:hover {color:#0f93c5}
#featured a:hover {color:#666}
#featured a.more {border-bottom:1px dotted #333;color:#333}
#featured2 a:hover {color:#666}
#featured2 a.more {border-bottom:1px dotted #333;color:#333}


/* LATEST NEWS */
#newswrap {float:right;width:225px;font-family:verdana, arial, helvetica, sans-serif}
#latestnews {border:1px solid #bbcddc;padding:0px 0px 15px 0px;border-top:none}
#latestnews p {font-size:11px;margin:0px;padding:10px 13px 0px 13px;line-height:15px}
#latestnews a {color:#888}
#latestnews a:hover {color:#125688}


/* FOOTER */
#email {position:absolute;top:5px;right:0px;font-weight:bold;color:#125688}
#emaillist {font-size:11px;width:153px;border:1px solid #88aac3;background-color:#e1ecf5;color:#125688;padding-left:5px;padding-bottom:2px}
#footer {padding:10px 0px 15px 0px;color:#888;position:relative;font-size:11px;width:960px;text-align:left;border-top:1px dotted #bbb; z-index: 2;}
#footer a {color:#888}
#footer a:hover {color:#125688}


/* TOP */
#top {position:relative;z-index:9999;}
#search {position:absolute;top:18px;right:0px;width:153px;border:1px solid #ccc;color:#999;padding-left:5px;padding-bottom:2px;font-size:11px}


/* TOP NAV MENU */
.menu {width:546px;height:19px;position:absolute;z-index:9999;left:234px;font-size:10px;top:19px;font-family:verdana, arial, helvetica, sans-serif}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:547px; w\idth:546px}
.menu ul {padding:0;margin:0;list-style-type:none}
.menu li {float:left;position:relative}
.menu a, .menu a:visited {display:block;text-decoration:none;height:19px}
.menu1 {width:70px;background-image:url(/images/nav/about-may-off.gif)}
.menu2 {width:60px;background-image:url(/images/nav/training-off.gif)}
.menu3 {width:64px;background-image:url(/images/nav/research-off.gif)}
.menu4 {width:56px;background-image:url(/images/nav/careers-off.gif)}
.menu5 {width:83px;background-image:url(/images/nav/ways-to-give-off.gif)}
.menu6 {width:40px;background-image:url(/images/nav/news-off.gif)}
.menu7 {width:50px;background-image:url(/images/nav/events-off.gif)}
.menu8 {width:68px;background-image:url(/images/nav/locations-off.gif)}
.menu9 {width:55px;background-image:url(/images/nav/contact-off.gif)}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {font-size:10px;visibility:hidden;position:absolute;top:19px;left:0;width:158px;border:1px solid #8b2842;padding-top:2px;padding-bottom:3px;background:#fff}
.menu ul ul a:hover {background:#eee}
.menu ul ul li a:hover {color:#000}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse}
.menu ul ul a, .menu ul ul a:visited {color:#8b2842;height:auto;width:148px;padding:3px 5px 3px 5px}
/* about may */
.menu a.menu1:hover {background:url(/images/nav/about-may-on.gif)}
.menu :hover > a.menu1 {background:url(/images/nav/about-may-on.gif)}
/* training */
.menu a.menu2:hover {background:url(/images/nav/training-on.gif)}
.menu :hover > a.menu2 {background:url(/images/nav/training-on.gif)}
/* research*/
.menu a.menu3:hover {background:url(/images/nav/research-on.gif)}
.menu :hover > a.menu3 {background:url(/images/nav/research-on.gif)}
/* careers */
.menu a.menu4:hover {background:url(/images/nav/careers-on.gif)}
.menu :hover > a.menu4 {background:url(/images/nav/careers-on.gif)}
/* ways to give */
.menu a.menu5:hover {background:url(/images/nav/ways-to-give-on.gif)}
.menu :hover > a.menu5 {background:url(/images/nav/ways-to-give-on.gif)}
/* news */
.menu a.menu6:hover {background:url(/images/nav/news-on.gif)}
.menu :hover > a.menu6 {background:url(/images/nav/news-on.gif)}
/* events */
.menu a.menu7:hover {background:url(/images/nav/events-on.gif)}
.menu :hover > a.menu7 {background:url(/images/nav/events-on.gif)}
/* locations */
.menu a.menu8:hover {background:url(/images/nav/locations-on.gif)}
.menu :hover > a.menu8 {background:url(/images/nav/locations-on.gif)}
/* contact */
.menu a.menu9:hover {background:url(/images/nav/contact-on.gif)}
.menu :hover > a.menu9 {background:url(/images/nav/contact-on.gif)}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible}



/* TOP NAV MENU -- UPDATED APRIL 14 */

/* NAV */
#topmenu {position:absolute;height:19px;left:234px;top:20px;padding:0;margin:0;list-style:none;z-index:200}
#topmenu li {display:block;float:left;}
#topmenu li a {display:inline; float:left;height:19px;text-decoration:none; padding:0; margin:0; cursor:pointer; }
#topmenu li a span {margin-left:-9999px;}
#topmenu table {position:relative; top:0; left:0; border-collapse:collapse;padding:0;width:0;height:0;margin:-18px 0 0 0;}
#topmenu .sub {border:1px solid #8b2842;background:#fff;position:absolute;left:-9999px;top:-9999px;margin:0;padding:0 0 2px 0;list-style:none;overflow:hidden;width:170px}
#topmenu .sub li a {height:auto;width:170px;display:block;margin:0;padding:3px 0 3px 5px;font:10px verdana;color:#8b2842}
#topmenu .sub li a:hover {color:#000;background:#eee}
#topmenu li:hover {position:relative}
#topmenu :hover ul.sub {width:170px;height:auto;left:0; top:18px;}

#topmenu li a.menu1 {width:70px;background:url(/images/nav/about-may.gif) no-repeat}
#topmenu li a.menu2 {width:60px;background:url(/images/nav/training.gif) no-repeat}
#topmenu li a.menu3 {width:64px;background:url(/images/nav/research.gif) no-repeat}
#topmenu li a.menu4 {width:56px;background:url(/images/nav/careers.gif) no-repeat}
#topmenu li a.menu5 {width:83px;background:url(/images/nav/ways-to-give.gif) no-repeat}
#topmenu li a.menu6 {width:40px;background:url(/images/nav/news.gif) no-repeat}
#topmenu li a.menu7 {width:50px;background:url(/images/nav/events.gif) no-repeat}
#topmenu li a.menu8 {width:68px;background:url(/images/nav/locations.gif) no-repeat}
#topmenu li a.menu9 {width:55px;background:url(/images/nav/contact.gif) no-repeat}

/* ROLLOVER needs to be below everything to function */
#topmenu li:hover a, #topmenu a:hover {background-position:0 -19px;}

/* error message color */
.error { color: #ff0000; }

/*Slideshow and navigation styles */

#nav_slide_container {width:960px; float:left; margin:0;}
#sitenav {float:left; position:relative; z-index:1000; width:960px;}
#slideshow {float:left; width:960px; margin:0; overflow:hidden; height:193px;}
.slideshow {float:left;}