/* CSS Document */
body{ font-size:69.5%; color:#000000; line-height: 1.8em;}
body b{color:red; font-size:1em;}
body i{color:#ffffff; font-weight:bold;}
html {
scrollbar-base-color: #E7F084;
scrollbar-arrow-color: white;
scrollbar-track-color: #F1F6BA;

scrollbar-shadow-color: #BACA05;
scrollbar-lightshadow-color: #BACA05;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: #BACA05;
}
/* Bullet styles*/
.bulletwhatsnew {list-style-image: url(/Include/Images/itemstarter2.gif); }
.bulletarticle {list-style-image: url(/Include/Images/itemstarter.gif); }
.bulletdisclaimer {list-style-image: url(/Include/Images/bullet-disclaimer.gif); }
.bulletcontact {list-style-image: url(/Include/Images/contact-bullet.gif);}
.pdf {list-style-image: url(/Include/Images/pdf-bullet.jpg);}
.bulletaffil {list-style-image: url(/Include/Images/affil-bullet.jpg);font-weight: bold; }
.bullettwiw {list-style-image: url(/Include/Images/twiw-bullet.jpg);}
.directory {list-style-image: url(/Include/Images/directory-bullet.jpg); }

/* Classes are assigned here */

/* Start of FORM styling */

label { width: 5em; float: left; text-align: right; margin-right: 0.5em; display: block;}

input {color: #781351; background: #fee3ad; border: 1px solid #781351;} 

.submit input { font-weight: bold; color: #000; background: #ffa20f; border: 2px outset #d7b9c9;}

INPUT, SELECT { font-size:1em }

.optiondrop { margin-left: 4.5em; background-color: #A6CAF0; color: #1D1D62; font-size: 1em; }

TEXTAREA { margin-left: 1em; background-color: #A6CAF0; border: #D40000 2px dotted; color: #1D1D62; font-size: 1.2em; font-weight: none; scrollbar-base-color: #D40000;}

.formbutton{ border:0; background:#1D1D62; color:#A6CAF0; font-weight:bold; cursor: pointer;}

/* form styling end  */

.calendardate {font-weight: bold; color: #ffffff;}

.dater { /* date & author */
	color : #99ccFF;
	float:left;
	line-height:3em;
	margin:1.5em 0 5px 10px;
	padding-right:5px;
	font-size:.8em;
	text-align:center;
	position:relative;
	left:0;
}

.dater_day {
	display:block;
	font-size:3.4em;
	text-align:right;
}

.dater_month {
	display:block;
	font-size:3.4em;
	text-align:right;
	font-weight:bold;
}

.dater_year {
	display:block;
	font-size:1.4em;
	line-height:.9em;
}

.date {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #D40000;}

.dateintitle {font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #D40000;}
#content .bulletdisclaimer {padding: 1em; line-height:2em;}
#content .contactli {padding: 3em; margin: 1em;}
#content .contactli a {font: bold 1em Verdana, sans-serif;  text-transform: uppercase; letter-spacing: 2px;   margin-left: 0.25em;}
#content .ishinfo, #content .title, #content .byline {text-align: center;}
#content .p {line-height: 1.8em;}
#content .item, #content #ishintro, #ishoutro {border-top: 1px dashed #999; padding: 1.5em 1em 0.5em; margin-top: 0.75em;}
#content .bodyitem {padding: 1.5em 1em 0.5em; margin-top: 0.75em;}
#content #ishintro, #content #ishoutro {padding: 1em 1em 1px; font: bold 1.5em Georgia, serif;}
#content .byline {padding: 0 0 1em; margin: 0 0 1.25em; text-align: center;  background: url(/Include/Images/byline-separator.gif) 50% 100% no-repeat;}
#content .byline a {font: bold 0.85em Verdana, sans-serif;  text-transform: uppercase; letter-spacing: 2px;   margin-left: 0.25em;}
#content .title {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em;}
#content .title {font-size: 1.8em; text-align: center;}
#content .titlered{font: 2.5em Georgia, Times, serif; margin-bottom: 0.5em; margin-right: 0.2em; color: #FF0000; }
#content .red{font: 1em Georgia, Times, serif; margin-left: 0.2em; color: #FF0000; }
#content .BOX{border: 1px dotted #781351; padding:5px; background: #fee3ad; color: #781351;}
#content .BOX a {color: #781351;font-weight:bold;}
#content .article{border: 0px dotted #781351; padding:5px; background: #E7F084; color: #1D1D62;}
#content .article a {color: #1D1D62;font-weight:bold;}
/********NewsBox*********/
#content .whatsnew{border: 0px dotted #781351; padding:5px; background-image: url(/Include/Images/whatsnewback.gif); background-repeat: repeat; background-position: 0% 0%; color: #fff;}
#content .whatsnew a {color: #1D1D62;font-weight:bold;}
#content .whatsnew h4 {color: #fff; font-family:Verdana; font-size:28px;}
/*****************/
#content .item, #content #ishintro, #ishoutro {border-top: 1px dashed #999; padding: 1.5em 1em 0.5em; margin-top: 0.75em;}
#content .sitetooltitle {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em; color: #FF0000;border-bottom: 1px solid #fff;}
#content .youthtitle {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em; color: #1D1D62;border-bottom: 1px solid #fff;}
#content .datertitle {font: 1.4em Georgia, Times, serif; margin-bottom: 0.5em; color: #1D1D62;border-bottom: 1px solid #fff;}
.title {text-transform: none; letter-spacing: 1px;}
.title a:link, .title a:visited {color: #A6CAF0;}
.title a:hover {color: #000; background-color: #F4F2E4;  border-bottom: 1px solid #9A8E51;}
/*Styling the Announcements*/
#leftnav .main { font-size:1em; font-weight:bold; color: #1D1D62; border-bottom: 2px solid red;}
#leftnav p { font-size:0.8em;}
/*Controls the links in the whole document*/
a:link {color: #DE030C; text-decoration: none;}
a:visited {text-decoration: none; color: #DE030C;}
a:hover {text-decoration: underline; color: #FF0000;}
a:active {text-decoration: none; color: #094E23;}

/* Controls the links in the footer */
#footer a:link {text-decoration: none; color: #D4DD71;}
#footer a:visited {text-decoration: none; color: #FFFF00;}
#footer a:hover {text-decoration: overline ; color: red;}
#footer a:active {text-decoration: none; color: #FFFF00;}

/* Controls the links in subnavigations */
#subnav { font-size:1em ;font-weight: bold; margin: 10px; padding: .5em; color: red; background-color: #A6CAF0; border: 1px solid red;}
#subnav a:link {text-decoration: none; color: #1D1D62;}
#subnav a:visited {text-decoration: none; color: #1D1D62;}
#subnav a:hover {text-decoration: overline ; color: red;}
#subnav a:active {text-decoration: none; color: #1D1D62;}



hr{border: thin dashed #3C3C7C;}

ff {border-top: 1px dashed #fff; background-color: #1D1D62; margin:'1em' '0' '1em' '0'}

h1,h2,h3,h4,h5,h6 {color: #1D1D62;}
H1 {font-size:1.4em}  /* displayed at 24px */
H2 {font-size:1.3em}  /* displayed at 21px */
H3 {font-size:1.2em}  /* displayed at 18px */
H4 {font-size:1.1em}  /* displayed at 15px */
H5 {font-size:1.00em}  /* displayed at 12px */
H6 {font-size:0.75em}  /* displayed at 9px */

/* --------[stylizations and boxes ] -------------------------------------*/
.image {padding: 10px 10px 10px 10px; }
.imgholder {float:left; background: url(/Include/Images/dropshadow.png) repeat bottom right !important; background: url(/Include/Images/dropshadow.gif) repeat bottom right; margin: 10px 7px 0 10px !important; margin: 10px 0 0 5 px;}
.imgholder img { display:block; position:relative; background-color:#fff; border: 1px solid #585; margin: -3px 5px 5px -3px; padding: 3px;}
.imgbrd { display:block; position:relative; background-color:#fff; border: 1px solid #585; margin: -3px 5px 5px -3px; padding: 3px;}
.alertbrd { display:block; position:relative; background-color:#ffffff; border: 1px dashed white; margin: -3px 5px 5px -3px; padding: 1px;}
.lftbrd { display:block; position:relative; background-color:white; border: 1px dashed white; margin: -3px 5px 5px -3px; padding: 1px;}
.important {padding: 0px 10px 10px 20px; border: #1D1D62 1px dashed; } *>.important {background: none; -moz-border-radius: 4px; }
.important a {color:#FF0000; font-weight:bold;} *>.important a {color:#FF0000; }
.important legend {padding: 5px; background: #A6CAF0; border: #A6CAF0 1px dashed; color: #1D1D62; font: bold 1em Verdana,Arial,Helvetica; -moz-border-radius: 4px; }
.callattention {padding: 20px 10px 10px 20px; background:black; border: #ffffff 1px dashed; font: bold 1em Verdana,Arial,Helvetica;} *>.callattention {background:black; -moz-border-radius: 20px;}
.jobattention {padding: 20px 10px 10px 20px; background:white; border: red 1px dashed; color: #1D1D62;} *>.jobattention {background:white; -moz-border-radius: 20px;}
.jobattention h4{color: #1D1D62;}
.jobattention A{color: red; font-weight:bold;}
.jobattention b{color: red;}
.featured {padding: 10px; border: 4px dotted #090; background: #660000; color: #fff;} .featured p {margin: 3px 0; } *>.featured {border-width: 1px; }
.staffers {padding: 10px; border: 2px dotted #090; background: #1D1D62; color: #fff;} .featured p {margin: 3px 0; } *>.staffers {border-width: 1px; }
.biofeature{line-height: 1.5em; padding: 10px; border: 2px dotted #fff; background: #A6CAF0; color: #1D1D62;} .biofeature p {margin: 3px 0; } *>.biofeature {border-width: 2px; }
.box {border: dotted #fff; border-width: 1px 0; padding: 3px 0px; color:#1D1D62 ; font-weight:normal; background-color:#1D1D62 ; line-height:200%;}
.box a:link, a:visited, a:active, a:hover {color:#1D1D62 ; font-weight:normal;}
/* ------------------[ rounded box css ]----------------------------------------------------*/
.rbroundbox { background: url(/Include/Images/nt.gif) repeat; }
.rbtop div { background: url(/Include/Images/tl.gif) no-repeat top left; }
.rbtop { background: url(/Include/Images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/Include/Images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/Include/Images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 95%; margin: 1em auto; }
/* ------------------[ rounded box css ]----------------------------------------------------*/

/*CSS FOR TABULAR DATA*/
td, th {font:bold 1em Verdana, Helvetica, sans-serif;}
.P{font: 1em Arial, Helvetica, sans-serif;}
.callheader{font: bold 1em Verdana, Helvetica, sans-serif; color:#A6CAF0; letter-spacing: 3px; font-variant: small-caps; }
.datatable {border: 1px solid #A6CAF0; border-collapse: collapse; width: 100%;}
.datatable td {	border: 1px DASHED #A6CAF0;	padding: 10px;}
.datatable th {	border: 1px SOLID #A6CAF0; background-color: #A6CAF0; font-size: 1em;	color: #1D1D62;	font-weight: bold;	text-align: left;	padding: 5px;}
.datatable caption { font: bold 1em Verdana, Helvetica, sans-serif;	color: #A6CAF0;	text-align: RIGHT;	padding-top: 3px;	padding-bottom: 8px;}
.datatable tr.altrow {	background-color: #404083;	color: #ccc;}
.datatable tr {color: #ccc;}
/*-----------------[MEMBER CONTENT]------------------*/
#membercontent .BOX{border: 1px dotted #781351; padding:5px; background: #fee3ad; color: #781351;}