/* CUAHSI Stylesheet - Conrad Matiuk - November 07, 2005 */
/* Modified July 5, 2006 to incorporate new navigation   */
/* ------------------------------------------------------*/

/* for heading bar on home and program pages with curved box end */
.idx_header {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	margin: 0px;
	color: #fff;
	background-color: #369;
	letter-spacing:1px;
	background-image: url(../images/blue_round_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
}
h4.text {
	margin:0px !important;
	font-size:11pt !important;
}

.new-nav { text-indent: 15px; background: beige !important; color: #336699 !important; font-family: verdana; font-size: 11px !important; }
/* .new-nav { text-indent: 40px; background: beige; color: #336699; font-weight: 600; font-family: verdana; font-size: 12px; padding: 6px 0px 6px 0px; } */
p {font-family: verdana, arial; font-size: 10pt;}
.p-home {font-family: verdana, arial; font-size: 10pt; text-align: justify; }
.home {font-family: verdana, arial; font-size: 10pt;}
.div-home {
	font-family: verdana, arial; 
	font-size: 11px; 
	border-top: solid thin navy; 
	border-bottom: solid thin navy;
	background: #ffe; 
	text-align: justify; 
	padding: 0.5em 10.0em 0.5em 2.0em; 
	margin-right: 10em; }
/* .div-home {font-family: verdana, arial; font-size: 10pt; border: solid thin navy; background: #ffe; text-align: justify; width: 60%; padding: 0.5em; } */
.cce2010 {font-family: verdana, arial; font-size: 10pt; color: black; padding-right: 1.0em; padding-left: 1.0em;}
.ecm {font-family: verdana, arial; font-size: 10pt; color: black; }
.sm-text {font-family: verdana, arial; font-size: 10px; color: black; }
.noa-text {font-family: verdana, arial; font-size: 12px; color: black; text-align: justify; line-height: 1.5em; padding-right: 10px; }
.captions {font-family: verdana, arial; font-size: 9px; color: black; padding: 0 6px 6px 6px; text-indent: 0.5em; border-bottom: solid thin navy; border-left: solid thin navy; }
.bylaws {font-family: verdana, arial; font-size: 10pt; color: black; text-align: justify;}
.bylaws-1stP {font-family: verdana, arial; font-size: 10pt; color: black; text-align: left;}
.news {font-family: verdana, arial; font-size: 10pt !important; color: black; margin-top: 0px; margin-bottom: 0px;}
.vth {font-family: verdana, arial; font-size: 10pt; color: black; text-align: justify; padding-left: 1.0em; padding-right: 1.0em;}
H1, H2, H3, H4, H5, H6 { font-family: Verdana, Arial, Helvetica, sans-serif;}
H1 { font-size: 18pt; margin-top: 2px; } 
H2 { font-size: 16pt; margin-top: 2px; }
H3 { font-size: 14pt; margin-top: 2px; }
H4 { font-size: 12pt; margin-top: 2px; }
H3.bod { font-size: 14pt; margin-top: 1.0em; margin-bottom: 0px; }
H4.bod { font-size: 12pt; margin-top: 0px; margin-bottom: 0px; }
H5 { font-size: 10pt; margin-top: 2px; }
H6 { font-size: 9pt; margin-top: 0px; margin-bottom: 0px; }
ul.ecm, ol.ecm {	margin-bottom: 0pt;  margin-top: 0pt; }
.reader { font-family: Verdana, Arial,sans-serif; font-size: 9pt; font-style: normal; line-height: 12pt; font-weight: normal; font-variant: normal; color: #000000; text-align: justify; }
.comm-tbl {	padding: 1.0em; border: thin solid #000066; background: #FFCC66;}
.tbl-news {font-family: verdana, arial; font-size: 10pt;}
.tbl-brd1 {	border: 2px double navy; }
.tbl-bg1 { background: #ffe; border-bottom: solid thin navy;}
.tbl-row0{ background: #369; color: #fff; border-top: thin solid Navy; font-weight: 600; }
.tbl-row1{ background: #ffe; border-bottom: 1px solid Navy; }
.tbl-row2{ background: #ffe; border-bottom: 1px solid Navy; border-top: 1px solid Navy; }
.tbl-row3{ background: #ffe; border-top: thin solid Navy; border-right: thin solid Navy; border-bottom: thin solid Navy; }
.content-cell{ padding: 1.0em; border-left: thin solid #000066; border-top: thin solid #000066; }
.links { font-family: Verdana, Arial, sans-serif; color: #336699; font-size: 8pt; text-decoration: none; font-weight: bold; font-variant: normal; }
a.links:hover { text-decoration: underline overline;}
.links2 { font-family: Verdana, Arial, sans-serif; color: #336699; text-decoration: none; font-weight: bold; font-variant: normal; }
a.links2:hover { text-decoration: underline overline;}
.sm-links { font-family: Verdana, Arial, sans-serif; color: #000; font-size: 8pt; text-decoration: none; }
a.sm-links:hover { text-decoration: underline;}
a.moreinfo { text-decoration: none; }
a.moreinfo:hover { text-decoration: underline overline; background: beige; }
a.moreinfo2{ background-color: #e5e5e5; text-decoration: none;}
a.moreinfo2:hover{ background-color: #fff; text-decoration: underline overline; }
a.moreinfo3{ color: white; text-decoration: none;}
a.moreinfo3:hover{ color: black; background-color: white; text-decoration: underline overline; }

#news li {font-family: verdana, arial; font-size: 10pt;}
.sems {font-family: verdana, arial; font-size: 12pt;}

/* Sidebar information box layout */
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

#navcontainer {
	background: #f0e7d7;
	width: 100%;
	margin: 0 0;
	padding: 1.0em auto;
	font-family: verdana, serif;
	font-size: 11px;
	text-align: left;
}
dl#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 0;
	width: 100%;
}
dl#navlist dt {
	display: block;
	margin: 0 -14px 0 -5px;
	padding: 0;
}
dl#navlist dt a {
	display: block;
	width: 130px;
	margin: 0px 15px 0px 0px;
	padding: 5px 5px 5px 15px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
}
#navcontainer>dl#navlist dt a { width: 130px; }

dl#navlist dt#active a {
	background: #f0e7d7;
	color: #800000;
}
dl#navlist dt a:hover, dl#navlist dt#active a:hover {
	color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 210px;
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sideboxpgm {
	margin: 0 auto; /* center for now */
	width: 210px;
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-left.gif) no-repeat top left;
	margin: 0;
	padding: 20px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 10pt; 
	font-family: Trebuchet MS,verdana,sans-serif;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody-his {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 30px 25px;
	font-size: 10pt;
}
.boxbody {
	background: url(../images/sbbody-l2.gif) no-repeat bottom left; 
	margin: 0;
	padding: 1px 30px 10px;
	font-size: 8pt;
}
.sidebox-idx {
	margin: 0 auto; /* center for now */
	width: 210px;
	background: url(../images/sbbody-r2.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead-idx {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead-idx h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 10pt; 
	font-family: Trebuchet MS,verdana,sans-serif;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.widthlessbox {
	margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.mainI { font-family: verdana,arial,sans-serif; font-size: 10pt;}

dt.mainI { padding-bottom: 0px; font-family: verdana,arial,sans-serif; font-size: 10pt;}
dt { padding-bottom: 1.0em; font-family: verdana,arial,sans-serif; font-size: 7pt;}
dl#boxbody a:link, dl#boxbody a:visited { color: #009; }
dl#boxbody a { text-decoration: none; }
dl#boxbody a:hover { text-decoration: underline overline; color: #b05010; }

/* Zebratables rules - used in page member_list.html */
#tbl1x {border: 3px solid rgb(19,79,117);}
#tbl1 {border: 2px solid #b05010;}
#tbl2, #tbl3 {border: 2px solid #b05010;}
#tbl1 tbody tr td, #tbl2 tbody tr td, #tbl3 tbody tr td  {
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
		font-weight: 500;
		padding: 3px 3px;
		border-left: 1px solid #D9D9D9;}
#tbl1 tbody tr.selected td, #tbl2 tbody tr.selected td {
		background-color: #660000;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;}

/* CSS Info Tips */
a.info{
    position: relative; /*this is the key*/
    z-index: 24; background-color: #ffe;
    text-decoration: none;}
a.info:hover{z-index: 25; background-color: #fff}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
	 padding: 0.5em;
    top: 2.0em; left: 2.0em; width: 15.0em;
    border: 2px solid #369;
    background-color: #b05010; color: #fff;
    text-align: center;}
a.info2{ background-color: #e5e5e5; text-decoration: none;}
a.info2:hover{ background-color: #fff}

body {
scrollbar-3dlight-color:#FFDD11;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#0000ff;
scrollbar-face-color:#3f6da0;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#CC9900;
}
/**/
#newspage dt {font-family: geneva, arial; font-size: 10pt;}
#enewspage dt {font-family: geneva, arial; font-size: 11px;}
/*#newspage dl {font-family: verdana, arial; font-size: 9pt;} */

/* New Layout styles */
#header { 
	width: 850px;
	background: #336699;
	margin: 0 0 1px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/*	background: #336699; */
	padding: 15px 10px 1px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 1px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}