/* CSS for  */

* {

	margin: 0;

	padding: 0;

}

body {

	font: 80% helvetica, arial, sans-serif;

  background: url("/images/body-bg.gif") repeat-x;

  color: #585753;

}

h1 {

	color: #004fbc;

	font-size: 1.5em;

	margin: 0 0 10px 0;

}

h2 {

	color: #4a8ecb;

	font-size: 1.3em;

	margin: 0 0 10px 0;

}

h3 {

	color: #599763;

	font-size: 1.1em;

	margin: 0 0 10px 0;

}

input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul { margin: 0 0 0 25px; }

p { margin: 0 0 10px 0; }



a img{ border: 0; }



.l { float: left; }

.r { float: right; }

.clear { clear: both; }

.clear-r{ clear: right; }





.m-tb-5 { margin: 5px 0; }

.m-tb-10 { margin: 10px 0; }

.m-t-10 { margin: 10px 0 0 0; }



.b { font-weight: bold; }

.no-b { font-weight: normal; }

.u { text-decoration: underline; }

.no-u { text-decoration: none; }

.i { font-style: italic; }

.no-i { font-style: normal; }

.small { font-size: .9em; }

.largee{ font-size: 1.2em; }

.t-c { text-align: center; }



.blue{ color: #004496; }

.lt-blue{ color: #848d9b; }



#call-out a {

	border: 2px solid #999999;

	padding: 5px;

	width: 300px;

	margin: 0 0 0 10px;

	background-color:#EEEEEE;

	text-decoration: none;

	font-weight: bold;

	}

#call-out a:hover {background-color: #c1cfe1; border: 2px solid #708cb0;}



#volunteer-call-out {

	width: 215px;

	border: 2px solid #999999;

	padding: 5px;

	margin: 0 0 0 10px;

	float: right;

	background-color:#EEEEEE;

}

#volunteer-call-out a {

	font-weight: bold;

	text-decoration: none;

}



#header{

  width: 800px;

  height: 138px;

  margin: 0 auto;

}



img#logo{

  position: absolute;

  z-index: 75;

  margin-top: 14px;

}



img.bottom-shadow{

  display: block;

  margin: 0 auto;

}



#top-shadow{

  width: 800px;

  height: 27px;

  background: url("/images/top-shadow.png");

  margin: 0 auto;

}



#nav{

  margin: 116px 20px 0 0;

	height: 33px;

  float: right;

  color: #fff;

  font-size: 2em;

  display: inline;

}



#nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

}



#nav a {

	display: block;

	float: left;

  margin: 5px 12px 0 12px;

	text-decoration: none;

	color: #fff;

  font: bold .5em helvetica, arial, sans-serif;

  position: static;

}



#nav li { /* all list items */

	float: left;

}



#nav li:hover, #nav li.sfhover {

    position: static;

}



#nav li ul { /* second-level lists */

	position: absolute;

	z-index: 100;

	background: #586b85;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	border: 1px solid #c1cfe1;

  width: 6em;

  margin-top: -2px;

}



#nav ul ul li{

  width: 6em;

}



#nav li ul li a{

	display: block;

	float: none;

  margin: 0;

  padding: 2px;

	text-decoration: none;

	color: #fff;

  font: bold .5em helvetica, arial, sans-serif;

}

#nav li ul li a:hover{

	background: #708cb0;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#main{

  width: 800px;

  margin: 0 auto;

  background: url("/images/content-bg.png");

}



#main a{

  color: #3b5270;

}

#main-events{

  width: 800px;

  margin: 0 auto;

}

#left-col{

  width: 513px;

  float: left;

  margin: -17px 5px 0 11px;

  display: inline;

}



#left-col div.top{

  height: 339px;

  

}



#left-col div.top div.inner{

  height: 339px;

  width: 513px;

  position: absolute;

}



.labels {background-color: #EEEEEE;}



#applications {

	float: right;

	padding: 0 0 20px 0;

	font-size: 1.1em;

	text-align: right;

	width: 250px;

}



#applications h2{

  color: #003e88;

  margin: 0 0 5px 0;

  padding: 0;

  display: inline;

  font-size: 1.2em;

}



/* Left Column Backgounds here ------------------------------ */



#left-col div.top div.index{ background: url("/images/hp-top-left-bg.jpg") no-repeat; }



#left-col div.top div.int{ 

  background: url("/images/hp-top-left-bg-int.jpg") top no-repeat; 

}

#left-col div.top div.employment{ 

  background: url("/images/employment-bg.jpg") top no-repeat; 

}

#left-col div.top div.volunteer{ 

  background: url("/images/volunteer-bg.jpg") top no-repeat; 

}

#left-col div.top div.admissions{ 

  background: url("/images/admissions-bg.jpg") top no-repeat; 

}

#left-col div.top div.programs{ 

  background: url("/images/programs-bg.jpg") top no-repeat; 

}

#left-col div.top div.history{ 

  background: url("/images/history-bg.jpg") top no-repeat; 

}

#left-col div.top div.contact{ 

  background: url("/images/contact-bg.jpg") top no-repeat; 

}

#left-col div.top div.staff-board{ 

  background: url("/images/staff-board-bg.jpg") top no-repeat; 

}

#left-col div.top div.staff-members{ 

  background: url("/images/staff-members-bg.jpg") top no-repeat; 

}

#left-col div.top div.empower{ 

  background: url("/images/empower-bg.jpg") top no-repeat; 

}

#left-col div.top div.donate{ 

  background: url("/images/donate-bg.jpg") top no-repeat; 

}

#left-col div.top div.licensure{ 

  background: url("/images/licensure-bg.jpg") top no-repeat; 

}

#left-col div.top div.events{ 

  background: url("/images/events-bg.jpg") top no-repeat; 

}

#left-col div.top div.board{ 

  background: url("/images/board-bg.jpg") top no-repeat; 

}

#left-col div.top div.planned{ 

  background: url("/images/planned-bg.jpg") top no-repeat; 

}

#left-col div.top div.support{ 

  background: url("/images/support-bg.jpg") top no-repeat; 

}
#left-col div.top div.herman{ 

  background: url("/images/herman-bg.jpg") top no-repeat; 

}
#left-col div.top div.press{ 

  background: url("/images/press-bg.jpg") top no-repeat; 

}


/*--------------------------------------------  */





#left-col div.top  div.inner p.tagline{

  margin: 10px 7px 0 227px;

  font: italic bold 1.4em georgia, arial, sans-serif;

  text-align: right;

  color: #37649e;

}



#left-col  #text-size{

  margin-top: 3px;

  margin-right: 20px;

  float: right;

  text-align: center;

}



#text{

font-size: .9em;

}



#left-col #text-size-index{

  margin-right: 20px;

  float: right;

}



#left-col div.top h1{

  margin: 20px 0 0 10px;

  font-family: Georgia, Arial, sans-serif;

  color: #003e88;

}



#left-col div.top p.tl-int-box{

  margin: 115px 20px 0 327px;

  text-align:left;

  color: #3a506e;

 }

 

#left-col #text-size a, #left-col #text-size-index a{

  float: left;

  display: block;

  text-align: center;

  width: 20px;

  border: 2px solid #c1cfe1;

  text-decoration: none;

  font-weight: bold;

  color: #c1cfe1;

  margin-right: 4px;

  background: #fff;

}



#left-col #text-size a#small-font, #left-col #text-size-index a#small-font{

  font-size: .88em;

  padding-top: 4px;

  height: 18px;

  color: #fff;

  background: #c1cfe1;

}



#left-col #text-size a#medium-font, #left-col #text-size-index a#medium-font{

  font-size: 1em;

  padding-top: 3px;

  height: 19px;

}



#left-col #text-size a#large-font, #left-col #text-size-index a#large-font{

  font-size: 1.375em;

  margin-bottom: -1px;

  height: 22px;

}



#left-col h2{

  color: #003e88;

  margin-left: 15px;

  font-size: 1.2em;

}



#left-col p{

  margin-left: 25px;

  line-height: 1.4em;

  text-align: justify;

}



#left-col #bwm-content {

  position: relative;

  top: -20px;

  margin-bottom: -50px;

}



#bwm-content {padding: 0 25px 20px 0;}

#bwm-content.index {padding: 0;}



#left-col #bwm-content.index {

  position: static;

  top: 0;

}



/* PROGRAMS COLUMN */

#left-col #programs{

  width: 200px;

  float: left;

  margin-rig

}



#left-col #programs p{

  border-right: 1px solid #c7c6c2;

  padding-right: 10px;

  padding-bottom: 41px;

  margin-bottom: -41px;

}



#left-col #programs img.r {

  margin: 10px 10px 0 0;

}



/* PROGRAMS COLUMN LIST */

#programs ul {

	margin: 0 0 0 30px;

	/*width:150px; NEW 05.01.2008*/

	}

#programs li {

	margin: 0 0 5px 0;

	}

#programs a {text-decoration: none; font-weight: bold;}

#programs a:hover {text-decoration: underline;}



#left-col ul.namelist {

  margin: 10px 0 50px 50px;

  color: #3a506e;

}



/* CALENDAR SECTION */

#left-col #calendar-section {

  font-size: .9em;

}



#left-col #calendar-section img.r {

  margin: 5px 0 0 0;

}



/* CALENDAR SECTION EVENTS LIST */



#calendar-section ul#events {/*NEW 05.01.2008*/

	margin:0;

	padding:0;

	width:150px;

	float:right;

	clear:none;

	/*border:1px solid #000;*/

	}



#left-col#calendar-section li {

  color: #004496;

  }



#calendar-section li {

  margin: 0 0 3px 0;

  list-style-type:none;

  }



#left-col #calendar-section a {

  text-decoration: none;

}

#left-col #calendar-section a:hover {

  text-decoration: underline;

}



/* CALENDAR SECTION - Begin Calendar */

#left-col table#calendar {

  float: left;

  margin-right: 10px;

  border: 1px solid #c9c7c3;

  background: #8f8d88;

}



#left-col table#calendar td{

  border: 1px solid: #8f8d88;

  text-align: center;

  width: 20px;

  height: 20px;

  background: #fff;

}



#left-col table#calendar td.event-link a {

  color: #fff;

  text-decoration: none;

  display: block;

  background: #b8d1ec;

  height: 1.4em;

  padding-top: .225em;

  

}



#left-col table#calendar td.event-link a:hover {

  background: #e8ce79;

  text-decoration: none;

}



#left-col table#calendar td.bluerow {

  background: #004496;

  color: #fff;

  font-weight: bold;

  text-align: center;

  width: 140px;

}



/* CALENDAR SECTION - End Calendar */



#left-col form#contact-form input {

  border: 1px solid #848d9b;

  width: 300px;

  margin-bottom: 10px;

}



#left-col form#contact-form textarea {

  font: 1em helvetica, arial, sans-serif;

  border: 1px solid #848d9b;

  width: 300px;

  height: 60px;

  margin-bottom: 10px;

  padding: 2px;

}



#left-col form#contact-form input#contact-submit{

  color: #fff;

  background: #848d9b;

  width: 75px;

  border: 2px outset #004496;

  font-weight: bold;

}



#left-col div#bwm-content div#staff-links{

  width: 513px;



}



#left-col div#bwm-content div#staff-links span{

  display: block;

  margin: 0 20px 10px 20px;

  padding: 2px 5px;

  background-color: #eeeeee;

  border: 1px solid #848d9b;

}



#calendar-main {margin-bottom: 20px; border: 1px solid #8f8d88;}

#calendar-main td {

  border: 1px solid #8f8d88;

  text-align: center;

  width: 100px;

  height: 100px;

  padding: 3px 0 3px 0;

  background: #fff;	

	}



#calendar-main .day {

	padding: 5px 0 5px 0;

	background-color: #EEEEEE;

  	height: 15px;

	}



/*Right Column CSS ------------------------------------------------- */



#right-col{

  width: 261px;

  float: left;

  margin: -17px 0 0 -1px;

  display: inline;

  

}



#right-col div.top{

  height: 299px;

  background: url("/images/hp-top-right-bg.jpg") no-repeat;

}



.right-col-no-bg { background: url("/images/hp-top-right-bg_alt.jpg") no-repeat;}



#right-col div.top div.inner{

  height: 299px;

  width: 261px;

  position: absolute;

  z-index: 10;

  background: url("/images/hp-top-right-bg.jpg") no-repeat;

}

#right-col div.top div.inner-no-bg{

  height: 299px;

  width: 261px;

  position: absolute;

  z-index: 10;

  background: url("/images/hp-top-right-bg_alt.jpg") no-repeat;

}



#right-col div.top div.inner h1{

  text-align: center;

  color: #fff;

  font-family: Georgia, Arial, sans-serif;

  margin-top: 10px;

}



#right-col div.top div.inner-no-bg h1{

  text-align: center;

  color: #fff;

  font-family: Georgia, Arial, sans-serif;

  margin-top: 10px;

}

  

#right-col p.int-tr{

  margin: 95px 0 0 24px;

  color: #585753;

  font: 1.3em Georgia, Arial, sans-serif;

}



#right-col p.name-label{

  font: italic 1.3em  Georgia, Arial, sans-serif;

  color: #004496;

  float: right;

  margin: 10px 15px 0 0;

}

  

#right-col p.address{

  margin: 40px 0 10px 0;

  font: bold 1.3em helvetica, arial, sans-serif;

  color: #3b5270;

}



.testimonial {

  margin: 50px 0 10px 0;

  font: 1em helvetica, arial, sans-serif;

  color: #3b5270;

  font-style: italic;}

.testimonial-text {  

	color: #3b5270;

  font-style: italic;

  text-align: center;

  padding: 0 15px 0 15px;

  }



#right-col img.openquote{

  position: absolute;

  margin: 0 0 0 -15px;

}

#right-col img.closequote{

  position: absolute;

  margin: 0 0 0 5px;

}



#right-col  div.inner img.r, #right-col  div.inner-no-bg img.r{

  margin-right: 35px;

}



#right-col  div.inner img.r-photo, #right-col  div.inner-no-bg img.r-photo{

  margin: 10px 15px 0 0;

  float: right;

}





#right-col p.information{

  margin: 20px 34px 0 34px;

  font: bold 1.25em georgia, arial, sans-serif;

  color: #004496;

  text-align: center;

} 



#right-col p.contact{

  margin: 20px 38px 0 38px;

  font: bold 1.3em helvetica, arial, sans-serif;

  color: #3b5270;

} 



#right-col div.inner p.contact span.blue, #right-col div.inner-no-bg p.contact span.blue{

  color: #004496;

}



#right-col div.box-holder{

  background: url("/images/right-link-bg.gif");

  width: 247px;

  height: 78px;

  margin: 20px auto 0 auto;

}



#right-col a.box-link{

  display: block;

  background: none;

  width: 247px;

  height: 78px;

  color: #708cb0;

  text-decoration: none;

  font-size: 1.2em;

}



#right-col a.box-link:hover{

  background: url("/images/right-link-bg-hover.gif");

  color: #fff;

}



#right-col a.box-link p{

  margin: 0 0 0 25px;

  padding: 10px 0 0 0;

  font-size: 1.1em;

  

}



/*BEGIN: Footer*/



#footer{

  width: 800px;

  margin: -10px auto 0 auto;

  padding-bottom: 20px;

  text-align: center;

  line-height: 1.5em;

  font-size: .8em;

}



#footer p{

  margin: 0;

}





#footer p a{

  text-decoration: none;

}



#footer p a:hover{

  text-decoration: underline;

}



#footer p.links{

  color: #37649e;

}



#footer p.links a{

  color: #37649e;

}



#footer p a.bwm{

  color: #4a8ecb;

}



.blue {

	color:#3B5270;

	font-weight:bold;

}

.hide  { display:none;}