/* CUAHSI-New Stylesheet - Conrad Matiuk - February 24, 2010 */
/* Designed for table-less page layout                     */
/* ------------------------------------------------------*/
@import "menus.css";  

body{background:#4a5b63 url('../images/bg-body.png') repeat-x 0 0;}
.leftimage {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.rightimage {
	float: right;
	margin-right: 8px;
	margin-bottom: 8px;
}
.clearfloat {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
}
#header-page {
	color: #FFF;
	background-color: #0e2d63;
	text-align: center;
}
#top-links {
/*	margin-left: 175px; */
	font-weight: bold;
	text-align: right;
	padding: 2px 2px;
	color: #FFF;
	background-color: #0e2d63;
	border-style: inset;
	border-color: #aac7ce;
	border-width: 2px;
}
#top-links form {
	color: #FFF;
	font-size: 10pt;
}
#top-links a {
	color: #FFF;
	font-size: 10pt;
	font-family: verdana;
}
#top-links a:hover {
	color: #0e2d63;
	background-color: Silver;
}
.whatsnew {
	color: yellow!important;
}
.whatsnew a:hover {
	color: navy!important;
	background-color: white!important;
}
#footer {
/*	margin-left: 175px; */
	padding: 0px 1.0em;
	color: #FFF;
	background-color: #0e2d63;
	border-style: inset;
	border-color: #aac7ce;
	border-width: 2px;
}
h1, ul, ol, dl {
	margin-top: 0px;
	font-family: verdana;
}
.reports {
	padding-left: 2.0em;
	padding-right: 2.0em;
	font-size: 12pt;
	padding-bottom: 1px;
}
.missionUL {
	padding-left: 2.0em;
	font-size: 12pt;
	line-height: 1.5em;
}
hr {
	margin-bottom: 0px;
}
#sidebar {
	float: left;
	width: 150px;
	background-color: #aac7ce;
}
#sidebar p, #footer p {
	margin-left: 20px;
}
#header-page p {
	font-size: 18pt;
	font-family: verdana;
	padding: 4px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer p {
	font-size: 8pt;
	font-family: verdana;
	padding: 4px 0px;
}
#footer a {
	font-size: 8pt;
	font-family: verdana;
	color: white;
}
/*
#sems dl, dt, a {
	font-size: 10pt;
	font-family: verdana;
	padding: 4px 0px;
}
*/
#container {
/*	background-image: url('../images/paper.gif');
	background-repeat: repeat-y; */
	background: #fff; 
/*	background-color: rgb(220,221,217); */
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#mainContent {
	margin-left: 10px;
	margin-right: 10px;
	background: #fff;
}
.mission_header {
	font-size: 12pt;
	font-family: verdana;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: #000;
	background-color: #fff;
	letter-spacing: 2px; 
/*	background-image: url('../images/blue_round_left2.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px; */
}
#mission {
	border-style: solid;
	border-width: 2px;
	border-color: #369;
	width: 925px; 
	font-size: 13pt;
	padding: 6px;
	margin-top: 2px;
	margin-right: 10px;
/*	margin-right: 1.0em; */
	color: #000;
	background-color: rgb(95%,95%,80%);
	text-align: center;
}
#old_mission {
/*	margin-left: 175px; */
	float: left;
	position: relative;
	border-style: solid;
	border-width: 2px;
	border-color: #369;
	width: 935px; 
	font-size: 13pt;
	padding: 6px;
	margin-top: 2px;
	margin-right: 10px;
/*	margin-right: 1.0em; */
	color: #000;
	background-color: rgb(95%,95%,80%);
	text-align: center;
}
#programs {
/*	margin-left: 175px; */
	float: left;
	width: 485px;
/*	position: relative; */
	background-color: #fff;
	border-right: 2px solid #369;
	border-color: #369;
	font-size: 9pt;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}
#left-column-svc {
/*	margin-left: 175px; */
	float: left;
	width: 450px;
/*	position: relative;
	background-color: #fff;
	border-right: 2px solid #369;
	border-color: #369; */
	font-size: 9pt;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}
#left-column-sub {
/*	margin-left: 175px; */
	float: left;
	width: 550px;
/*	position: relative;
	background-color: #fff;
	border-right: 2px solid #369;
	border-color: #369; */
	font-size: 9pt;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}
#left-column-idx {
/*	margin-left: 175px; */
	float: left;
	width: 550px;
/*	position: relative;
	background-color: #fff;
	border-right: 2px solid #369;
	border-color: #369; */
	font-size: 9pt;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}
#left-column-idx ul {
	margin-left: 0px;
	padding: 0px;
}
#programs ul, #right-column-idx ul, #left-column-sub ul {
	margin-left: 15px;
	padding: 0px;
}
#programs li, #programs-idx li, #right-column-idx li, left-column-sub li {
	font-size: 8pt;
	font-family: verdana;
	padding-bottom: 1px;
}

#anouncements {
/*	margin-left: 175px; */
	float: left;
	width: 550px;
/*	position: relative; */
	border-color: #369;
	font-size: 8pt;
	padding-left: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}

#_left-column-idx {
/*	margin-left: 175px; */
	float: left;
	width: 450px;
/*	position: relative;
	background-color: #fff;
	border-right: 2px solid #369;
	border-color: #369; */
	font-size: 9pt;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0.5em;
	margin-right: 1.0em;
	text-align: left;
}

#right-column-idx {
	float: left;
	width: 350px;
/*	background-image: url('../images/paper.gif');
	background-color: rgb(220,221,217); */
	background-color: #fff;
}

#right-column-svc {
	float: left;
	width: 450px;
	font-size: 9pt;
	margin-top: 0.5em;
	margin-left: 1.5em;
/*	background-image: url('../images/paper.gif');
	background-color: rgb(220,221,217); */
}

#right-column-sub {
	float: left;
	width: 350px;
/*	background-image: url('../images/paper.gif');
	background-color: rgb(220,221,217); */
	background-color: #fff;
}

#news {
	float: left;
	width: 325px;
/*	margin-left: 455px; 
	border-style: solid;
	border-width: 2px;
	border-color: #369;
	border-left: 2px solid #369;
	font-size: 8pt; */
	padding: 4px 4px 4px 0px;
	margin-left: 20px;
	color: #000;
	text-align: left;
}

#news p {
	font-size: 7pt;
	font-family: verdana;
	padding: 0px;
}
/* IndividuL Styles */
.projects {
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	background-color: #FFF; 
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
	border-style: solid none none solid;
	border-color: #369;
	border-width: 3px;
}
.project-tabs {
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	background-color: #FFF; 
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
/*	border-style: solid none none solid;
	border-color: #369;
	border-width: 3px; */
}
.seminars { 
	font-family: verdana,arial,sans-serif; 
	font-size: 8pt; 
	background-color: #FFF;
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 1px; */
}
.seminars_idx { 
	font-family: verdana,arial,sans-serif; 
	font-size: 8pt; 
	background-color: #FFF;
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 1px; 
}
.bulletins { 
	font-family: verdana,arial,sans-serif; 
	font-size: 8pt; 
	background-color: #FFF;
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 1px;
}
.workshops { 
	font-family: verdana,arial,sans-serif; 
	font-size: 8pt; 
	background-color: #FFF;
/*	background: rgb(95%,95%,80%); */
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 1px;
}
.news-articles { 
	font-family: verdana,arial,sans-serif; 
	font-size: 8pt; 
	background: #ccffff;
	margin-top: 1px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 3px;
}
.news-articles2 {
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	font-weight: 500;
	background: White;
	margin-top: 1px;
	padding: 0px 6px;
	border-style: outset;
	border-color: #369;
	border-width: 1px;
}
.front-page-news { 
	font-family: verdana,arial,sans-serif; 
	font-size: 9pt; 
	background: #ffffff;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 6px 6px;
	border-style: outset;
	border-color: #000000;
	border-width: 2px;
}

.mainI { font-family: verdana,arial,sans-serif; font-size: 8pt;}
dt { padding-bottom: 1.0em; font-family: verdana,arial,sans-serif; font-size: 8pt;}
dt.mainI { padding-bottom: 0px; font-family: verdana,arial,sans-serif; font-size: 8pt;}
dt.sems { padding-bottom: 8px; font-family: verdana,arial,sans-serif; font-size: 10pt;}
dt.ecm { padding-bottom: 8px; font-family: verdana,arial,sans-serif; font-size: 11pt;}
dl.sems { padding-bottom: 0px; font-family: verdana,arial,sans-serif; font-size: 10pt;}
.rpts {font-family: verdana, arial; font-size: 10pt; color: black; }
.ecm {font-family: verdana, arial; font-size: 10pt; color: black; }
p.ecm {font-family: verdana, arial; font-size: 11pt; color: black; }
ul.ecm, ol.ecm {	margin-bottom: 0pt;  margin-top: 0pt; }
li.ecm { padding-bottom: 8px; font-family: verdana,arial,sans-serif; font-size: 11pt;}
.notalink {text-decoration: none; color: black; }
.notalink:hover {text-decoration: underline; color: navy; }
.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; }

.old_mission_header {
	font-size: 14pt;
	font-family: verdana;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: #fff;
	background-color: #369;
	letter-spacing: 2px; 
/*	background-image: url('../images/blue_round_left2.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px; */
}

.shadow1{
	box-shadow: 5px 5px #818181;
	-webkit-box-shadow: 5px 5px #818181;
	-moz-box-shadow: 5px 5px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}

/*	Default box is left-align, plain, no title required */
.box{background:#fff;border:1px solid #ddd;margin:10px 10px 10px 0;padding:0 0 5px;font-size:0.9167em;width:50%; -moz-border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
/*	Overrides the green and centered text;sets the gray headline background for basic boxes */
.box h4{background-color:#369;color:#fff;text-align:left;}

/* Sidebar boxes with links */
.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 */
}

/* styles for table rows on membership list page */
.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; }
/* 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: 11pt;
		line-height: 1.5em;
		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;}

/* for heading bar on home and program pages with curved box end */
/*
.idx_header {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	margin: 0px;
	color: #fff;
	background-color: #0e2d63;
	letter-spacing:1px;
	background-image: url(../images/blue_round_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
}
*/
.idx_header_top {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	margin: 0px;
	color: #fff;
	background-color: #0e2d63;
	letter-spacing:1px;
/*	height: 65px; */
	width:523px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
	padding-left: 25px;
}
.idx_header_bottom {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	margin: 0px;
	color: #fff;
	background-color: #0e2d63;
	letter-spacing:1px;
/*	height: 65px; */
	width:525px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-left-radius: 50px;
	padding-left: 25px;
}
.idx_header_right {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	margin: 0px;
	color: #fff;
	background-color: #0e2d63;
	letter-spacing:1px;
/*	height: 65px; */
	width:300px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
	padding-left: 25px;
}

h4.text {
	margin:0px !important;
	font-size:14pt !important;
}
h3.text {
	margin:0px !important;
	font-size:13pt !important;
}
h3.bod { font-size: 24pt; margin-top: 1.0em; margin-bottom: 0px; }
h4.bod { font-size: 14pt; margin-top: 0px; margin-bottom: 0px; }
p.bod {font-family: verdana, arial; font-size: 12pt; color: black; }
p.gwp {font-family: verdana, arial; font-size: 11pt; color: black; }
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; }

