/******************************* HTML ELEMENTS *************************************/
body, td, th, p, select, input, div { font: normal 12px Arial, Verdana, Helvetica, sans-serif;  color: #000000; }
a { text-decoration: none;  color: #0085c9;}
a:hover { text-decoration: underline; }
img {border:none;}
h1 { color: #cc3300; font-size: 18px; font-weight: bold; }

/******************************* ID ELEMENTS *************************************/

#header1 { width: 780px; height: 104px; background: transparent url('graphics/Crisis-logo-header.gif')no-repeat;}
a.logo { background: transparent; width:300px; height:100px;  display: block; text-indent: -10000px; margin: 0px; padding: 0px; overflow: hidden;}
#header1_div1 { width: 321px; height: 60px; float: left; }
#header1_div2 { width: 459px; height: 36px; float: right; padding: 29px 0px 0px 0px; }


#header2 { width: 780px; height: 30px; background: #e3e3e3; }
#header2_div1 { width: 441px; height: 23px; float: left; padding: 7px 0px 0px 10px; }
#header2_div2 { width: 195px; height: 30px; float: right; }

#homecontent2 ul { margin: 5px 0px 0px 15px; padding: 0px 10px; }

#footer1 { width: 780px; background: #e3e3e3; border-top: 1px solid white; height: 49px; line-height: 49px;}
#footer1_div1 { float: left; color: #0085c9; height: 49px; line-height: 49px; font-size: 14px; font-weight: bold; margin: 0 0 0 5px;}
#footer1_div2 { width: 160px; float: left;  margin: 11px 0 0 10px;}
#footer1_div2 .enewsBoxEdit { padding: 5px; border: 1px solid #8c8c8c;}
#footer1_div3 { width: 425px; float: right; margin: 18px 10px 0 0;}

#footer2 { width: 780px; margin-top: 3px; }
#footer2_div1 { float: left; color: #a4a3a3; font-size: 11px; }
#footer2_div2 { float: right; width: 200px; }

#tagline { font:normal 14px Arial, Verdana, Helvetica, sans-serif; float: right; color: #ffffff; padding: 25px 10px 0px 0px; }

#search, #search div { float: left; }
#search .dropdown, #search .dropdownLabel {  display: none; }
#search .searchInput { margin-top: 6px; padding-left: 5px; }
#search .searchInput input { font-size: 7pt; color: #8c8c8c; }
#search .submit { margin-top: 7px; padding-left: 5px; }

#empoweredBy { position: relative; top: 0; right: 0px; font-size: 11px; }
#empoweredBy a { font-size: 11px; color: #a4a3a3; text-decoration: none; }
#empoweredBy a:hover { text-decoration: underline; }

/******************************* CLASS ELEMENTS *************************************/
.keyfacts {background: #0085c9; color: #fff;}
.helpingpeople {background: #cc3300; color: #fff;}
.spotlight {background: #cc9900; color: #fff;}
.bodyMain { padding: 20px 20px 20px 20px; }
.bodyMain img { padding: 5px;}
.bodyMain table td img { padding: 0px;}
.contentHome { width: 800px; padding: 0px 0px 0px 5px; border-left: 1px solid #f0f0f0; overflow: hidden; }
.contentHome td {vertical-align: bottom;}
.contentHome h1 { margin-top: 20px; }


.contentInter { /*width: 400px; */ border-left: 1px solid #f0f0f0; vertical-align: top; }
.contentInterHide { /*width: 600px;*/ border-left: 1px solid #f0f0f0; vertical-align: top; }

.intercontent2 { position: absolute; }

.subHeading { font-size: 20px; text-align: center; padding-top: 3px; height: 30px; }

.datebox { color: #8c8c8c; font-weight: bold; }

.enewsBoxText input { color: #8c8c8c; }

.facebook { text-align: center; margin:0 auto; clear: both; }
/******************************* MENU STYLES *************************************/

/* MenuBegin:menu_mainUL */
ul.menu_mainUL ,ul.menu_mainUL li,ul.menu_mainUL ul { margin: 0px; border: 0px;   padding: 0px; list-style: none; width: 179px; }
ul.menu_mainUL li { position: relative;  z-index: 100; display: block;  !important; display: inline;/*For IE*/ float: left;/*IE 7*/ }

/* 1st Level */
ul.menu_mainUL a { color: #bf3000; background: #fff; text-decoration: none; border-bottom: 1px solid #e3e3e3; text-align: center; padding: 1px 10px; font: normal 11px/18px Verdana, Geneva, sans-serif; display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_mainUL a:hover,
ul.menu_mainUL li:hover a,
ul.menu_mainUL a:hover,
ul.menu_mainUL li.over a { color: #fff; background: #cc3300; text-decoration: none; }
ul.menu_mainUL a.last { border-bottom: 1px solid #e3e3e3; }
ul.menu_mainUL a.first { border-top: 1px solid #e3e3e3; }

/* 2nd Level */
ul.menu_mainUL li:hover li a,
ul.menu_mainUL li.over li a { width: 163px; height: auto; color: #bf3000; background: #f4f4f4; text-decoration: none; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
ul.menu_mainUL li:hover li a:hover,
ul.menu_mainUL li:hover li:hover a,
ul.menu_mainUL li.over li a:hover,
ul.menu_mainUL li.over li.over a { color: #fff; background: #cc3300; text-decoration: none; text-decoration: none; }
ul.menu_mainUL li:hover li a.first,ul.menu_mainUL li.over li a.first { border-top: 1px solid #e3e3e3; }
ul.menu_mainUL li:hover li a.last,ul.menu_mainUL li.over li a.last { border-bottom: 1px solid #e3e3e3; }
ul.menu_mainUL ul { display: none; position: absolute; top: 0; left: 179px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_mainUL li:hover ul,ul.menu_mainUL li.over ul { display: block; }
ul.menu_mainUL .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_mainUL */

/* MenuTopBegin: */
#menu_top ul { border:0px; padding:0; margin:0; list-style:none; float:right; height: 39px; }
#menu_top li { position:relative; float:left;  height: 39px; display: inline-block; }
#menu_top a { float:left; border-right:1px solid #0085c9; text-decoration:none; color:#0085c9; padding:0px 10px; display:block; font:normal 12px/14px Verdana, Geneva, sans-serif; text-align:center; margin: 12px 0 0 0; }
#menu_top a:hover { text-decoration:underline; color:#0085c9; }
#menu_top a.last { border-right:0; margin: 0 0 0 10px; background: transparent url('graphics/btn_donate.jpg') top left no-repeat; width: 114px; height: 39px; display: inline-block; font-size: 1px; color: #059de9;  }
/* MenuTopEnd: */

/* MenuBottomBegin: */
#menu_bottom ul { border:0px solid #000000; padding:0; margin:0; list-style:none; float:right; }
#menu_bottom li { position:relative; float:left; vertical-align:middle; }
#menu_bottom a { float:left; border-right:1px solid #8c8c8c; text-decoration:none; color:#8c8c8c; padding:0px 5px; display:block; font:normal 11px Verdana, Geneva, sans-serif; text-align:center; }
#menu_bottom a:hover { text-decoration:none; color:#000000; }
#menu_bottom a.last { border-right:0;  }
/* MenuBottomEnd: */

/* MenuBegin: */
#menu_main { padding-top: 20px; }
#menu_main ul { border:0px solid #000000; padding:0; margin:0; list-style:none; float:left; }
#menu_main li { position:relative; width:180px; vertical-align:middle; }
#menu_main a { border-bottom:0px solid #000000; text-decoration:none; color:#59a2bc; padding-right:20px; padding-top:3px; height:15px; display:block; font:normal 12px Verdana, Geneva, sans-serif; text-align:right; }
#menu_main a:hover { text-decoration:none; color:#59a2bc; }
#menu_main a.last { border-bottom:0; }
/* MenuEnd: */

/******************************* FREEDOM STYLES *************************************/
.formTextRequired { font-weight: bold}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }



/* ModuleBegin::membership */
.formButtons a:hover { text-decoration: none; background-color: #CCCCCC; }
.formButtons a { text-decoration: none; border-left: 1px groove #BBBBBB; border-top: 1px groove #BBBBBB; border-right: 1px ridge #3068A6; border-bottom: 1px ridge #3068A6; color: #3068A6; background-color: #EEEEEE; font-weight: bold; padding: 3px 10px; white-space: nowrap; line-height: 25px; }

.myaccountHeading { font-size: 16px; font-weight: bold; padding: 5px; }
.myaccountMain { padding: 20px; }
.myaccountMain table { border-collapse: collapse; }
.myaccountMain a { font-weight: bold; color: #3068A6; }
.myaccountMain td { border: 2px solid #3068A6; vertical-align: top; background-color: #FFFFFF; padding: 2px; }
.myaccountTitle { width: 300px; text-align: center; font-weight: bold; padding: 3px; background-color: #3068A6; color: #FFFFFF; }
.myaccountLister { background-color: #FFFFFF; text-align: left; padding: 11px; margin: 20px; }

.myaccountDetail td { padding-top: 5px; }
.myaccountDetail a { padding-top: 5px; }
.myaccountDetail .formtextRequired { font-weight: bold; }
.myaccountDetail form { padding: 11px; }

.myaccountForm { text-align: left; }
.myaccountFormSection { padding: 5px; font-weight: bold; }

.freedomTable { width: 100%; padding: 20px; border: 1px solid #3068a6; border-collapse: collapse; }
.freedomTable th, .freedomTable td { border: 1px solid #3068a6; padding: 5px; text-align: left; }
.freedomTable th { background-color: #3068a6; }
.freedomTable th a { color: #ffffff; font-weight: bold; text-decoration: none; }
.freedomTable th a:hover { text-decoration: underline; }
/* ModuleEnd::membership */

/* ModuleBegin::proposals */

/* ModuleEnd::proposals */

/* ModuleBegin::news */
.newsListHeadlineTD {padding: 0px 0px 0px 0px;}
.newsListHeadline {font-size:9pt; text-decoration:none;}
a.newsListHeadline {font-weight: bold; color:#a77d00;}
.newsListHeadline:hover {text-decoration:none; color:#696389;}
.newsHeadline { color: #4e91bf; font-size: 18px; font-weight: bold; }
.newsPublished {display: none;}
a.newsListMoreLink {color:#696389;}
/* ModuleEnd::news */
.sendpageBody {color:#cc3300;}
.sendpageFormText, .sendpageFormTextRequired {color:#cc3300; font-weight:bold;}
.sendpageHeader {color:#cc3300; font-weight:bold; font-size: 14px;}



/* DONATION ASSETS */

.donateheader {
  font-weight: bold;
  background: #ccc;
  padding: 4px;
}
.spread {
  float: right;
  clear: right;
  margin-top: 2px;
}

h2.title {
  background: #dca133;
  padding: 4px;
  margin: 0 0 10px 0;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
}
h2 span { font-size: 80%; }
.smtext { font-size: 85%; }
ul.donationlist {
  margin: 0;
  padding: 0;
}
ul.donationlist li {
  list-style: none;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px #ccc dotted;
}
ul.donationlist li a {
  display: block;
  line-height: 110%;
  color: #0085c9;
  padding-left: 0;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
ul.donationlist li a:hover {
  color: #ccc;
}
ul.donationlist li span {
  padding: 0;
  margin: 0;
  font-size: 90%;
  color: #000;
}

.clear {clear:both;}

/* NEW HOMEPAGE MEDIA ELEMENT */
.media {
	height: 350px;
}

.media ul {
	list-style: none;
	overflow: hidden;
	width: 595px;
	height: 247px;
	margin: 0;
	padding: 0;
	position: relative;
z-index: 1;
}

.media ul li {
	width: 595px;
	position: absolute;
	top: 0;
	left: 0;
}

.media ul li .slide1, .media ul li .slide2, .media ul li .slide3 {
	width: 595px;
	height: 247px;
	position: relative;
	float: left;
}

.media ul li .slide1 .info, .media ul li .slide2 .info, .media ul li .slide3 .info {
	width: 268px;
	height: 173px;
	position: absolute;
	top: 25px;
	right: 0;
}

.media ul li .slide1 .info .info-inner, .media ul li .slide2 .info .info-inner, .media ul li .slide3 .info .info-inner {
	width: 268px;
	height: 168px; 
	padding: 15px 0 0 0;
	background-color: #029ceb;
	opacity: 0.90;
	filter: alpha(opacity=90);
}

.media ul li .slide1 .info .info-inner p, .media ul li .slide2 .info .info-inner p, .media ul li .slide3 .info .info-inner p {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	width: 85%;
	margin: 5px auto 0 auto;
}

.media ul li .slide1 .info a, .media ul li .slide2 .info a, .media ul li .slide3 .info a {
	display: inline-block;
	width: 107px;
	height: 29px;
	margin: -15px 28px 0 0;
	float: right;
	position: relative;
	z-index: 5;
}

.media .banner {
	width: 595px;
	height: 103px;
	background-color: #029ceb;
}

.media .banner .thumb {
	float: left;	
	width: 198px;
	text-align: center;
}	

.media .banner .thumb p {
	color: #ffffff;
	font-weight: bold;
	margin: 10px 0 5px 0;
	font-size: 11px;
}

.media .banner .thumb img {
	width: 156px;
	height: 57px;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.media .banner .thumb img.active, .media .banner .thumb img:hover {
	border-bottom: 5px solid #e19e34;
}

/* MODAL WINDOW */

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.modalclose {
     text-align: right;
     border-bottom: 1px solid #ccc;
     padding-bottom: 3px;
     margin-bottom: 6px;
}

/* ModuleBegin::commerce */
.shoppingAlert { color: red; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */

#freedom_calendar { background: #e0e0e0; }

#springwrapper { margin-top: 12px; }
.springBG { background: url('graphics/spring2010_bg.jpg') no-repeat top center; height: 838px; }
.lettertxt { padding: 140px 20px 0 20px; }
.lettertxt p { line-height: 150%; font-size: 13px; }

.button { float: right; margin: 10px 10px 0 0; }