/* CSS Document */
/*COLORS:

body background: #F8F0E2;
a link: color:#005294;
a link hover background: #5E81B6;
a link visited: color:#860037;
h1 maroon: color:#860037;
h2 orange: color:#F25C2B;
*/

body { 
margin:0;
background-color:#F8F0E2;
}

body,p,td { 
font-family:Georgia, serif;
font-size:13px;
line-height:17px;
}

p	{ 
margin:0 0 1em 0;
}

a:link	{ 
text-decoration:none;
color:#0000FF;
color:#005294;
}

a:visited	{ 
text-decoration:none;
color:#860037;
}

a:hover	{
text-decoration:none;
color:#FFFFFF;
background-color:#5E81B6;
}
a:active	{
text-decoration:none;
color:#FFFFFF;
background-color:#005294;
}

hr { 
border: 0;
height: 1px;
color:#000000;
background-color:#000000;
margin: 10px 0 10px 0;
}

h1, .head1 {  
font-family:Arial, sans-serif;
font-size:16px;
font-weight:bold;
color:#860037;	
background-image:url(/images/head1bullet.gif);
background-repeat:no-repeat;
padding-left:20px;
margin:10px 0 26px 0;
text-transform:uppercase;
letter-spacing:3px;
}

h1 .h1Plain { 
font-weight:normal;
color:#000000;
}

h2, .head2 { 
color:#F25C2B;
font-weight:bold;
font-size:15px;
margin: 1em 0 .5em 0;
}

h3, .head3		{ 
color:#860037;
font-size:15px;
font-weight:bold;
margin: 1.5em 0 .3em 0;
}

h4, .head4	{ 
font-weight:bold;
font-size:13px;
margin: 1em 0 .3em 0;
color:#000000;
}

ul	{
margin:0 0 1em 0;
padding:0;
list-style-type:none;
}

ul li {
background-image:url(/images/textbullet.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:14px;
margin:0 0 .2em 1.5em;
}
ol	{
margin:0 0 1.5em 0; 
padding:0 0 0 1.4em;
}
tr { 
background-color:#FFFFFF;
}
td { 
vertical-align:top;
background-color:#FFFFFF;
}
.headcell { 
padding:2px 14px 12px 15px;
}
.textcell  { 
padding:16px 10px 0 0;
}

#nav {
width:691px;  
/*height:170px;*/ /*needs to be tall enough to include subnav, so page doesn't pop up and down*/
margin:0;
padding:0;
overflow:visible;
/*border-bottom:1px solid #666666; when overflow is visible, this ends up in the middle of the menu */
padding-bottom: 2px;
padding-top:10px;
}
#nav img {
margin:0;
padding:0;
border:none;
}

#menu {

width: 100%;
/*
height: 1em;
*/
overflow: visible;
margin-bottom: 5px;
/*border-bottom:1px solid #666666; don't know how to make this show up */

}

#menu ul {
position:relative;   /* make the subnav's absolute positioning relative to the right thing! */
float:left; /*need to float ul as well as li in order to get background color to apply!*/
list-style-type:none;
margin:0;
width:100%; /*must declare width to get background color to fill whole width */
background-color: #003366;  /*background color here does NOTHING if ul is not floated!*/
padding:0px;
z-index: 100;
}

/*BASIC LIST CHARACTERISTICS*/
#menu li.m1 { /*float the main list items*/
float: left;
margin:0;
padding: 1px 0px 0px 0px;
background-image:none;  /*this has to go with the "li," not the "ul"*/
text-align: center;
}

/*ALL LINKS*/
#menu li a {

display: block;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
font-weight: bold;
background-color: #003366;
padding:5px 5px 5px 5px;
text-decoration:none;
}

/*CURRENT PAGE Marker: change appearance of link for whatever page you're currently on*/
/*#nav li.currentPg a {
color: #F25C2B;
background-color: #F8F0E2;
}*/

/*governs main items when they are hovered;*/
#menu li a:hover, #menu li.currentPg a:hover, #nav li:hover a
{
background-color: white;
color: #003366;
}

/*SUBNAV CHARACTERISTICS*/
#menu div.m2 { /*hide the subnav, set basic appearance*/
display: none;
position: absolute;
top: 27px;  
background-color: #F8F0E2;
overflow:hidden;
padding: 2px;
border: thin solid #003366;
clear: both; /*fixes Safari 2 bug*/
}

#menu div.m2 div {
float: left;
background-color: #F8F0E2;
}

#menu ul.m2 {
float:left; 
list-style-type:none;
background-color: #F8F0E2;  /*background color here does NOTHING if ul is not floated!*/
padding:0px;
padding-left: 2px;
}

#menu li.m2 {
float: none;
text-align: left;
padding: 5px 2px 2px 5px;
border: none;
background-image:none;
line-height: 100%;
}

#menu p.submenutitle {
padding: 0 2px 0 2px;
text-align: left;
border-bottom: medium solid #003366;
}

/*ALL SUBNAV LINKS*/
#menu li.m2 a  {
color: #003366; 
background-color: #F8F0E2;
float: none;
padding: 0px; 
}

/*DISPLAY SUBNAV when parent list item is HOVERED, the 'hovering' class is used by the jscript*/
#menu li:hover div.m2, #menu li.hovering div.m2 {             
display: block;
z-index: 6000;
}

#menu li.currentPg a:hover div.m2 a, #nav li:hover div.m2 a {
background-color: #F8F0E2; /*overrides the hover styles set for main menu items*/
}

/* hover over submenu links */
#menu li.m2 a:hover, #menu li.m2:hover a {
color: #F25C2B;
background-color: #F8F0E2; /*repeated here for IE6 */
}

.spec {                   /*to style list of specialties in resource org listing*/
	font-style: italic;
	margin-bottom:.5em;
}
#searchbox {
float:left;
}
#loginbox {
float:right;
}
#loginbox a, #searchbox label {
text-decoration:none;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding-right:15px;
}
#loginbox a:hover {
background:white;
text-decoration:underline;
}
#loginbox form {
float:right;
}
.checkpassword {
height:15px;
width:150px;
border:1px solid #000000; 
margin-bottom:4px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px;
position:relative;
/*top:-5px;*/
}

/*variation on h2 style for use as header for "Agencies & Orgs" sections -- see main.php*/
/*.ao  { 
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0;
}
.aosub {
margin-top:0;
text-indent:2em;
font-family:Arial, Helvetica, sans-serif;
}*/


.topicsList {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:175px;
}

#topList {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:100%;
}
#topList ul {
	float:left;
	/*width:500px;*/
/*margin-left:25px;*/
margin:0;
padding:0;
}
#topList li {
float:left;
/*width:230px;*/
margin:0; padding:0;
padding-left:10px;
}

/*Not for main "topics" page but for ... can't think right now...*/
#topicsDiv {
	float:right;
	padding:5px;
	width:165px;
	margin:0 5px 5px 10px;
	background-color:#F8F0E2;
	border-top: solid 1px #CCCCCC;
}
#topicsDiv .sel {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	margin: 0;
	margin-bottom:5px;
	color:#003399;
}
#topicsDiv .sel-a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
	margin: 0;
	margin-bottom:5px;
	color:#003399;
}
#topicsDiv p {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
#topicsDiv strong {
color:#860037;
}
#topicsDiv h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:3px;
}

#topicsDiv ul {
margin-bottom:5px;
margin-left:15px;
padding:0;
}
#footer {
/*background-image:url(/images/bg.footer.gif);*/
vertical-align:middle;
background-color: #FFCC66;
}

#footer p { 
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
margin:0;
padding:6px 0 6px 0;
}

#mainText {
width:520px;
float:left;
padding-right: 10px;
z-index:0;
clear:both;
}
/*styles specifically for home page*/
.homeMain {
	width:367px;
/*	background-image:url(/images/placeholder-home.03.gif);  ------this is the second half of the "project interface" graphic header*/
/*	background-repeat:no-repeat;*/
/*	background-position: 20px 40px;*/
/*	margin-top:50px;*/
	padding:0px 18px 0 21px;
}
.quote {
	margin-top:90px;
	font-size:85%;
	line-height:200%;
	font-style:italic;
	letter-spacing: 1.5px;
}
#homeMap {
background-image:url(/images/massmapEast.jpg);
background-position:30px 15px;
background-repeat:no-repeat;
height: 170px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color:#000000;
}
#homeMap ul {
float:right;
padding: 40px 70px 0 10px;
margin:0;
}

/*style for "locations" page*/
#locationMap {
	background-image:url(/images/massmap.jpg);
	background-position:150px 10px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000000;
/*	height:300px;*/
}
#locationMap ul  {
padding: 30px 20px 0 30px;
margin:0;
}
#locationMap p {
font-weight:normal;
font-size:13px;
line-height:17px;
font-family:Georgia, "Times New Roman", Times, serif;
}

/*sidebar styles, reg pages plus home page -- home page sidebar = "homenews" */
#homenews  { 
border-left:1px dashed #999999;
padding:6px 0 10px 6px;
margin-top:6px;
margin-left:6px;
width:164px;
}

#sideDiv  { 
width:155px;
float:left;
border-left:1px dashed #999999;
padding-left: 5px;
padding-top: 5px;
margin-top:10px;
}


#sideDiv p, #homenews p, #homenews td {
margin:0 0 .5em 0px;
font-family: Arial, Helvetica, sans-serif;
line-height:125%;
font-size:11px;
}
#sideDiv h1, #homenews h1 {
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#F25C2B;
font-weight:bold;
font-size:11px;
background-image:none;  /*needed to override square bullet image used in main h1 style*/
text-align:center;
margin-top:0;
margin-bottom:5px;
letter-spacing: 1px;
padding-left:0;
margin-left:0;
}

#sideDiv h2, #homenews h2 { 
/*text-transform:uppercase;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#860037;*/
font-size:11px;
margin-bottom:5px;
letter-spacing:normal;
padding-left:0;
margin-left:0;
}
#sideDiv ul, #homenews ul {
margin:0 0 .5em 0;
padding:0;
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:normal;
list-style-type:none;
}

#sideDiv ul li {
background-image:url(/images/textbulletsmall.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:10px;
margin-bottom:4px;
}
#sideDiv a:link, #sideDiv a:visited, #homenews a:link, #homenews a:visited { 
color:#860037;
font-weight:bold;
}
#sideDiv a:hover, #homenews a:hover { 
text-decoration:underline;
background-color:white;  /*needed to remove blue background in main styles*/
}
#sideDiv hr, #homenews hr {
margin:5px; 
padding:0;
}
#sideDiv hr {
/*width:85%;*/
color:gray;
text-align:center;
}

#sideDiv.margolies {
/*width:160px;
padding-left: 10px;
margin-top:15px;*/
background-color: #F8F0E2;
padding-top:10px;
}

#eventsSidebar {
float:left;
width:190px;
border-left:1px dashed #999999;
padding-left: 5px;
margin-top:10px;
}

#eventsSidebar td p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
font-style:italic;
}
#eventsSidebar td label{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #860037;
font-weight:bold;
}
/*   class .crisisTab governs new sidebar styling; div #crisis, below, only for older and/or front page ??*/
a.crisisTab {
background-color:#CC0000; 
text-align:center;
border:3px black solid; 
color:white;
display:block;
padding:3px;
}
a.crisisTab:hover {  /*This IS the right syntax -- the border works... but the text styling isn't! */
color:black;
border:3px #CC0000 solid; 
background-color:#CC0000; 
}

#crisis {
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#E11F27;
	margin:7px 25px;
	border:2px solid black;
	text-align:center;
}
#crisis a:link, #crisis a:visited {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding:3px;
	text-align:center;
	background:none;
}
#crisis a:hover {
color:#000000;
}
.click {
font-size: 11px;
color:#FFFF00;
padding-bottom:15px;
line-height:110%;
}
/*DELETE all "crisis7" styles FOLLOWING ONCE NEW SIDEBAR IS IN PLACE*/
#crisis7 {
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#E11F27;
	margin:7px 25px;
	border:2px solid black;
}
#crisis7 a:link, #crisis7 a:visited {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding:3px;
	text-align:center;
	background:none;
}
#crisis7 a:hover {
color:#000000;
}
/*.click7 {
font-size: 10px;
color:#FFFF00;
line-height:110%;
}*/


/*               not yet vetted           	*/
#breadcrumbs {
margin:2em 0 0 1.5em;
padding:0;
}
#breadcrumbs ul	{ 
font-family:/*Verdana,*/ Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
margin:0;
padding:0;
/*border-bottom:1px solid #000000;*/
background-image:none;
}
#breadcrumbs ul li { 	/*  is _display: inline_, so top/bottom margins, padding have no effect*/
display:inline ;
padding:0;
margin:0;
background-image:none;
/*			
background-color:#D6E0F5;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-right:1px solid #000000;
*/
}
#breadcrumbs ul li.hilite { 	
background-color:#006699;
color:#FFFFFF;
}

#breadcrumbs a:link	{ 
text-decoration:none;
color:#0000AA;
}

#breadcrumbs a:visited	{ 
text-decoration:none;
color:#0000AA;
}

#breadcrumbs a:hover	{
text-decoration:none;
color:#FFFFFF;
background-color:#5E81B6;
}

#breadcrumbs a:active	{
text-decoration:none;
color:#FFFFFF;
background-color:#005294;
}

#psbreadcrumbs ul	{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	margin:0 0 2px 0;
	padding:0 0 1px 0;
	border-bottom:2px solid #9999FF;
	background-image:none;
	}

#psbreadcrumbs ul li { 	display:inline ;
	padding: 3px 10px 3px 10px;
	background-image:none;
	background-color:#D6E0F5;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	}
#psbreadcrumbs ul li.hilite { 	background-color:#006699;
	color:#FFFFFF;
	}

#psbreadcrumbs a:link	{ text-decoration:none;
	color:#0000AA;
	}
#psbreadcrumbs a:visited	{ text-decoration:none;
	color:#0000AA;
	}
#psbreadcrumbs a:hover	{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#5E81B6;
	}
#psbreadcrumbs a:active	{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#005294;
	}

.noSpaceBelow	{ margin-bottom:0;
}

.noSpaceAbove	{ margin-top:0;
}

.searchlist { 
font-weight:bold;
font-size:11px;
color:#F25C2B;
}
.photoLeft  { float:left;
margin:0 14px 8px 0;
position:relative;
top:3px;
}
.photoRight { float:right;
margin:0 0 8px 14px;
position:relative;
top:3px;
}
.textHang	{ margin-bottom:.25em;
margin-left:1.5em;
text-indent:-1.5em;
}
.smallSpaceBelow	{ 
margin-bottom:3px;
}
.closewindow	{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-align:center;
margin-top:40px;
}

.searcherror { 
font-weight:bold;
color:#CC0000;
}
.searchhilite { 
color:#000000;
background-color:#CCEEFF;
}
.backToTop	{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
}
.questions {
background-color: #FFFF33;
}
.smallflushleft {
text-align: left;
}
.backlink	{ float:right;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}
.backlink a { padding:2px;
}
.aligncellstop	td { vertical-align:top;
}
.textSmaller	{ font-size:10px;
}
.spacedList li { margin-bottom:6px;
}
.formtable td { padding:2px 6px 2px 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#D6E0F5;
border-bottom:1px solid #FFFFFF;
vertical-align:middle;
}
.formtable p { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
input.formstyle	{ border:1px solid #4444AA;
}

input, select	{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
tr.tableheader td { background-color:#006699;
color:#FFFFFF;
text-align:left;
font-weight:bold;
font-size:11px;
}
tr.tablesubheader td { background-color:#97c1cb;
color:#000000;
text-align:left;
font-weight:normal;
font-size:12px;
}
.tableLabel	{ font-weight:bold;
font-size:9px;
}
.query { font-weight:bold;
color:#CC0000;
}
.searchform {
height:15px;
width:130px;
border: 1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
.textIndent {
	text-indent: 2em;
}
.disclaimer {
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px 14px 12px 15px;
}
h4.clickable a{ /* used in "main.php" to make books and pubs area below ROs look clickable*/
color:#F25C2B;
text-decoration:underline;
}

/*for javascript image swap effects - from http://www.brothercake.com/site/resources/scripts/transitions/ */

/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
/* end for javascript image swap effects*/

table.publications {
width:100%
}
table.publications td {
padding-bottom:15px;
}

.faintBorderBottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

/*for sitemap topics display*/

#topicsC1,
#topicsC2 {
float:left;
width:49%;
}

#newDiv a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#newDiv .head2 {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline;
}