/******** NOTE - Using YUI reset-fonts-grids *************/
/************* YUI grids overrides ***********************/

#custom-doc { width:60.38em;*width:58.93em;min-width:785px; margin:auto; text-align:left; }

/*** Override default 160px left to 140px ***/
/*** and allow the shadow to be on the right ***/

.yui-t1 .yui-b {float:left;width:10.76923em;*width:10.50em;}
.yui-t1 #yui-main .yui-b{margin-left:10.76923em;*margin-left:10.50em; margin-right:1.53846em;*margin-right:1.50em;}


/************** LAYOUT AND TYPOGRAPHY ********************/

body, td,th {
	font-family: Verdana, Arial,  Helvetica,  sans-serif;

	line-height: 1.4em;
}

#hd { margin-top: .3em; }
#maincontent { 
	padding: 1em 1.5em 1em 2.2em; 
}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,#maincontent ul,#maincontent ol,#maincontent dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
#maincontent  { font-size: 88.5%; line-height: 140%;}
#maincontent ol,#maincontent ul,#maincontent dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
#maincontent ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
#maincontent ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
#maincontent dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
#maincontent th,#maincontent td {
	/*borders and padding to make the table readable
	border:1px solid #000;*/
	padding:.5em;
}
#maincontent th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
#maincontent caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
#maincontent p,#maincontent fieldset,#maincontent table,#maincontent pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
#maincontent input[type=text],#maincontent input[type=password],#maincontent textarea{width:12.25em;*width:11.9em;}

/***********************************************************/
/* FROM ORIGINAL STYLE                                     */
/***********************************************************/

.headline, h1 {
	font-weight: bold;
	font-size: 120%;
        margin-bottom: .5em;
}

.subhead, h2, #relatedlinks h3 {
	font-weight: bold;
	font-size: 100%;
        margin-bottom: .5em;
        margin-top: .5em;
}
h3 {
	font-weight: bold;
	font-size: 85%;
}
h4 {
	font-weight: bold;
	font-size: 85%;
}
h5 {
	font-weight: normal;
	font-size: 85%;
	text-decoration: underline;
}
h6 {
	font-weight: bold;
	font-size: .85%;
}
.caption {
	font-size: 85%;
	font-weight: bold;
}

.footnote {
	font-size: 85%;
}	
a {
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	
}
a:hover, a:focus {
/*	text-decoration: underline;*/
	
}
a:active {
/*	text-decoration: underline;*/
	
}

#sitelinks {
	height: 2.44em;
}
#pagetools {
	padding: 0 3em 0.3em 0;
	font-size: 85%;
	text-align: right;
}
#pagetools form {
	padding: 0 0 0.2em 0;
	font-size: 93%;
}
#pagetools .first {
	text-align: left;
}
#pagetools form input[type=text] {
	font-weight: bold;
}

#pagetools form input[type=text]:focus {
	font-weight: bold;
}
#pagetools form input[type=image]{
	padding: .5em 0 0 0;
}
#sitelinks a, #footerlinks a {
	text-transform: uppercase;
	font-weight: normal;
        
}
#sitelinks span a {
	font-weight: bold;
}
#footerlinks {
	font-size: 85%;
}
h1 {
	font-weight: bold;
	font-size: 120%;
}

h3 {
	font-weight: bold;
	font-size: 93%;
}

#relatedlinks h3 {
	font-weight: bold;
	font-size: 100%;
}

/****** NOTE These menu styles are only used for no javascript *********/
.menu a, .menu a:visited {
	display: block;
	line-height: 1.22em;
	text-decoration: none;
}
#menu a:hover, #menu a:focus
{
	text-decoration: none;
}
.menu li a {
	font-size: 85%;
	padding: .6em 0 .6em .4em;
}
.menu li ul li a {
	font-size: 85%;
	font-weight: normal;
	padding: .5em 0 .5em 1em;
}
.menu li ul li ul li a {
	font-size: 85%;
	font-weight: normal;
	padding: .3em 0 .3em 2em;
}
.feature {
	padding-bottom: 0.4em;
}
.sidebar {
	width: 95%;
	margin-bottom: 1.22em;
font-size: 88.5%; line-height: 140%;
}

.sidebarheader, .sidebarSUBSCRIBEheader  {
	height: 3.5em;
	width: 100%;
}

.sidebarheader h2, .sidebarSUBSCRIBEheader h2 {
	font-size: 138.5%;
	font-weight: bold;
	padding-top: .5em;
}
.sidebarheader h2 {
	margin: 15px 0 10px 0;
	padding-left: 3em;
}

.sidebarSUBSCRIBEheader h2 {
	padding-left: 3.5em;
}

.sidebarbox {
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-left: .5em;
}
.sidebarbox p {
	margin-top: 0px;
	padding: 0 1.6em 0 .8em;
}
.sidebarbox h3 {
	padding: .8em 1.6em 0 .8em;
}

p.more {
	margin: 0;
}
p.more a {
	padding: 0.3em 1.5em 0.3em 0;
}
.sidebarbox p.more {
	padding: 0 1.6em 1em .8em;
}
.sidebarbox img {
	margin-top: 0px;
	padding: .8em 0 0 0;
}
#sitelinks { height: 1.538em; }
#hd .homelink p { text-align: left; padding-left: 1em; }
#hd .toplinks p { text-align: right; padding-right: 3em; }

#logo img { margin: 0;  }


#tagline img { margin:0; padding: 1.5em 0 0 5.2em; }
#footerlinks a { padding: 0 0 0 1em; }
.feature { padding: 0.61em 0 1em 0; }


#fonts { padding: .5em 0 0.5em 1em; }
#fonts .aboutprint { padding: .5em 0 .5em 2em; }
#fonts .sma a, #fonts .med a, #fonts .lar a { padding: 0 .2em; }
#fonts .sma {font-size: 100%; }
#fonts .med {font-size: 135%;}
#fonts .lar {font-size: 182%; }

/* Image at the top of main content */
/* this is here just in case some image is a bit larger than the space for it on the page */
.highlight-image .bodycopy p { overflow: hidden; }


/*******************  COLORS  ****************************/
/* These colors and background colors have been tested   */
/* to ensure that there's enough contrast between them.  */
/* Any changes to these would have to be tested.         */
/*********************************************************/

html, body {
	background-color: #FEC43E;
	color: #000;
}
#hd {
	background: #ADCEDE url(/images/shadows/R.jpg) repeat-y right top;
}
#bd {
	background: #fff url(/images/shadows/R.jpg) repeat-y right top;
}
#ft {
	background: #fff url(/images/shadows/BR.jpg) no-repeat right top;
}
#sitelinks {
	background: #003366 url(/images/shadows/TR2.jpg) no-repeat right top;
	color: #fff;
}
/*
#footerlinks {
	background: transparent url(/images/shadows/BR.jpg) no-repeat right bottom;
	color: #fff;
}
#footerlinks .yui-gc{
	background: transparent url(/images/shadows/R.jpg) repeat-y right top;
	color: #fff;
}
#footerlinks .yui-gc .yui-u {
	background: transparent url(/images/shadows/B.jpg) repeat-y right bottom;
	color: #fff;
}
*/
#yui-main {
	background: transparent url(/images/pattern.gif) repeat-y top left;
	color: #000;
}
#yui-main .yui-b {
	background-color: #fff;
	color: #000;
}
#yui-main .yui-gc { background-color: #fff; }

#logo { background: transparent url(/images/headerS_new.gif) no-repeat left top; height: 64px; }
#tagline p { background-color: transparent; color: #000;}

#pagetools {
	background: #fff url(/images/shadows/R.jpg) repeat-y right top;
	color: #585858; /* current light color does not have enough contrast */
}
#logo h1 { background-color: transparent;}
a {
	background-color: transparent;
	color: #006699;
}
a:hover, a:focus {
		text-decoration: underline;
}

#pagetools a {
	background-color: #fff;
	color: #585858; /* current light color does not have enough contrast */
}
#sitelinks a {
	color: #fff;
}
#sitelinks span a {
	color: #FEC43E;

}
#fonts .sma, #fonts .med, #fonts .lar { border: 1px solid #000; }
	
h1 {
	background-color: #fff;
	color: #003366;
}
h2, h3 {

	background-color: #fff;
	color: #003366;
}

.feature h2 {
	color: #000000;
}
/****** NOTE These menu styles are only used for no javascript *********/
/****** With Javascript menus are styled with UDM **********************/
.menu {
	border-top: 1px solid #003366;
	border-right: 4px solid #003366;
}
.menu a, .menu a:visited {
	border-bottom: 1px solid #003366;
}
#menu a:hover, #menu li.serv a:hover, #menu a:focus, #menu li.serv a:focus {
	background-color: #003366;
	color: #fff;
}
/* sub levels color */
/* For IE < 7 need to style <li> */
.menu li, .menu li a, .menu a:visited {
	background-color: #fff;
	color: #003366;
}
.menu li ul li, .menu li ul li a,.menu li ul li a:visited {
	background-color: #ADCEDE;
	color: #000064;  /* NOTE - This color was changed from original site to comply with color accessibility guidelines for contrast */
}
.menu li ul li ul li, .menu li ul li ul li a, .menu li ul li ul li a:visited {
	background-color: #ADCEDE;
	color: #000064;
/*	border-bottom: none;*/

}
.menu li ul li ul {
	border-bottom: 1 px solid #003366;
}


#menu li.serv a {
	background-color: #ADCEDE;
	color: #003366;
}
/******  END No Javascript menu ******/

.feature {
	border-bottom: 2px dashed #000000;
}
.feature img {margin: 0 1em .5em 0; float: left;}

.sidebar {
	background-color: #ADCEDE;
	color: #000;
}

.sidebarheader {
	background: #003366 url(/images/swirly.gif) no-repeat .8em .5em;
}

.sidebarSUBSCRIBEheader {
	background: #003366 url(/images/subscribe.gif) no-repeat .3em .3em;
}

.sidebarheader h2, .sidebarSUBSCRIBEheader h2 {
	background-color: transparent;
	color: #fff;
}

.sidebarbox {
	background: #fff url(/images/sidebar1.png) no-repeat right bottom;
}
.sidebarbox h3 { background-color: transparent; color: #000; }

p.more a {
/*	background: transparent url(/images/more.png) no-repeat 100% 40%;*/
}
#footerlinks, #footerlinks a {
	background-color: #003366;
	color: #fff;
 width:765px;
}


/* gotolinks begin =========================================================== */

ul.gotolinks, .gotolinks, .gotolinks-screen {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 10;
}

ul.gotolinks a:focus, ul.gotolinks a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #eecc11;
  color : #000;
  padding : 5px;
  font-weight : bold;
  font-size : 85%;
  border : 2px solid #000;
  width : 6.3em;
  z-index : 10;
}

/******* UDM4 SPECIFIC STYLES *********/
	/* expanding menu styling */
	#udm ul {
		margin-left:0 !important;
		margin-top:1px !important;
		width:10.26923em !important;
		w\idth:10.26923em !important;
	}
	#udm ul ul {
		width:10.26923em !important;
		w\idth:10.26923em !important;
		border-style:dashed;
		background-color:#ADCEDE;
	}
	#udm ul ul ul {
		width:10.26923em !important;
		w\idth:10.26923em !important;
		border-style:dotted;
		background-color:#ffd;
	}
	/* give all anchors a hand cursor */
	#udm a {
		cursor:pointer !important;
		cursor:hand !important;
	}
/******* UDM4 SPECIFIC STYLES *********/
.expcolap { float: right; padding-right: 0.2em; }

span.aboutprint { background: url('/images/info.png') no-repeat 0% 50%; }

#pagetools form input[type=text] {
	background-color: #f0f1eb;
	font-weight: normal;
	color: #003366;
}

#pagetools form input[type=text]:focus {
	color: #003366;
	background-color: #ffc448;
	font-weight: bold;
}
#controller_info {
/*	text-indent: -10000px;*/
	text-indent: 5em;
	color: #585858;
	font-size: 77%;
}

/*
#search_string { 
	background-color: #f0f1eb;
	font-weight: normal;
	color: #003366;
}
#searchfield
{
width: 130px;
height: 14px;
border-top-width: 1px solid #999999;
padding-right: 8px;
top: 2px;
}
*/

/** For Board Members image**/
.z_image_container {
float:right;
padding-bottom:25px;
padding-left:25px;
}


/**** IBOX CSS *********/
#ibox_wrapper {
    padding: 20px 15px 15px 15px;
    border-color:#fff;
	overflow:hidden;
border:3px solid #003366;
}
#ibox_wrapper p {margin-bottom:1em;font-size:88.5%;}
#ibox_wrapper, #ibox_footer_wrapper a {background-color:#fff;}
#ibox_content { background-color:#fff; border:0; margin-top:5px; margin:5px 10px 0 10px;}
#ibox_footer_wrapper {
    padding: 0px;
    bottom: 5px;
    top: 0px;
}
#ibox_footer_wrapper a {
    text-indent: -10000px;
	background-repeat:no-repeat;
	background-position: bottom right;
    width: 160px;
    height: 25px;
color: #006699;
text-align:right;
}
#ibox_progress {
    background: #fff url('/images/loading.gif') center center no-repeat;
}

/*Mail Chimp Form*/
.input-group li{margin-bottom:5px;}
.response{
border:2px solid #003366;
color:#003366;
margin:5px 0 15px;
padding:10px;
}

#widget {
overflow: hidden;
margin-left: .9em;
margin-bottom: -6em;
margin-top: .5em;
}

div#widget > iframe:first-child {overflow:hidden;}





.right {
      float: right;
      padding: 0 0 1em 1em;
}

#cal_link{
background: #003366;
padding: 3px 15px 4px;
color: #FFF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
#cal_link:hover {text-decoration: none;background: #ADCEDE;color: #003366;}