/* main.css */
/**
 File annotated by Kevin Lingerfelt, 11/29/2005
 About 50% of file removed by Will Holcomb 02/2006
 Updated by Pierre Crutchfield 03/09/2010

 This is the main stylesheet for the mpp.org site. It is included on all pages.
 This style is concerned with the colors, borders and margins. position.css
  contains the layout information.
*/

body { 
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background-color: #99ADC2;
	background:url("../images/content/pagebuilder/11819.png") repeat-x scroll left top #99ADC2;
}

P, LI, OL, UL, TABLE, TR, TH, TD, H1, H2, H3, H4, H5, H6 .Explicit {
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited { color:#194775; text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
a:hover { color: ##6685A3; text-decoration:underline; }
a:active { color: #6685A3; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { padding: 0; }
h1 { font-size: 160%; margin: .5em 0 4px; color:#194775; }
h2 { font-size: 125%; margin: 0 0 3px; color:#333; }
h3 { font-size: 105%; margin: 2px 0 10px; font-weight: bold; }
h4 { font-size: 100%; margin: 0 0 6px; }
h5 { font-size: 95%; padding-left: 8px; }
h6 { font-size: 90%; margin: 0 0 2px; color: #333; font-weight: normal; }

p, table p { line-height: 1.2; margin-top: 5px; font-size: 100%; }

ul { margin: 0; padding: 0; }
hr { height: 1px; color: #6685A3; margin: 0 auto 10px; padding: 0; width: 75%; text-align: center; }
dt { font-weight: bold; padding-bottom: .5ex; }
dd { padding-bottom: 1ex; }

#header a { padding: none; }
#headertext { display: none; }

#mainlogin {  
cursor:pointer;
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
font-size:10pt;
}

#header #mainlogin #social-icons a {
display:inline;
margin:0;
padding:0 1px;
border:none;
}

#header #mainlogin #social-icons a:hover{
	background:none;
}

#header #mainlogin #social-icons img {
	top:7px;
	position: relative;
}

#header #mainlogin a{
	border:2px solid #99ADC2;
	color:#FFFFFF;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding:3px 8px;
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-weight:normal;
}

#header #mainlogin a:hover{
	background-color:#7F99B2;
}


#header #website-actions {
font-size:1.4em;
margin-left:750px;
margin-top:78px;
padding:1px 2px;
text-align:right;
}

#header #website-actions .triggerable {
color:#0068B3;
cursor:pointer;
margin-left:10px;
}

#header #website-actions a.login  {
-moz-border-radius:3px 3px 3px 3px;
background-color:#52C319;
border:1px solid #3F3F3F;
color:white;
padding:3px 8px;
}

#header #website-actions a {
margin-left:10px;
}

#header a {
color:#FFF;
text-decoration:none;
}

#topicarea { border: 1px #0C3C6D; border-style: none none solid none; }

.flatlist { list-style: none; }
.flatlist li { float: left; margin: 0; padding: 0; }
.flatlist a { display: block; padding: 6px 11px; border-right: 1px solid; text-decoration: none; font-size: 13px; margin: 0; font-family: Arial, Helvetica, sans-serif;}

#header {background-color:#003366;}
#topicarea { background: #083C6B url('https://secure2.convio.net/mpp/images/content/pagebuilder/10559.png') repeat-x top left; }
#navigation a:hover { background-color: #0C3C6D; color:#FFFFFF; }
#topicarea a { color: white; }
#topicarea a:hover, #topicarea a:active { background-color: #036; color: #B0C4DE; }

#rightcol {}


#body { background-color: white; }
#pressdates a:hover { background-color: #DDD; }
#leftsubcol h2 a, #rightsubcol h2 a
  { color: #FFFFFF; background-color: #335C85; }
#leftsubcol h2 a:hover, #leftsubcol h2 a:active, #rightsubcol h2 a:hover, #rightsubcol h2 a:active
  { background-color: #6685A3; color: #FFF; border-color: #6685A3; }  
#leftsubcol a:hover, #leftsubcol a:active, #rightsubcol a:hover, #rightsubcol a:active
  { color: #6685A3; text-decoration:underline; }
.indexlist a:hover { background-color: #335C85; color:#FFFFFF; }
#content .letters a.NLtitle:hover, #content .action.listing b a:hover, #content .letters a.NLtoc:hover, .featurelisting a:hover
  { color: #6685A3; text-decoration:underline; }
#topicarea a { text-transform: uppercase; font-size: 90%; font-weight: bold; border-color: #69C; }
#pressdates .flatlist { border-left: 1px solid; margin: 0; padding: 0; }
#pressdates a { border: 1px solid; border-style: solid solid solid none; }

#shadowed { border: 1px solid #333; border-style: none solid none solid; }
#navigation { width:140px;}

#navigation a, #navigation h2 { font-weight: bold; padding: 4px 3px 4px 10px; display: block; border-bottom: 1px solid #DEE7ED; font-family: Arial, Helvetica, sans-serif;}
#navigation a { font-size: 90%; color: #333; text-decoration: none; }
#navigation h2.link { padding: 0; }
#navigation h2 { margin-top: 15px; text-transform: uppercase; }
#navigation h2, #navigation h2 a { color: #036; font-size: 100%; }
#navigation a:hover { padding: 3px 3px 4px 10px; border:none; border-top: 1px #333333 solid; border-bottom: 1px #333333 solid; color:#FFFFFF; }

/*Sub Navigation*/

#subnavarea { border: 1px #369; border-style: none none solid none; }

.subnavlist { list-style: none; }
.subnavlist li { float: left; margin: 0; padding: 0; }
.subnavlist a { display: block; padding: 6px 11px; border-right: 1px solid; text-decoration: none; font-size: 13px; margin: 0; font-family: Helvetica Neue, Helvetica, Tahoma, arial, verdana, sans-serif;}

#subnavarea { background-color: #6685A3}
#navigation a:hover { background-color: #CCCC8F; }
#subnavarea a { color: white; }
#subnavarea a:hover, #topicarea a:active { background-color: #036; color: #E6E6CF; }


/* Styles for the main content section of the page. All Web Feature
    content is displayed within the content div tag. Note that all
    links within the content tag, unless otherwise specified, will be
    underlined in all instances, and not just on hover */
a { text-decoration: underline; }
ul { list-style-type: square; color:#4C7094; padding-left: 10px; margin-left: 15px; }
li { padding-bottom: 1ex; line-height: 15px; }

#footer a {color:#FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#footer #copyright { font-family: Arial, Helvetica, sans-serif; font-weight: lighter; }
#footer { font-family: Arial, Helvetica, sans-serif; display: table-row; height: 45px; }
#copyright { font-family: Arial, Helvetica, sans-serif; padding: 14px; }

#footer a { display: block; float: left; margin: 14px 0 14px 0; padding: 0 .5em 0 .5em; text-decoration: none; }
#footer a:hover { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 14px .5em 14px .5em; }


/* Styles for the features in the right-hand column.  The featurelist class wraps a list generated by an inline content
index.  In most cases, each feature is wrapped in a div tag and all of the divs are hidden initially.  A Javascript is used
to select a set number of divs randomly to display. The width of the buttons in the Member Center is set using the last
style in this section. */
#rightcol h2, #rightcol h2 a { color: white; }
#rightcol h2 { font-size: 100%; font-weight: bold; text-transform: uppercase; text-align: center;
               border: 1px solid #335C85; background-color: #335C85;
               padding: 3px 4px; margin: 15px 0 5px; width:80%;}
#rightcol h3 { text-align: center; }
#rightcol h2 a, #rightcol h3 a { text-decoration: none; }
#rightcol h2 a:hover, #rightcol h2 a:active { color: #9CF; }
#rightcol p { color: #000; font-size: 85%; padding: 5px 15px 5px 20px; margin: 0; text-align:left;}
#membercenter {  margin-top: 1em; }
#membercenter ul, #membercenter li { list-style: none; padding: 0; margin: 0; }
#membercenter input { width: 90%; }
#membercenter a { display: block; text-align: right; font-weight: bold; margin-right: 1.5em; text-decoration: none; }

#getlocal p { font-weight: bold }

.captioned img { border: 1px solid #369; max-width: 99%; }
.captioned, .captioned p { display: block; padding: 2px; margin: 2px; }
a:hover .captioned { background-color: #E5E5E5; padding: 1px; border: 1px solid #DADADA; }
#rightcol a:hover .captioned p { color: #012; }

html body #icl_container, html body #icl_container ul, #icl_container li { padding: 0; margin: 0; font-size: inherit; float: none; }
html body #icl_container .icl_subtitle { margin: .5em; font-style: italic; }

#victimlist a:link {text-decoration:none; font-style:normal; font-weight:normal;}
#victimlist a:visited {text-decoration:none; font-style:normal; font-weight:normal;}

#victimslist .image { border: 1px solid #369; border-top-color: white; background-color: white; border-left: none; min-width: 45px; }
#victimslist img { border: 1px solid #369; }
#victimslist p { color: black; text-align: left; border-bottom: 1px solid #DDD; }
#victimslist a:hover p { border-bottom-color: transparent; }
#victimslist a { border-bottom: 1px solid transparent; }
#victimslist h2 { border: 1px solid #369; border-bottom-color: transparent; border-right: none; text-align: center; }
#victimslist a:hover h2, #victimslist a:hover .image { background-color: #DEE7ED; border-top-color: #369; border-bottom-color: inherit; }
#victimslist a:hover .image.empty { background-color: white; border-top-color: white; }
#victimslist a:hover, #victimslist a { text-decoration: none; }
#victimslist a:hover { border-bottom-color: #369; color: black; }
#victimslist .victim:after { content: ''; display: block; clear: both; }
#victimslist .image { float: left; padding: 3px 5px 3px 17px; margin: 0px 5px .25em -7px; min-width: 45px; }
#victimslist img { width: 90px; }
#victimslist p { margin: 0; padding-bottom: .25em; }
#victimslist a { display: block; padding: 0 10px 0 8px; margin: 0 -10px 8px -10px; }
#victimslist h2 { margin: 0 -9px 0 -8px; }

#rightcol #victimlist h2 { background: none; color: black; border: none; margin: 0; }
#rightcol .image { padding: .25em; text-align: center; }
#rightcol img { border: 1px solid #B0C4DE; background: #DEE7ED; padding: .25em; display: block; margin: auto;}

img.victim { float: right; max-width: 40%; margin: -1em 1em 0 .5em; }

#icl_container ul { list-style: none; margin-left: 0; padding-left: 0}

/* These styles are only used for the main featured content on the home page */
#leadstory { padding-bottom: 2px; margin-top: 15px; }
#leadstory a { text-decoration: none; }

#leadstory h1 { font-weight: bold; padding-bottom: 0; margin-bottom: 0; }
#leadstory hr { width: 50%; }

#leadstoryphoto img { float: left; margin: 0 10px 5px 0; border: 1px solid #369; }
.leadstoryinfo { font-size: 90%; padding: 10px 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; line-height: 15px; }
.leadstorytext { padding-bottom: 5px; }
.leadstorytext p { margin-bottom: .25em; line-height: 1.2; margin-right: 5px; }
.leadstorytext h2 { font-size: 110%; font-weight: lighter; padding-bottom: 5px; }
.leadstorytext h6 { text-align: right; }

#subcols { border-top: 1px solid #369; }

#leftsubcol, #rightsubcol { }
#leftsubcol p, #rightsubcol p { padding-bottom: 8px; margin: 0 10px 8px; border-bottom: 1px solid #369; }
#leftsubcol a, #rightsubcol a
   { display: block; text-decoration: none; font-weight: bold; font-size: 115%;
     border: 1px solid transparent; border-style: solid none solid none; }
#leftsubcol h2 a, #rightsubcol h2 a
  { color: #FFFFFF; text-transform: uppercase; text-align: center;
    border: 1px solid #DEE7ED; border-style: solid none solid none; }
#leftsubcol a:hover, #leftsubcol a:active, #rightsubcol a:hover, #rightsubcol a:active
  { text-decoration: none; }

#leftsubcol ul, #rightsubcol ul { margin-top: 0;  }
#rightsubcol .author { display: none; }
#rightsubcol #actionheader { margin-top: .75em; }

/* Specific styles for the Kintera inline indices insered into the body of a web feature. */
.indexlist { margin: .75em 0; clear: both; }
.indexlist .bordered { padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #369; }
/* There is no class on the web feature generated title links */

#features.indexlist p, .indexlist a
  { display: block; font-size: 130%; margin: 0; padding: 4px 0; font-weight: bold; text-decoration: none; }
.indexlist a { margin-bottom: .5em; font-weight: normal; }
.indexlist a:hover { margin-left: -6px; margin-right: -10px; padding: 3px 10px 3px 6px;  border: 1px #333; border-style: solid none solid none; text-decoration: none; }
.indexlist p a:hover { margin: 0; padding: 0; border: none; background-color: transparent; }
.indexlist p a { display: inline; font-size: 100%; padding: 0; border-bottom: 1px dotted; }

/* the navigation for indices is in a form */
.indexlist form a { display: block; float: left; font-size: 110%; font-weight: bold; text-decoration: none; }
.indexlist form a, .indexlist form a:hover { padding: .25em; margin: 0; border-style: none; }
.indexlist form { margin-bottom: 1.5em; margin-top: 1.5em; }
.indexlist form img { float: none; padding: 0; margin: 0; }

/* form wrapping index list navigation */
#docForm a { display: block; }
.indexlist #docFormBottom { margin-top: 2em; border-top: 1px solid; }

.indexlist ul { padding-top: 6px; }
.indexlist p { padding-bottom: 0px; margin-bottom: 0px; }
.indexlist p.hash { padding-bottom: 0px; margin-bottom: 15px; }
.indexlist img { float: left; margin-right: 10px; margin-bottom: 5px; }
.indexlist .contentfooter img { float: right; padding: 0; border: 0; }
.indexlist br.showbreak { display: block; }

#leftsubcol, #rightsubcol { width: 50%; float: left; }
#leftsubcol { margin-right: 0px; }
#rightsubcol { margin-left: -1px; border-left: 1px solid #369; }

#leftsubcol a, #rightsubcol a { margin: 0 6px 0 6px; padding: 6px 0 6px 0; }

#leftsubcol a:hover, #leftsubcol a:active, #rightsubcol a:hover, #rightsubcol a:active
 { margin: 0; padding: 6px; }
#leftsubcol h2 a, #rightsubcol h2 a { margin: 6px; padding: 0; }
#leftsubcol h2 a:hover, #leftsubcol h2 a:active, #rightsubcol h2 a:hover, #rightsubcol h2 a:active
  { margin: 6px 0 6px 0; padding: 0 6px 0 6px; }
h2#morenews a:hover { margin-top: 1em; }

#subcols .author, #subcols .source { margin-left: .25em; }
#subcols .date { margin-right: .25em; }

#content { padding: 3px 3px 0 3px; }
#content h1 a { font-size: 100%;}

#contentbg{
background:#fff url('https://secure2.convio.net/mpp/images/content/pagebuilder/10707.gif') repeat-y top right;
}

div.linksetMenu div.linksetTitle, div.linksetMenu div.linksetLabel{
margin-top: 15px; 
text-transform: uppercase;
color: #036;
font-size: 100%;
font-weight: bold;
padding: 4px 3px 4px 10px;
display: block; 
border-bottom: 1px solid #DEE7ED; 
font-family: Arial, Helvetica, sans-serif;
}


div#green{
margin:0px; padding:0px;
}
div#green div.linksetMenu div.linksetTitle{
color:#66000A;
}
div#green div div div.linksetMenu div.navigationItem a{
color: #910815;
}
div#green div div div.linksetMenu div.navigationItem a:hover{
color: #FFFFFF;
background-color:#910815;
}

div.captioned a p{ font-size: 12px;}

hr.statebreak{
background-color:#2A4F7B;
border:0px;
}

div#leftsubcol{
padding:0;
margin:0;

}

div#leftsubcol h2#morenews A, h2#morenews A:hover{ 
padding-top:0px;
margin-top:10px;
padding-bottom:0px;
margin-bottom:0px;
}

form#search_form{
position: absolute; z-index:10; top:50; left: 780px; width:250px;

}

div#pressdates{
 margin-left:10px;
 margin-right:10px;
 border-left:solid #000033 1px;

}

div#pressdates ul.flatlist{
margin:0;
padding:0;
margin-left:10px;
}

/* User Login Page */

td.TableHeadings {
	
background-color:#CCD6E0;

}

table.FormBox {
border:1px solid #6685A3;
border-collapse:collapse;
width:450px;
margin-left:40px;
-moz-border-radius:4px;

}


.FormBox {
background-color:#CCD6E0;
background-image:url(../images/sp.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
-moz-border-radius:4px;
}

p.PaddedListHeadings  {
color:#333;
font-weight:bold;
font-size:16px;
margin:2px 3px;
}

.Button { border:2px solid #99ADC2;background-color:#4C7094; color:#FFF;font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;}

input {
border:1px solid #99ADC2;
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
font-size:9pt;
}

input#search {
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	border:2px solid #99ADC2;
    width: 215px;
}

input.searchbutton {
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-size:10pt;
	border:2px solid #99ADC2;
	background-color:#7F99B2;
	color:#FFF;
	cursor:pointer;
}

input#searchbutton {
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-size:10pt;
	border:2px solid #99ADC2;
	background-color:#7F99B2;
	color:#FFF;
	cursor:pointer;
}

textarea, input, select, option {
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
font-size:9pt;
}

/* Profile Style edits*/

.cons-pers td {
background:none repeat scroll 0 0 #CCD6E0;
padding:3px 6px;
}

.cons-prof h3 {
border-bottom:2px solid #333333;
color:#333333;
font-size:16px;
margin:0 0 2px;
}

.ROValue {
background-color:#E7E7E7;
}

/* Advocacy Buttons */

#action-alert.form .submit-wrap input {
background:none repeat scroll 0 0 #4C7094;
border:2px solid #99ADC2;
color:#FFF;
font:13px "Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
padding:0.15em 0.6em;
width:auto;
}

#action-alert.form input, #action-alert.form textarea, #action-alert.form select {
border:1px solid #99ADC2;
color:#444444;
width:100%;
}

#action-alert .Button {
 color: #FFFFFF;
 font: 12px/1.3 Arial,Helvetica,sans-serif;
}

#action-alert #message {
border:1px solid #CCD6E0;
margin-bottom:15px;
padding:10px 10px 0 5px;
}

#action-alert h2.styled {
color:#194775;
font:bold 20px Arial, Helvetica, sans-serif;
margin:0 0 15px;
padding-top:5px;
}

th.TableHeadings {
background-color:#B2C1D1;
}

.ListItem1 {
background-color:#E5EAEF;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

.ListItem0 {
background-color:#CCD6E0;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}


.appArea {
margin-left:10px;
margin-top:10px;
width:900px;
}

/* Content Boxes */

.contentbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius:4px;
background-color:#FFF;
border:2px solid #99ADC2;
display:block;
margin:1em 0;
padding:1em;
}

.contenthighlightbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius:4px;
background-color:#B2C1D1;
border:2px solid #99ADC2;
display:block;
margin:1em 0;
padding:1em;
}

/* List Items Under Video */

.menubox li {
line-height: normal;
padding:0;
}

.menubox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius:4px;
background-color:#E5EAEF;
border:2px solid #99ADC2;
display:block;
margin:0 0 0 6px;
padding:2px 0 8px 12px;
}

/* Secondary Navigation @ Bottom */

#secondnav a:hover {
text-decoration:underline;
}

#secondnav li {
	list-style:none;
	line-height:normal;
	padding:inherit;
}


legend.surveyLegend {
float:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10pt;
margin-right:4px;
}

/* Event Page Edits */

.eventtitle {
    font-size: 16pt;
    font-weight: bold;
	color: #194775;
}

.locationtitle {
	font-size: 13pt;
	color:#4C7094;
}

p.minicaltitle {
    color: #194775;
    font-weight: bold;
}

td.minicaltitle {
    background-color: #FFFFff;
}

td.minicalcell {
    background-color: #B2C1D1;
}

table.WrapperBack {
    background-color: #4C7094;
}
