@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 1.0 (2008-07-23) YYYY-MM-DD
* Website: http://www.mscenterforjustice.org/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 14px; color: #3d3d3d; background: #3580a1; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL STYLES: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body {
	background-image: url(images/bg.png); background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	color: #3d3d3d;
	}
h1 { font-size: 22px; font-weight: bold; color:#563152; margin:0 0 5px 0; clear:both; }
h2 { font-size: 14px; color:#676767; text-transform:uppercase; margin:0 0 5px 0; clear:both; }
h3 { font-size: 18px; font-weight: bold; color:#563152; margin:0 0 5px 0; line-height:18px; clear:both; }
h4 { font-size: 16px; font-weight: bold; color:#563152; margin:0 0 3px 0; clear:both; }
h5 { font-size: 14px; font-weight: bold; color:#563152; margin:0 0 3px 0; clear:both; }
h6 { font-size: 13px; font-weight: bold; color:#563152; margin:0 0 2px 0; clear:both; }
p { margin:0 0 10px 0; clear:both; }
ul {}
li {}
a { color: #3580a1; text-decoration:underline; }
a:hover { text-decoration:none; }
hr { border: #0b4066 1px dashed; width: 100%; margin:0 0 10px 0; }
 
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== LAYOUT: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#container { vertical-align: middle; margin: 0px auto; padding: 0px; width: 900px; }
#header { height: 135px; margin: 15px 0 15px 0; }
#headerLeft { float: left; width: 208px; }	
#headerRight { float: left; width: 692px; }
#content { background-color: #FFFFFF; }
#contentBanner { width: 879px; height: 172px; margin: 0 11px 18px 10px; background-color: #000000; }
#contentMain { float: left; margin: 0 18px 0 29px; width: 524px; display:inline; }
#contentMain ul { margin: 6px 0 10px 13px; list-style-position: outside; }
#contentMain ol { margin: 6px 0 10px 13px; list-style-position: outside; }
#contentMain li { list-style-type: square; padding: 0 0 5px 0; }
#contentSidebar { float: left; margin: 0 0px 0 0px; width: 293px; font-size:11px; display:inline; }
#contactForm { margin:10px 0 0 0; }
#contactForm ul {}
#contactForm li { list-style-type: none; }
#newsletter { background-color:#30789a; padding:0 13px 0 13px; background-image: url(images/bg-newsletter.png);	background-repeat: repeat-x;}
#footer { font-size: 11px; text-align: center; color: #FFFFFF; margin: 11px 0 10px 0; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== LAYOUT CLASSES: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.topNav { height: 30px; margin: 7px 0 67px 0; text-align: right; }
.topNav img { padding:0 5px 0 0; }


.top-navigation { height: 30px; margin: 7px 0 67px 270px; text-align: right; float:left; }
.top-navigation img { padding:0 7px 0 0; }

#search-page ul { list-style:none !important; margin:0 !important; padding:0 !important; }
#search-page li { list-style:none !important; border-bottom:#ccc 1px solid; padding:6px 0 6px 0 !important; margin:0 !important;  }
#search-page li a { text-decoration:none; }
#search-page li a:hover { text-decoration:underline; }

.search { width:237px; float:right; height: 30px; margin: 7px 0 0 0; padding:0; background:url(images/bg-search.png) no-repeat;  }
.search form { padding:0; margin:0px; }
.search input { width:184px; background:none; border:none; padding:8px 8px 6px 8px; margin:0; vertical-align:top; }

.search-btn { height:30px; width:32px; margin:0; }
.search-btn input { background:url(/images/search-btn.png) no-repeat 0 0; border:none;  }
.search-btn input:hover { background:url(/images/search-btn.png) no-repeat 0 0; border:none; }

.navigation { height: 31px; text-align: right; clear:both; }

.featured { width:483px; background-image:url(images/bg-featured.png); background-repeat:repeat-x; margin:25px 0 0 0; padding:15px 20px 30px 20px; }
.featured p { font-size:11px; margin:5px 0 5px 0;}
.featured ul { margin:5px 0 5px 0; list-style-type: none; }
.featured li { background: url(images/bullet-featured.png) no-repeat; padding:0 0 5px 15px; font-size:11px; }

.source a { font-size:10px;}
.date { color:#3580a1; }

.sidebar a { color:#3d3d3d; text-decoration:none; }
.sidebar a:hover { text-decoration:underline; }
#newsletter { width:288px; height: 120px; font-size:10px; background:#30789a url(images/bg-newsletter.png) repeat-x; padding:10px 5px 0 10px;text-transform: uppercase; color:#ffffff; }

#newsletter h1 { font-size:13px; color:#FFFFFF; }
#newsletter input { height:15px; background-color:#FFFFFF; padding:3px; margin:0 0 5px 0; color:3d3d3d; font-size:11px; border:none; }
.newsletterRight { width:73px; height: 85px; padding:45px 10px 0 5px; }
.nlList { display: block; margin:0 0 10px 0; list-style-type: none; }
.subNavigation { margin: 0 0 15px 0; }
.subNavigation ul {}
.subNavigation li {}
.subNavigation a { display: block; background-image: url(images/bg-subnav-off.gif); background-repeat: no-repeat; height: 21px; width: 296px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 6px 0 0 29px; }
.subNavigation a:hover { background-image: url(images/bg-subnav-over.gif); background-repeat: no-repeat; }
.foot a { color:#FFFFFF; }

.newsletterLeft { width:185px; height: 175px; float:left; font-size:10px; text-transform:uppercase; color:#ffffff; background:#30789a url(images/bg-newsletter.png) repeat-x; padding:10px 0 0 10px; }
.newsletterLeft h1 { font-size:13px; color:#FFFFFF; }
.newsletterLeft input { width:150px; height:15px; background-color:#FFFFFF; padding:3px; margin:0 0 3px 0; color:3d3d3d; font-size:11px; border:none; }
.newsletterRight { width:73px; height: 135px; float:left; background:#30789a url(images/bg-newsletter.png) repeat-x; padding:50px 15px 0 10px;}

.firstname { margin:0 0 0 5px; padding:0; }
.lastname { margin:0 0 0 5px; padding:0; }
.emailaddress { margin:0 0 0 5px; padding:0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== BUTTONS: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.btnSubNav {
	width:296px;
	height:26px;
	display: block;
	background-image:url(images/bg-subnav.png);
	background-repeat:no-repeat;
	padding:3px 0 0 19px;
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
}
.btnSubNav a { text-decoration:none; color:#FFFFFF; }
.btnSubNav a:hover { text-decoration:none; color:#82eef3; }

.btnHomeAbout {
	width:152px;
	height:20px;
	display: block;
	background-image:url(images/btn-bg-01.png);
	background-repeat:no-repeat;
	padding:3px 0 0 19px;
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
}
.btnHomeAbout a { text-decoration:none; color:#FFFFFF; }
.btnHomeAbout a:hover { text-decoration:none; color:#82eef3; }

.btnMedia {
	width:152px;
	height:20px;
	display: block;
	background-image:url(images/btn-bg-02.png);
	background-repeat:no-repeat;
	padding:3px 0 0 19px;
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
}
.btnMedia a { text-decoration:none; color:#FFFFFF; }
.btnMedia a:hover { text-decoration:none; color:#a86fa1; }

.btnYellow {
	width:90px;
	height:20px;
	display: block;
	background-image:url(images/btn-bg-yellow.png);
	background-repeat:no-repeat;
	padding:3px 0 0 19px;
	/* IE Fix */
	* padding:4px 0 0 22px;
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
	float:left;
}
.btnYellow a { font-size:9px; text-decoration:none; color:#FFFFFF; }
.btnYellow a:hover { text-decoration:none; color:#f3f1bd; }

.btnBlue {
	width:90px;
	height:20px;
	display: block;
	background-image:url(images/btn-bg-blue.png);
	background-repeat:no-repeat;
	padding:3px 0 0 19px;
	/* IE Fix */
	* padding:4px 0 0 19px;
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
	float:left;
}
.btnBlue a { font-size:9px; text-decoration:none; color:#FFFFFF; }
.btnBlue a:hover { text-decoration:none; color:#82eef3; }


input.send-btn {
cursor:pointer;
width: 73px;
height: 70px;
background: #333 url(images/btn-addme-off.png) no-repeat;
outline: none;
}
input.send-btn:hover {
cursor:pointer;
background: url(images/btn-addme-over.png) no-repeat 0 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation-new { float:left; width:692px; height:31px; padding-top:0px; }
#navigation-new ul li { list-style-type:none; }
#navigation-new li span{ display:none; }

ul.dropdown { margin: 0; padding: 0; float:left; list-style: none; font-size: 1.1em; position:relative; z-index:100; }
ul.dropdown li { margin: 0; padding: 0; position: relative; list-style: none; float: left; }

ul.dropdown li a.news, ul.dropdown li a.getinvolved, ul.dropdown li a.events, ul.dropdown li a.policycampaigns, ul.dropdown li a.standwithms, ul.dropdown li a.advocacy, ul.dropdown li a.resources { background:url(images/navigation.png) no-repeat; }
ul.dropdown li a.news { width:97px; height:31px; background-position:0 0; margin:0 0 0 0; }
ul.dropdown li a.events { width:61px; height:31px; background-position:-97px 0; margin:0 0 0 0; }
ul.dropdown li a.policycampaigns { width:122px; height:31px; background-position:-158px 0; margin:0 0 0 0; }
ul.dropdown li a.getinvolved { width:92px; height:31px; background-position:-280px 0; margin:0 0 0 0; }
ul.dropdown li a.standwithms { width:147px; height:31px; background-position:-372px 0; margin:0 0 0 0; }
ul.dropdown li a.advocacy { width:77px; height:31px; background-position:-519px 0; margin:0 0 0 0; }
ul.dropdown li a.resources { width:96px; height:31px; background-position:-596px 0; margin:0 0 0 0; }

ul.dropdown li:hover a.news, ul.dropdown li a.news:hover { background-position:0 -31px; }
ul.dropdown li:hover a.events, ul.dropdown li a.events:hover { background-position:-97px -31px; }
ul.dropdown li:hover a.policycampaigns, ul.dropdown li a.policycampaigns:hover { background-position:-158px -31px; }
ul.dropdown li:hover a.getinvolved, ul.dropdown li a.getinvolved:hover { background-position:-280px -31px; }
ul.dropdown li:hover a.standwithms, ul.dropdown li a.standwithms:hover { background-position:-372px -31px; }
ul.dropdown li:hover a.advocacy, ul.dropdown li a.advocacy:hover { background-position:-519px -31px; }
ul.dropdown li:hover a.resources, ul.dropdown li a.resources:hover { background-position:-596px -31px; }

ul.dropdown li span { display:none; }

ul.dropdown li a { display: block; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
ul.dropdown li.hover a { color: black; }


ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; padding:17px 17px 0 17px; margin:0; list-style:none; }
ul.dropdown ul { background: #3580a1; border:none; }

ul.dropdown ul li { float: none; }
ul.dropdown ul li { list-style: none; margin:0; width:inherit; padding:0; font-size:11px; color:#696969; list-style:none; list-style-image:none; }

ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { display:block; float:none; text-indent:0; height:auto; padding:0; margin-bottom:14px; color:#696969; text-decoration:none; }
ul.dropdown ul li a:hover { color:#22335b; text-decoration:none; }

ul.dropdown ul.news-dd { width:102px;  margin:0; }
ul.dropdown ul.getinvolved-dd { width:100px; margin:0; }


ul.dropdown ul.news-dd li  a { display:block; float:none; text-indent:0; height:auto; padding:0; margin-bottom:14px; font-size:11px; color:#ffffff; text-decoration:none; }
ul.dropdown ul.news-dd li  a:hover { color:#74b5cb; text-decoration:none; }
ul.dropdown ul.getinvolved-dd li  a { display:block; float:none; text-indent:0; height:auto; padding:0; margin-bottom:14px; font-size:11px; color:#ffffff; text-decoration:none; }
ul.dropdown ul.getinvolved-dd li  a:hover { color:#74b5cb; text-decoration:none; }

 
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== DROPDOWN MENU: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#dcNews { background-color:#3580a1; font-size:11px; color:#FFFFFF; }
#dcNews p { margin:0; padding:0; }
#dcNews a { width:120px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px;  }
#dcNews a:hover { color:#FFFFFF; text-decoration: none; background-color: #74b5cb; }

#dcPolicy { background-color:#3580a1; font-size:11px; color:#FFFFFF; }
#dcPolicy p { margin:0; padding:0; }
#dcPolicy a { width:119px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px;  }
#dcPolicy a:hover { color:#FFFFFF; text-decoration: none; background-color: #74b5cb; }
 
#dcInvolved { background-color:#3580a1; font-size:11px; color:#FFFFFF; }
#dcInvolved p { margin:0; padding:0; }
#dcInvolved a { width:94px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px;  }
#dcInvolved a:hover { color:#FFFFFF; text-decoration: none; background-color: #74b5cb; }

#dcResource { background-color:#3580a1; font-size:11px; color:#FFFFFF; }
#dcResource p { margin:0; padding:0; }
#dcResource a { width:80px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px;  }
#dcResource a:hover { color:#FFFFFF; text-decoration: none; background-color: #74b5cb; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FORMS: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
form.cmxform fieldset {  margin-bottom: 10px; }
form.cmxform legend {  padding: 0 2px; font-weight: bold; }
form.cmxform label { display: block; float:left; clear:left; line-height: 12px vertical-align: top; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; text-align:left; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label { width: 120px; /* Width of labels */ }
form.cmxform input {  background-color:#eef5fa; border:#d9e0e5 1px solid; }
form.cmxform textarea {  background-color:#eef5fa; border:#d9e0e5 1px solid; }
form.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }