/* element { width: 123px; height: 123px; margin: 0 0 0 0; padding: 0 0 0 0; display: block; position: relative; float: left; overflow: hidden; } */

* { margin: 0; }
/*html { height: 100%; background: #eee url(../images/bkgd_repeat.jpg) center repeat-y; }
body { min-width: 960px; height: 100%; background: url(../images/bkgd_highlight.jpg) center top no-repeat;  }*/
html { height: 100%; background-color:#dfdfd7; }
body { min-width: 960px; height: 100%; background-color:#dfdfd7;  }

#site { margin:0 auto; text-align: left;}

/** Containers **/
#wrapper {width:940px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px; padding: 0 10px; overflow: hidden;}
/*#bkgdWrap {width: 100%; min-height: 100%; height: auto !important; height: 100%; background: #dfdfd7 url(../images/bkgd_fade.jpg) bottom repeat-x; overflow: hidden; } */
#bkgdWrap {width: 100%; min-height: 100%; height: auto !important; height: 100%; background-color: #dfdfd7;} 
#header { width: 100%; height: 120px; margin: 10px 0 0 0 ; clear: both; overflow: hidden; }
#content { width: 100%; margin: 0 0 70px; overflow: hidden; }
#push { width: 100%; height: 120px; }
#footerWrap { width: 100%; height: 130px; clear: both; background: url(../images/bkgd_footer.png) top repeat-x; overflow: hidden; }

/* Utility Navigation */
#utilityNav { width: 940px; height: 35px; padding: 0; text-align: right;}
#utilityNav a { width: 140px; height: 35px; margin:0 0 0 auto; display: block; }
#utilityNav a:hover { padding: 5px 0 0; }
#utilityNav span { display: none; }
#donate	{ background: url(../images/donateTab.jpg) bottom no-repeat;}
#donate:hover	{ background: url(../images/donateTab.jpg) bottom no-repeat; }

/* Header */
h1#logo a { width: 376px; height: 53px; margin:0; border:none; display: block; background:url(../images/logoMIB.jpg) no-repeat; overflow: hidden; }

#navWrap { width: 100%; height:30px; margin:0;  background: url(../images/nav_bkgd.gif) #6d6d6d bottom repeat-x;}

ul#subnav { width: 100%; height: 25px; margin: 0px 0 10px; padding: 0 0 0 10px; clear:both;}
ul#subnav li { height: 15px; margin:0 10px 0 0; padding:0; float: left;  }

#topMenu {width:940px;height:30px; margin:10px 0 7px 0;background: url(../images/nav_bkgd.gif) #6d6d6d bottom repeat-x;}
#topMenu tr{padding:3px 0;margin: 0; text-align: center;}
#topMenu td{height:15px;margin:5px 0; padding: 8px 0px 0 0px; border:0px solid #f00;}



td #signUp {width: 290px; height: 15px;margin:0; padding:0 10px 0 0; border:0px solid #f00; text-align:right;}
#search label{ margin:0 3px 0 0;font-size: 11px; text-transform: uppercase; color: #fff;}
#search input { width: 100px; height:13px; margin: 0 5px 0 0;  }
#search .button { width: 27px; height:28px; margin:0; border:0; background: url('../images/goBtn.png') no-repeat top left;}

/* Content */
#brandbox {width: 940px; height: 400px; background-color: #dfdfd7; margin: 0 0 40px; position: relative; overflow: hidden; }
#brandbox .next, #brandbox .prev { height: 30px; position: absolute; bottom: -1px; z-index: 100; display: block;}

#brandbox .next { width:28px; height:30px; right: -1px; background: url(../images/slide_button.png) -39px 0 no-repeat;}
#brandbox .next:hover { width:28px; height:30px; right: -1px; background: url(../images/slide_button.png) -39px -30px no-repeat;}

#brandbox .prev { width:39px; height:30px; right: 27px; background: url(../images/slide_button.png) 0 0 no-repeat;}
#brandbox .prev:hover { width:39px; height:30px; right: 27px; background: url(../images/slide_button.png) 0 -30px no-repeat;}

/*
#brandbox .next { width: 28px; right: -1px;  background: url(../images/next_button.png) no-repeat;}
#brandbox .prev  { width: 39px;  right: 27px; background: url(../images/previous_button.png) no-repeat;}

#brandbox .prev:hover  {background: url(../images/previous_buttonOver.png) no-repeat;}
#brandbox .next:hover  {background: url(../images/next_buttonOver.png) no-repeat;}
*/


#main {width: 610px; padding: 0 19px 0 0; border-right: 1px dotted #666; float: left; }
#rightRail {width: 290px; padding: 0 0 0 19px;  float: right; }

img.masthead { margin: 0 0 20px; }
img.imageLeft { float:left; margin: 0 20px 20px 0; }

/* Footer */
#footer { width: 940px; height:130px; margin: 0 auto; padding:5px 0 0 0; overflow: hidden; text-align: right; background: url(../images/bkgd_footer.png) top repeat-x; overflow: hidden; }
#footer a.rwa { width: 230px; height: 130px; display:block; float: right; background: url(../images/RWA_blue.png) no-repeat;}
#footer a.cofc { width: 150px; height: 130px; display:block; float: left; background: url(../images/philCofC.png) no-repeat;}
#footer a.facebook { width: 142px; height: 71px; display:block; position: relative; left: 40%; background: url(../images/socialNetworking/facebookFooter.png) no-repeat;}

#footer .signature {color:#efefef; position:relative; top:15px; left: -15%;}

#footerCenter { width: 620px; height: 64px; margin: 0 10px 0 0; float: left; overflow: hidden; }

/* Donate */
#donate a { width: 35px; height: 120px; display: block; position: fixed; right:0; top:200px; background: url(../images/donateTab.jpg) center left no-repeat; overflow: hidden; }
#donate a:hover { width:40px; }

/** Callouts! **/
/* News */
ul.newsList { width: 220px; }
li.news { width: 220px; min-height:40px; padding: 0 0 20px; }
li.news div.date { width: 55px; margin: 0 0 5px; padding: 0 10px 0 0; float: left; line-height: 1.1em;}
li.news h6.source { width: 144px; margin: 0 0 5px; padding: 0 0 0 10px; border-left: 1px solid #666; float: left; }
li.news a {display: block; clear: both;}

/* Events */
ul.eventsList { width: 220px; padding-bottom: 20px; }
li.event { width: 220px; min-height:80px; }
li.event ul.date { width: 60px; margin:  0 15px 0 0; float: left; overflow: hidden; }
li.event li.month { width: 58px; height: 13px; padding: 6px 0 6px 2px; background: url(../images/eventsMonth.jpg) top center no-repeat; overflow: hidden; line-height: 1em; }
li.event li.day {  width: 58px; height: 35px; padding: 10px 0 10px 2px; background: url(../images/eventsDay.jpg) top center no-repeat; overflow: hidden;  }

/* Jump Link */
a.jumpLink { width: 400px; display:block; background: #396dae url(../images/jumpLink_bkgd.jpg) top repeat-x; margin: 0 20px 0 0; padding: 10px 20px 10px; 	border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/* Factoids */
/*div.factoid {  height: 130px; margin: 0 0 20px; padding: 15px; border: 1px solid #b0b0b0; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f8f8f8 url(../images/factoid_bkgd.jpg) bottom repeat-x; }*/
div.factoid {margin: 0 0 20px 0}
div.factoid p { margin: 10px 0 0; }
/*div.factoid a { margin: 10px 0 0; padding: 5px; display: block; border: 1px solid; border-color: #ddd; border-bottom-color: #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px;  background: #4a7cb8; }*/
div.factoid a {display: block;}


/* Classes */
.hide { display: none; }

/* FINANCIAL */
.financialTBL{margin:0 0 20px 1px; padding: 0; display: block;}
.lblTitle{ padding: 5px 10px; font-weight: bold; text-align: left; border: 1px dotted #999; background-color: #666; color:#fff;}
.lbl{width:300px; padding: 5px 10px; font-weight: normal; text-align: left; border: 1px dotted #999;}
.result{ width:200px; padding:5px 10px; font-weight: bold; text-align: left;border: 1px dotted #999;}
.total{text-align: right; font-weight: bold; padding-right: 10px;border: 0px dotted #999;}
.whiteRow{background-color: #fff;}
.grayRow{background-color: #eee;}


/* FORM */
#tableForm{width:100%;}
#tableForm td{padding:10px 0;vertical-align: top;border-top: 1px dotted #999;}
#tableForm input, #tableForm textarea{border:1px solid #bbb;}
#tableForm input.volunteerType, #tableForm input.whenAvailable {margin-right: 5px;}

/*-------------------------------------------flash---*/
#getFlashDescription {	margin:0 10px 0 0;font-size:1em;line-height:1.3em;width:940px;height:400px;background-color: #ddd;}
#getFlashIcon {	margin:0 0 0 10px;	text-align:left;}



/*-------------------------------------------NEWS SECTION */

.separator {
	margin:20px auto;
	text-align:center;
	width:400px; 
	border-top:1px dotted #333;
}

.newsBlock {
	margin:20px 0;
	padding:10px 0;
	clear:both;
	border-top:1px dotted #333;
}
.newsText {
	margin:10px 0;
	line-height:20px;
}

.newsText img {

	margin:5px 20px 10px 0;

}

.previewImg {

	margin:5px 20px 10px 0;

}

.newsImg {

	margin:5px 20px 10px 0;

}



#insertForm {
	width:100%;
	margin:0;
	text-align:left;
	clear:both;
}

.inputFld {
	border:0px solid #6d6d6d;
	color:#6d6d6d;
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px;
	width:600px;
}

.inputImg {
	border:0px solid #6d6d6d;
	color:#6d6d6d;
	font-size:12px;
	margin:0 auto 10px auto;
	padding:5px;
	width:300px;
	clear:both;
}

#texte {
	border:0px solid #6d6d6d;
	background-color:#fff;
	color:#6d6d6d;
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px;
	width:610px;
	height:500px;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	
}

#preview {
	border:0px solid #6d6d6d;
	background-color:#fff;
	color:#6d6d6d;
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px;
	width:600px;
	height:130px;
	clear:both;
	
}

.inputBtn {
	border:0;
	margin:10px 0 10px 0;
	padding:3px 0;
	width:100px;
	font-size:14px;
	font-weight:bold;
	background-color:#6d6d6d;
	color:#FFF;
}


.insert {
	border-bottom:1px dotted #333;	
	margin:15px 0;
}

.author {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0;
	
}

.date {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	text-transform: uppercase;
}

.newsTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:30px;
	margin:10px 0 5px 0;
	padding:0;
}

.backLinks a{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	margin:5px 0;
	padding:0;
	color:#0a90a6;
	text-decoration:none;
	
}

.backLinks a:hover {
	text-decoration:none;
	border-bottom:1px dotted #0a90a6;	
}

.editBox {
	width:100%;
	text-align:right;
	height:36px;
	
	margin:0;
	padding:0;
	border:0;
}
.edit {
	margin:0;
	padding:0;
	border:0;
	width:30px;
	height:36px;
}
.delete {
	margin:0;
	padding:0;
	border:0;
	width:30px;
	height:36px;
}

.inputRadio {
	border:0;
	color:#6d6d6d;
	font-size:12px;
	margin:0 5px 10px 0;
	padding:5px;

}

#newEntry {
	margin:20px 0; 
	padding:10px 0; 
	background-color:#333; 
	border:1px solid #666666;; 
	text-align:center; 
	width:100%;
}

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

#newEntry a:hover{
	color:#0a90a6; 
}

.charCount {
	margin:0 5px 0 0;
	padding:0;
	border:0;
	
	color:#333;
	background-color :transparent;	
	
}

#leftAlive {
	background:#DFDFD7 url('../images/arrows.gif') 0 1px no-repeat;
	width:12px;
	height:12px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
#leftDead {
	background:#DFDFD7 url('../images/arrows.gif') 0 -11px no-repeat;
	width:12px;
	height:12px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}

#rightAlive {
	background:#DFDFD7 url('../images/arrows.gif') -12px 1px no-repeat;
	width:12px;
	height:12px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
#rightDead {
	background:#DFDFD7 url('../images/arrows.gif') -12px -11px no-repeat;
	width:12px;
	height:12px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}

/*-------------------------------------------NICEDIT */
.nicEdit-main, .nicEdit-main p{
	margin:0 0 10px 0;
	line-height:20px;
}

.r {color: #f64448; font-weight: bold; font-size: 11px;}


#c1{
float: left;
width: 305px; /*Width of left column*/
padding-top: 10px;
}

#c2{
margin-left: 305px; /*Set left margin to LeftColumnWidth*/
padding-top: 10px;
}
div#clearer {font-size:0; line-height:0; height:0; clear:both;}

.bbb { margin-bottom: 15px; }

.button { width:142px; height:37px; background: url(../images/donate_button.gif) left top no-repeat; }

	.amt {width: 100%; padding-top: 10px;}
	.amt-c1 {width:80px; float:left; padding-right:10px;}
	.amt-c2 {width:20px; float:left; padding: 0 10px 0p 0;}
	.amt-c3 {width:70px; float:left; padding-right:3px;}

	div.don {font-size: 12px; width: 100%; padding-top: 10px;}
	div.don-heading {font-weight:bold; width:100%; float:left; text-align:left; padding-bottom:5px; padding-top:5px;}
	div.don-subheading {font-weight:bold; width:47%; float:left; text-align:left; padding-bottom:5px; padding-top:5px;}
	div.don-subheading2 {width: 285px;font-weight:bold; float:left; text-align:left; padding-top: 7px;}
	div.don-c1 {width:120px; float:left; text-align:left; padding: 5px 5px 0 0;}
	div.don-c2 {width:155px; float:left; text-align:left; padding: 5px 5px 0 0;}
	div.don-c3 {width:115px; float:left; text-align:left; padding: 5px 5px 0 0;}
	div.don-c4 {width:100px; float:left; text-align:left; padding: 5px 0px 0 0;}	
	div.don-c3a {width:115px; float:left; padding: 5px 5px 0 0px;}
	div.don-c4a {width:50px;float:left; text-align:left; padding: 5px 0px 0 0;}