/* nitiondesign . jamie calabro . build 0.1.0 . 032409 */

@import url("sIFR-screen.css");

/* @group Reset */
/* = 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-decoration: none;
}

body {
	text-align: center;
}

p, h1, h2, h3, h4, h5, h6 {
	text-align: left;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

cite, abbr, acronym, span.explain {
	border-bottom: 1px dashed #999;
	cursor: help;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* @end */
/* ------------------------------ */

/* @group Default */
/* = Default
------------------------------------- */

body {
    line-height: 1;
    font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/background.gif) repeat-x top left;
	color: #333;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	/*_vertical-align: bottom;*/
	position: relative;
	font-size: 68%;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.fl-left {
	float:left;
}

.mrg-top {
	margin-top: 30px;
}

.mrg-bottom {
	margin-bottom: 16px;
}

.mrg-bottom-2 {
	margin-bottom: 13px;
}

.mrg-right-btm {
	margin: 0 20px 20px 0;
}

.clear-left {
	clear: left;
}

div.entry_pic {
	display: block;
}

div.entry_pic p {
	font-size: 10px!important;
}

h1 {
	font: 1.3em times, 'times new roman', georgia, serif;
}
/* @end */
/* ------------------------------ */

/* @group Shell */


#wrapper {
	margin: 0 auto;
	width:856px;
	min-height: 500px;
	position: relative;
}

#logo {
	position: absolute; 
	left: 0;
	top: 45px;
	width: 281px;
}

#quick_links{
	float: right;
	text-align: right;
	position: absolute;
	right:10px;
	top: 50px;
	color: #999;
}

#content_left {
	float: left;
	width: 480px;
	margin: 25px 40px 30px 8px;
}

#content_right {
	float: left;
	width: 300px;
	margin-top: 15px;
}

#banner {
	float: left;
}

/* @group Navigation */
/* = Navigation
------------------------------------- */

#main-nav {
	width: 506px; height: 45px;  background: url(../images/nav.gif) top left no-repeat; position: absolute; right: 0; top: 86px; display: block;z-index:100 !important;
}

#main-nav ul{list-style-type: none; margin: 0; padding: 0;width: 506px; height: 45px; }
#main-nav li{cursor: pointer;float: left;position:relative;}
#main-nav li a{height:0;margin:0;padding-top:45px;color:#000;overflow:hidden;cursor:pointer;display:inline;float:left;position:relative;}

#main-nav li#nav_home a{width: 59px;}
#main-nav li#nav_aboutus a{width: 80px;}
#main-nav li#nav_inspiration a{width: 96px;}
#main-nav li#nav_requestassistance a{width: 145px;}
#main-nav li#nav_news a{width: 60px;}
#main-nav li#nav_donate a{width: 66px;}

/* active */ 
#main-nav li#nav_home a.current, 
#main-nav li#nav_home a.current:hover, 
#main-nav li#nav_home a.current:active{width: 59px; background: url(../images/nav.gif) 0  -43px;}

#main-nav li#nav_aboutus a.current, 
#main-nav li#nav_aboutus a.current:hover, 
#main-nav li#nav_aboutus a.current:active{width: 80px; background: url(../images/nav.gif) -59px -43px;}

#main-nav li#nav_inspiration a.current, 
#main-nav li#nav_inspiration a.current:hover, 
#main-nav li#nav_inspiration a.current:active{width: 96px; background: url(../images/nav.gif) -139px  -43px;}

#main-nav li#nav_requestassistance a.current, 
#main-nav li#nav_requestassistance a.current:hover, 
#main-nav li#nav_requestassistance a.current:active{width: 145px; background: url(../images/nav.gif) -235px  -43px;}

#main-nav li#nav_news a.current, 
#main-nav li#nav_news a.current:hover, 
#main-nav li#nav_news a.current:active{width: 60px; background: url(../images/nav.gif) -380px  -43px;}

#main-nav li#nav_donate a.current, 
#main-nav li#nav_donate a.current:hover, 
#main-nav li#nav_donate a.current:active{width: 66px; background: url(../images/nav.gif) -440px  -43px;}

/* hover */
#main-nav li a span{cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; display: none; height: 0; margin: 0; padding-top: 45px;}
#main-nav li#nav_home a span {width: 59px;background: url(../images/nav.gif) 0 -43px;}
#main-nav li#nav_aboutus a span, #main-nav li#nav_aboutus:hover {width: 80px;background: url(../images/nav.gif) -59px -43px;}
#main-nav li#nav_inspiration a span, #main-nav li#nav_inspiration:hover{width: 96px; background: url(../images/nav.gif) -139px -43px;}
#main-nav li#nav_requestassistance a span, #main-nav li#nav_requestassistance:hover {width: 145px; background: url(../images/nav.gif) -235px -43px;}
#main-nav li#nav_news a span, #main-nav li#nav_news:hover {width: 60px; background: url(../images/nav.gif) -380px -43px;}
#main-nav li#nav_donate a span{width: 66px; background: url(../images/nav.gif) -440px -43px;}

/*active*/
#main-nav li#nav_home a:active,#main-nav li#nav_home a:active span{width: 59px;background: url(../images/nav.gif) 0 -88px;}
#main-nav li#nav_aboutus a:active, #main-nav li#nav_aboutus a:active span{width: 80px;background: url(../images/nav.gif) -59px -88px;}
#main-nav li#nav_inspiration a:active, #main-nav li#nav_inspiration a:active span{width: 96px; background: url(../images/nav.gif) -139px -88px;}
#main-nav li#nav_requestassistance a:active, #main-nav li#nav_requestassistance a:active span{width: 145px; background: url(../images/nav.gif) -235px -88px;}
#main-nav li#nav_news a:active, #main-nav li#nav_news a:active span{width: 60px; background: url(../images/nav.gif) -380px -88px;}
#main-nav li#nav_donate a:active, #main-nav li#nav_donate a:active span{width: 66px; background: url(../images/nav.gif) -440px -88px;}

#main-nav ul ul {
	float: none !important;
}

#main-nav li li {
	float: none !important;
	padding-top: 0px!important;
}

.ro-container li, .ro-body li, .ro-container li a, .ro-body li a {
	height:20px!important;margin:0!important;padding:0px!important;display:block!important;background:none!important;
}

.ro-container {
	width: 245px;
	position: absolute;
	left: 2px;
	top:45px;
	overflow: hidden;
	display: none; 
	background: #ddd68e url(../images/dd-bg.gif) repeat-x top left;
	z-index:1000;
	padding-bottom:20px!important;
	padding-top:5px!important;
}

.ro-body ul{
	margin: 0;
	padding: 0;
	padding-left:15px!important;
	padding-right:15px!important;
	padding-bottom:10px!important;
	height:100%!important;
}

.ro-body li {
	display: block;
	width: 100%!important;
	text-align:left;
	font-weight:bold;
	clear:both;
	float:left;
	color: #8E3E25;
	padding-top:5px!important;
	padding-bottom:5px!important;
	margin-top:10px!important;
}

.ro-body li:hover {
	color:#ff0054;
}

.ro-body li a {
	color: #8E3E25;
	display: block!important;
	font-size: 11px;
	width: 300px!important;
	border-bottom: 1px #E8DE95 solid!important;
	padding-top:5px!important;
	padding-bottom:5px!important;
	margin-top:10px!important;
}

.ro-body a,
.ro-body a:link,
.ro-body a:active,
.ro-body a:visited 
{
	color: #8E3E25!important;
	text-decoration: none;
	font-size:12px;
	clear:both;
	display:block;
	overflow:auto;
	padding-top:5px!important;
	padding-bottom:5px!important;
	margin-top:10px!important;
}

.ro-body a:hover {
	color: #000!important;
}

#sec-nav-nobdr {
	width: 100%;
	float: left;
	margin-top: 150px;
	
}

#sec-nav {
	width: 100%;
	float: left;
	margin-top: 150px;
	border-bottom: 1px #ccc dotted
}


#sec-nav li a:link, #sec-nav li a:visited {
	float: left;
	margin-right: 5px;
	font-size: 13px;
	padding: 10px 10px 10px 16px;
	color:#666;
	background: url(../images/secnav-bullet.gif) no-repeat center left;
}

#sec-nav li a:hover {
	color: #000;
	background: #eee url(../images/secnav-bullet-hover.gif) no-repeat center left!important;
}

#sec-nav li a.active {
	color: #981D20!important;
	background: transparent url(../images/secnav-bullet-hover.gif) no-repeat center left!important;
}

/* @end */
/* ------------------------------ */

/* @group Header */
/* = Header
------------------------------------- */

#banner {
	position: absolute; 
	top: 140px;
}

#quick_links{
	float: right;
	text-align: right;
	position: absolute;
	right:10px;
	top: 50px;
	color: #999;
}

#quick_links a {
	font-size: 11px;
	color: #999;
	
}

#quick_links a:hover {
	color: #981D20;
	text-decoration: underline;
}

.active_link {
	color: #981D20!important;
	text-decoration: underline!important;
}

#quick_links input {
	border: 1px #ccc solid;
	padding: 6px 6px 6px 25px;
	margin-top: 3px;
	font-size: 11px;
}	

#quick_links input.newsletter-input{
	background: #fff url(../images/search-icon.gif) no-repeat left;
}

#newsletter-btn {
	background: #981D20;
	color: #fff;
	padding: 5px 8px 5px 8px!important;
	border:none;
	font-size: 1.2em;
}

#newsletter-btn:hover {
	background: #fff;
	color: #981D20;
}

/* @end */
/* ------------------------------ */

/* @group Content */
/* = Content
------------------------------------- */

#content {
	margin-top: 386px;
	margin-bottom: 50px;
	float: left;
}

.cont {
	float: left;
	width: 264px;
}

.cont a {
	color: #7C1400;
	text-decoration: underline;

}

.cont a:hover {
	color: #777;
	text-decoration: none;
}

.cont p, #content_left p{
	padding-right: 23px;
	line-height: 1.6;
	font-size: 1.15em;
	margin-top: 10px;
}


.cont p+p, #content_left p+p{
	margin-top: 15px;
}

#content_left a:link, #content_left a:visited {
	color: #7C1400;
	text-decoration: underline;
}

#content_left a:hover {
	color: #777;
	text-decoration: none;
}

#content_right ul, #content_left ul, #content_left ol {
	text-align: left;
}

#content_right ul li {
	font-size: 12px;
	color: #555;
	margin: 7px 0 0 10px;
	line-height: 1.4;
}

#content_left ul li, #content_left ol li{
	font-size: 12px;
	color: #555;
	margin: 5px 0 0 20px;
}

#content_left ol li{
	line-height: 1.5;
	list-style-type: decimal;
	margin-left: 40px;
}

#content_left ul li{
	line-height: 1.5;
	list-style-type: disc;
	margin-left: 40px;
}

#content_right p {
	margin: 10px 0 10px 0;
}

#content_right strong {
	font-size: 13px;
	color: #666;
	font-weight: bold;
}

#content_left strong {
	font-size: 13px;
	color: #666;
	font-weight: bold;
}

#content_left .members-right {
	position: absolute; 
	left: 200px;
	top: 266px;
}


/* @end */
/* ------------------------------ */

/* @group Newsletter signup */
/* = Newsletter signup
------------------------------------- */

#content_left label {
	display: block;
	color: #000;
}

#content_left input {
	border:1px #CCBA3B solid;
	background: #eee;
	color: #000;
	border:1px #ccc solid;
	padding: 4px 3px 4px 4px;
	margin-bottom: 10px;
}

#content_left input:focus {
	border:1px #CCBA3B solid;
	background: #fff url(../images/background.gif) repeat-x top left;
	padding: 4px 3px 4px 4px;
}

#content_left #submit {
	border:1px #ccc solid;
	background: #fff url(../images/background.gif) repeat-x top left;
	padding: 4px 3px 4px 4px;
	margin: 0 30px 0 0;
}

#content_left #submit:hover {
	border:1px #CCBA3B solid;
	background: #7C1400;
	color: #fff;
	padding: 4px 3px 4px 4px;
	margin: 0 30px 0 0;
}

textarea {
	border: 1px solid #bebebe;
	font: 1.1em Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	padding: 4px;
	width: 95%;
	color: #000;
	background: #eee;
	padding: 4px 3px 4px 4px;
}

textarea {
	height: 100px;
}

textarea:focus {
	border:1px #CCBA3B solid;
	background: #fff url(../images/background.gif) repeat-x top left;
	padding: 4px 3px 4px 4px;
}

span.required-style {
	color: red;
 }

/* @end */
/* ------------------------------ */


/* @group Footer */
/* = Footer
------------------------------------- */

#footer {
	width: 100%;
	text-align: left;
	position: relative;
	border-top: 1px #CEAEA5 solid;
	padding: 20px 0 0 0;
	background: #fff url(../images/footer_bg.gif) no-repeat top center;
	min-height: 150px;
	height: 130px;
	clear: left;
}

#footer a:link, a:visited {
	color: #981D20;
}

#footer a:hover {
	text-decoration: underline;
	color: #000;
}

#footer .footer_links ul {
	float: left;
	margin: 5px 50px 0 0;
}

#footer .footer_links li {
	margin: 0 0 6px 0;
}

#footer .footer_links ul li a:link, #footer .footer_links ul li a:visited {
	background: url(../images/footer_bullet.gif) no-repeat top left;
	padding: 0 0 0 15px;
}

#footer .footer_links ul li a:hover {
	text-decoration: underline;
	color: #000;
}

#footer .copy_right {
	position: absolute;
	right: 0;
	top: 25px;
}

#footer .copy_right p {
	color: #999;
	text-align: right;
}

#footer .copy_right p.facebook a {
	text-align: right;
	background: url(../images/facebook.png) no-repeat center right;
	margin: 10px 0 5px 0;
	padding: 5px 24px 5px 0;
	display: block;
}

#footer .copy_right p.twitter a {
	text-align: right;
	background: url(../images/twitter.png) no-repeat center right;
	margin: 5px 0 5px 0;
	padding: 5px 24px 5px 0;
	display: block;
}


/* @end */
/* ------------------------------ */

.brder-right {
	border-right: 1px #F7C7BF dashed;
}

.mrg-left {
	margin-left: 30px;
}

.neg-mrg-top {
	margin-top: 0px!important;
}	

.share-your-story a:hover, .read-more a:hover {
	background-position: right bottom;
}

.share-your-story a,
.share-your-story a:visited
{
	text-indent: -7777px;
	background: url(../images/share-your-story.gif) no-repeat;
	background-position: right top;
	width:152px;
	height: 36px;
	display:block;
	margin: 16px 0 0 95px;
}

.read-more a,
.read-more a:visited
{
	text-indent: -7777px;
	background: url(../images/read-more.gif) no-repeat;
	background-position: right top;
	width:101px;
	height: 36px;
	display:block;
	margin: 16px 0 0 135px;
}

hr {
	border:none;
	height:1px;
	background: #ccc;
	margin: 20px 0 20px 0;
	width: 92%;
}

hr.sechr {
	border:none;
	height:1px;
	background: #981D20;
	margin: 20px 0 20px 0;
	width: 92%;
}

.lrg-mrg-top {
	margin-top: 20px!important;
}

.mrg-bottom {
	margin-bottom: 40px!important;
}

.bold-underline {
	font-weight: bold;
	text-decoration: underline;
}