html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

.yui-u { border: solid 0px #000; }

html{min-height: 100%; height: auto !important; background: #4A7EA9;}

body {  
  font: normal 11px/16px Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;  
  background: #4A7EA9;
}

#wrapper {
	background: transparent url(../Content/Images/body-bg.png) 0 0 repeat-y;
	width: 959px;
	width: 960px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#custom-doc {     
	width: 959px;
	width: 960px;
    margin:auto;         
    background-color: #fff; 
    text-align: left;
    padding-top: 10px;
}

.inner {
    padding: 10px;
}

.innersmall {
 padding: 5px;
}

/* Header */

#banner {    
 background: url(../Content/Images/header-banner.png) 0 0 no-repeat; 
 height: 120px;
 width: 940px;
 margin: 10px;
 margin-top: 0px;
}

#hd h1 {
    
    position: relative;
    top: 4px;
    left: 16px;
}

#hd h1, #hd h1 a {
    width: 950px;
    height: 200px;
    display: block;
}
   
/* End Header */ 

/* Start Navi */

#nav 
{
    margin:  -10px 0 -10px  10px;
    height: 50px;
    
    background: #fff;
    position: relative;
}

#navbar {       
    background: #fff;
}


#navbar li {
    float: left;    
    top: 0;
    list-style-type: none;    
    height: 50px;
}

#navbar li a { display: block; font-size: 0px; height: 50px; text-indent: -9000px;}

#navbar_home           { width: 92px; background: url(../Content/Images/navbar-sprite.png) no-repeat 0 0; }
#navbar_about          { width: 121px; background: url(../Content/Images/navbar-sprite.png) no-repeat -92px 0; }
#navbar_programs       { width: 123px; background: url(../Content/Images/navbar-sprite.png) no-repeat -212px 0; }
#navbar_services       { width: 111px; background: url(../Content/Images/navbar-sprite.png) no-repeat -335px 0; }
#navbar_careers        { width: 104px; background: url(../Content/Images/navbar-sprite.png) no-repeat -446px 0; }
#navbar_blog            { width: 121px; background: url(../Content/Images/navbar-sprite.png) no-repeat -549px 0; }
#navbar_newsletter      { width: 134px; background: url(../Content/Images/navbar-sprite.png) no-repeat -669px 0; }
#navbar_contact         { width: 134px; background: url(../Content/Images/navbar-sprite.png) no-repeat -804px 0; }
/* #navbar_links         { width: 100px; background: url(../Content/Images/navbar-sprite.png) no-repeat -905px 0; } */


#navbar_home a:hover         { background: url(../Content/Images/navbar-sprite.png)    0px -50px no-repeat; }
#navbar_about a:hover        { background: url(../Content/Images/navbar-sprite.png)  -92px -50px no-repeat; }
#navbar_programs a:hover     { background: url(../Content/Images/navbar-sprite.png) -212px -50px no-repeat; }
#navbar_services a:hover     { background: url(../Content/Images/navbar-sprite.png) -335px -50px no-repeat; }
#navbar_careers a:hover      { background: url(../Content/Images/navbar-sprite.png) -446px -50px no-repeat; }
#navbar_blog a:hover          { background: url(../Content/Images/navbar-sprite.png) -549px -50px no-repeat; }
#navbar_newsletter a:hover    { background: url(../Content/Images/navbar-sprite.png)  -669px -50px no-repeat; }
#navbar_contact a:hover       { background: url(../Content/Images/navbar-sprite.png) -804px -50px no-repeat; }
/* #navbar_links a:hover       { background: url(../Content/Images/navbar-sprite.png) -905px -50px no-repeat; } */


body.home #navbar_home a               { background: url(../Content/Images/navbar-sprite.png)    0px -100px no-repeat; }
body.aboutus #navbar_about a           { background: url(../Content/Images/navbar-sprite.png)  -92px -100px no-repeat; }
body.programs #navbar_programs a      { background: url(../Content/Images/navbar-sprite.png) -212px -100px no-repeat; }
body.services #navbar_services a      { background: url(../Content/Images/navbar-sprite.png) -335px -100px no-repeat; }
body.careers #navbar_careers a        { background: url(../Content/Images/navbar-sprite.png) -446px -100px no-repeat; }
body.blog #navbar_blog a               { background: url(../Content/Images/navbar-sprite.png) -549px -100px no-repeat; }
body.newsletter #navbar_newsletter a { background: url(../Content/Images/navbar-sprite.png) -669px -100px no-repeat; }
body.contact #navbar_contact a        { background: url(../Content/Images/navbar-sprite.png) -804px -100px no-repeat; }
/* body.links #navbar_links a        { background: url(../Content/Images/navbar-sprite.png) -905px -100px no-repeat; } */

/* End Navi */

#bd {
  padding: 10px;
  padding-bottom: 20px;    
}


/*
 content
*/


#left {
  width: 610px;
  margin: 0 0 10px 0;
}

#right {
  width: 298px;
  margin: 0 0 10px 0;  
}



/* Begin Footer */

#links {
    height: 40px;
    background: #333 url(../Content/Images/linksbgtop.jpg) no-repeat 0 0;
}

#links H2 { margin: 20px 0 0 20px; }

#linksbottom {
    height: 40px;
    background: #333 url(../Content/Images/linksbgbottom.jpg) no-repeat 0 0;   
    clear: both;
}

.links { background: #333; padding-bottom: 10px;}

.links LI { padding-bottom: 5px; }

.links a {   
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* footer */ 


/* links page */
.linksL a {   
  color: #4A7EA9;
  font-weight: bold;
  text-decoration: none;
}
/* end links page */

#ft .links a:hover
{
    color: #3399FF;
}


#ft
{
    padding: 0 10px 10px 10px;
}

#ft-bg {
    background: #084272 url(../Content/Images/footer-bg.jpg) repeat 0 0;     
    height: 275px;
    text-align: left;
    clear: both;
    padding-top: 10px;
}

#footer-top {
    background: url(../Content/Images/footer-top.png) no-repeat 0 0; 
    margin-left: 20px;    
    height: 180px;
}

#footer-bottom {    
    color:  #fff;
    padding-top: 15px;
    padding-bottom: 0px;    
}

/* End Footer */

#basement { background: transparent; color: White; }

/* Misc */

img.block { display: block; width: 100%; }

.image { display: inline; clear: both; }

div.spacer{
clear: both !important;
height: 1px;
}

.centered {
  display: block;
    text-align: center;
}

.left {
  text-align: left;
}

.right {
  display: block;
  text-align: right;
}

.b { border: solid 1px black; }

.hidden { display: none; }

/* Start SubPage Content */

.sidemenu {

  padding: 10px;
  background: #fff url(../Content/Images/sidemenu-bg.png) 0px 0px no-repeat;
  margin-bottom: 10px;

}

.hd-menu {
  margin: 0px;
  height: auto;
  padding: 10px 0 10px 10px;
  width: auto;
  background: url(../Content/Images/sidemenuhd-bg.png) 0 0 no-repeat;
}

.hd-menu h3 {
  text-transform: uppercase;
  letter-spacing: -.5px;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  margin: 0;
  color: #fff;
}

.sidemenu UL LI
{
  margin: 5px 0 5px 0;  
  font-weight: bold;
}

.sidemenu * a:active,
.sidemenu * a:hover,
.sidemenu * a:visited,
.sidemenu * a:link {
  text-decoration: none;
  
  color: #084272;
}

.sidemenu * a:hover {
  color: #9BBBD6;
}

UL.level2 {
  margin-left: 20px;
  font-size: 96%;
}

.didyouknow
{
    background-position: 0px 0px;
    background: url(../Content/Images/didyouknow-bg.png) 0px 0px no-repeat;
    height: 199px;
    font-size: small;
    color: #24512C;
    line-height: 1.4em;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 10px;
    min-height: 199px;
}
.subpagecontent {
    
    height: auto; 
    padding-bottom: 40px;   
    background: #fff url(../Content/Images/subpagecontent-bg.png) bottom no-repeat;
}

.subpanel 
{ 
    height: 238px;
    background: url() no-repeat 0 0;
    color: #990500;    
    margin-top: 10px;
    margin-right: 10px;
}

.subpanel UL {
    margin-top: 0;
    margin-left: 35px;
}

.subpanel LI {
  margin-top: 10px;
}

.yui-u H2
{
    letter-spacing: -1px;
    font-size: large;
    font-weight: bold;
    color: #204060;
    margin-top: 5px;    
    padding-bottom: 10px;
}

.yui-u H1
{
    letter-spacing: -1px;
    font-size: large;
    font-weight: bold;
    color: #204060;
    margin-top: 5px;    
    padding-bottom: 10px;
}

.yui-u P {
    font-size: small;
    line-height: 18px;
    margin-bottom: 10px;
}

.yui-u P strong {
    font-weight: bold;
}
/*
.yui-uxx H2
{
    letter-spacing: -1px;
    font-size: large;
    font-weight: bold;
    color: #204060;
    margin-top: 5px;    
    padding-bottom: 10px;
}

.yui-uxx P {
    font-size: small;
    line-height: 18px;
    margin-bottom: 10px;
}

.yui-uxx P strong {
    font-weight: bold;
}
*/
#right_col .related
{
	margin: 115px 5px 5px 50px;
}

#right_col .related ul
{
	margin: 0 0 0 10px;
}

 
 /* jobs */
 .job
{
    background-color: #FFFFCC;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 97%;
    margin-top: 5px;
}

/* news and events */
 .news_events
{
    background-color: #FFFFCC;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 97%;
    margin-top: 5px;
}


/* programs */
 .prog
{
    background-color: #fffeee;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 97%;
    margin-top: 5px;
}



/* mailing address */
 .mailingAddress
{
    background-color: #FFFFCC;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 45%;
    margin-top: 5px;
}

.dates { text-align: right; }

.title { font-weight: bold; color: #084272; }
.detail { margin-top: 5px; font-style: italic; }

/* ourwork */


.clear { clear: both; }

H3 {
  font-weight: bold;
 
}

.bulleted LI {
  list-style: disc;
  margin-top: 10px;
  margin-left: 15px;
}

/* buttons */
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

.buttons {
  margin-top: 20px;
}

.buttonclear {
  overflow : hidden;
  width :100%
}
/* right aligned button */
span.button, a.button {
  background: url("../Content/Images/bg_button_a.gif") no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: normal 12px;
  font-weight: bold;
  height: 24px;
  margin-right: 60px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}

span.button span, a.button span {
  background: url("../Content/Images/bg_button_span.gif") no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active, span.button:active {
  background-position: bottom right;
  color: #000;
  outline: none;
}

a.button:active span, span.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px;
}


/* LEFT aligned button */
span.buttonL, a.buttonL {
  background: url("../Content/Images/bg_button_a.gif") no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 12px;
  font-weight: bold;
  height: 24px;
  margin-right: 60px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}

span.buttonL span, a.buttonL span {
  background: url("../Content/Images/bg_button_span.gif") no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.buttonL:active, span.buttonL:active {
  background-position: bottom right;
  color: #000;
  outline: none;
}

a.buttonL:active span, span.buttonL:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px;
}

.cloud ol {
  font-weight: bold;
}

p.AreaTitle
{
    font-size:larger;
    font-weight:bold;
    text-decoration:underline;
}
  
p.NTEE
{
    padding: 0px 5px 0px 10px;
    line-height: 140%;
    font-size:x-small;
}

span.button_L, a.button_L {
  background: url("../Content/Images/bg_button_a.gif") no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 12px;
  font-weight: bold;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}

span.button_L span, a.button_L span {
  background: url("../Content/Images/bg_button_span.gif") no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button_L:active, span.button_L:active {
  background-position: bottom right;
  color: #000;
  outline: none;
}

a.button_L:active span, span.button_L:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px;
}



p.date {
	width: 42px;
	height: 10px;
	padding: 23px 12px 14px 0;
	text-align: center;
}

.month1 { background: url(../Content/Images/phase_Jan.png) no-repeat 0 0; }
.month2 { background: url(../Content/Images/phase_Feb.png) no-repeat 0 0; }
.month3 { background: url(../Content/Images/phase_Mar.png) no-repeat 0 0; }
.month4 { background: url(../Content/Images/phase_Apr.png) no-repeat 0 0; }
.month5 { background: url(../Content/Images/phase_May.png) no-repeat 0 0; }
.month6 { background: url(../Content/Images/phase_Jun.png) no-repeat 0 0; }
.month7 { background: url(../Content/Images/phase_Jul.png) no-repeat 0 0; }
.month8 { background: url(../Content/Images/phase_Aug.png) no-repeat 0 0; }
.month9 { background: url(../Content/Images/phase_Sep.png) no-repeat 0 0; }
.month10 { background: url(../Content/Images/phase_Oct.png) no-repeat 0 0; }
.month11 { background: url(../Content/Images/phase_Nov.png) no-repeat 0 0; }
.month12 { background: url(../Content/Images/phase_Dec.png) no-repeat 0 0; }

.shield {
	position: relative;
}
.commentscloud {
	position: absolute;
	text-align: center;
	top: -1px;
	left: 25px;
	width: 30px;
	height: 24px;
	padding: 3px 0;

}