/* @override http://lodestoneproject.org/css/new_layout_screen.css */

@import 'lib/typography.css';

/* CSS Document */
@import 'lib/reset.css';

body, p, h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
	float: center;
	position: relative;
}
body
{
	background: #FFF url(../img/bkgrnd_stripe_gold.jpg) repeat left;
	font-family:Helvetica, sans-serif, Verdana, Arial;
	font-size: 80%;
	padding-left:20px;
}
#body
{
	float:left;
}

/* -------------------------------------------->>> PNGs <<<---------------------------------------------- */

/* Example - Use this to make IE6 render transparent png images correctly */


#background_linework {
	background: url(../img/bkgrnd_linework.png) repeat fixed left center;
	min-height: 1609px;
	width: 945px;
}

/* \ */
/* html #background_linework
{
    float: left;
    width:945px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bkgrnd_linework.png', sizingMethod='crop');
	background: none center center;
}*/

/*crop	Clips the image to fit the dimensions of the object. *this is the best option
scale	Stretches or shrinks the image to fill the borders of the object.
image	Default. Enlarges or reduces the border of the object to fit the dimensions of the image. *does not play nice
*/

/* */


#navigation
{
	float:left;
	width:515px;
	height:35px;
	padding-left:260px;
}
/************************************************************************************/
/* Top Menu */

#topmenu_floatleft { 
	float:left;
	display:inline;
}

a#home_hover img { border:none;
}
a#home_hover:hover img { border:none; }
a#home_hover { display:block; height:35px; width:73px; overflow:hidden; }
a#home_hover:hover { display:block; text-indent:-73px; }

a#supporters_hover img { border:none; }
a#supporters_hover:hover img { border:none; }
a#supporters_hover { display:block; height:35px; width:99px; overflow:hidden; }
a#supporters_hover:hover { display:block; text-indent:-99px; }

a#resources_hover img { border:none; }
a#resources_hover:hover img { border:none; }
a#resources_hover { display:block; height:35px; width:92px; overflow:hidden; }
a#resources_hover:hover { display:block; text-indent:-92px; }

a#about_hover img { border:none; }
a#about_hover:hover img { border:none; }
a#about_hover { display:block; height:35px; width:76px; overflow:hidden; }
a#about_hover:hover { display:block; text-indent:-76px; }

/* Side Menu 1 */

a#report_card img { border:none; }
a#report_card:hover img { border:none; }
a#report_card { display:block; height:55px; width:253px; overflow:hidden; }
a#report_card:hover { display:block; text-indent:-253px; }

a#decision_criteria img { border:none; }
a#decision_criteria:hover img { border:none; }
a#decision_criteria { display:block; height:54px; width:253px; overflow:hidden; }
a#decision_criteria:hover { display:block; text-indent:-253px; }

a#five_minutes img { border:none; }
a#five_minutes:hover img { border:none; }
a#five_minutes { display:block; height:53px; width:253px; overflow:hidden; }
a#five_minutes:hover { display:block; text-indent:-253px; }


/* Add Your Support Button */


a#add_your_support img { border:none; }
a#add_your_support:hover img { border:none; }
a#add_your_support { display:block; height:31px; width:145px; overflow:hidden; }
a#add_your_support:hover { display:block; text-indent:-145px; }



/***************************************************************************************/
#navigation .mainNavigation
{
	float:left;
	width:343px;
	height:35px;
}

#navigation .mainNavigation a.home
{
	float:left;
	width:73px;
	height:35px;
	border:0px;
	display:block;
	background:url(../img/headers/homeH.gif) no-repeat;
}
#navigation .mainNavigation a.home:hover
{
	background:url(../img/headers/home.gif) no-repeat;
}
#navigation .mainNavigation a.support
{
	float:left;
	width:99px;
	height:35px;
	border:0px;
	display:block;
	background:url(../img/headers/supporterH.gif) no-repeat;
}
#navigation .mainNavigation a.support:hover
{
	background:url(../img/headers/supporter.gif) no-repeat;
}

#navigation .mainNavigation a.resources
{
	float:left;
	width:92px;
	height:35px;
	border:0px;
	display:block;
	background:url(../img/headers/resourcesH.gif) no-repeat;
}
#navigation .mainNavigation a.resources:hover
{
	background:url(../img/headers/resources.gif) no-repeat;
}
#navigation .mainNavigation a.about
{
	float:left;
	width:76px;
	height:35px;
	border:0px;
	display:block;
	background:url(../img/headers/aboutH.gif) no-repeat;
}
#navigation .mainNavigation a.about:hover
{
	background:url(../img/headers/about.gif) no-repeat;
}

#content
{
	float:left;
	width:1000px;
	padding-top: 61px;
	background-position: center;
	background-attachment: scroll;
	background-repeat: repeat;
}
.upperNavigation
{
	float:left;
	width:775px;
	background-position: 260px;
	background-repeat: repeat-y;
}
.otherupperNavigation
{
	float:left;
	width: 800px;
	background-image: url(../img/littleBackGround.gif);
	background-position: 260px;
	background-repeat: repeat-y;
}

/*.otherupperNavigation2
{
	float:left;
	width:775px;
	
	background-position: 260px;
	background-repeat: repeat-y;
}*/

.leftupperNavigation 
{
	float:left;
	width:522px;
	height: 324px;
	text-align: right;
}
.rightupperNavigation 
{
	float:left;
	width:253px;
	height: 206px;
	padding-top: 118px;
}
.rightupperNavigation  a.report
{
	float:left;
	width:253px;
	height: 55px;
	background:url(../img/navigations/reportCard.gif) no-repeat;
	display:block;
	border:0px;
}
.rightupperNavigation  a.report:hover
{
	background:url(../img/navigations/reportCardH.gif) no-repeat;
}
.rightupperNavigation  a.decision
{
	float:left;
	width:253px;
	height: 54px;
	background:url(../img/navigations/decision.gif) no-repeat;
	display:block;
	border:0px;
}
.rightupperNavigation  a.decision:hover
{
	background:url(../img/navigations/decisionH.gif) no-repeat;
}

.rightupperNavigation  a.five
{
	float:left;
	width:253px;
	height: 53px;
	background:url(../img/navigations/fiveMinutes.gif) no-repeat;
	display:block;
	border:0px;
}
.rightupperNavigation  a.five:hover
{
	background:url(../img/navigations/fiveMinutesH.gif) no-repeat;
}

#content .lowerNavigation
{
	float:left;
	width:775px;
}
#content .leftlowerNavigation
{
	float:left;
	width:260px;
	height: 415px;
	padding-top: 35px;
}
#content .leftlowerNavigation a.tellUs
{
	float:left;
	width:260px;
	height: 37px;
	background:url(../img/navigations/tellUs.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.tellUs:hover
{
	float:left;
	width:260px;
	height: 37px;
	background:url(../img/navigations/tellUsH.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.facebook
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/facebook.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.facebook:hover
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/facebookH.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.areaVoice
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/areaVoice.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.areaVoice:hover
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/areaVoiceH.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.supporters
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/supporters.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.supporters:hover
{
	float:left;
	width:260px;
	height: 54px;
	background:url(../img/navigations/supportersH.gif) no-repeat;
	display:block;
	border:0px;
}
#content .leftlowerNavigation a.events
{
	float:left;
	width:260px;
	height: 53px;
	background:url(../img/navigations/events.gif) no-repeat;
	display:block;
	border:0px;
}

#content .leftlowerNavigation a.events:hover
{
	float:left;
	width:260px;
	height: 53px;
	background:url(../img/navigations/eventsH.gif) no-repeat;
	display:block;
	border:0px;
}



#content .rightlowerNavigation
{
	float:left;
	width:514px;
	height: 400px;
}
#content .rightlowerNavigation .textContent
{
	float: left;
	height: 357px;
	padding-top: 25px;
	width: 563px;
	background: url(../img/textContentBg.png) repeat-x;
}
.mainContent
{
	float:left;
	background:#eeeeee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b8b8b8;
	border-left-color: #b8b8b8;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	width: 500px;
}
p
{
	padding-bottom:10px;
	color:#959595;
}

#content .picGallery
{
	float:left;
	height: 146px;
	background:url(../img/contentBackbround.gif) 161px repeat-y;
	position: relative;
	width: 775px;
	top: -120px;
	left: 100px;
}
#content .picGallery img
{
	padding-right:12px;
	float:left;
}
.whyShould
{
	float: none;
	position: relative;
	top: -120px;
	background: transparent fixed;
	padding-left: 261px;
	clear: both;
}
.weNeed
{
	float:left;
	width: 775px;
	padding-left: 86px;
	background-image: url(../img/contentBackbround.gif);
	background-repeat: repeat-y;
	background-position: 261px;
	position: relative;
	top: -120px;
}
.weNeed .leftWeneed
{
	float:left;
	/*height:340px;*/
	padding-left:28px;
	margin-top: -20px;
}

/****************************************************************************/
/* 
  -- Even more rounded corners with CSS: Base stylesheet -- White Box
*/

.dialog {
 position:relative;
margin:0 0 0 14px;

min-width:100px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-bottom:1em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:url(../img/boxes/white_box2.gif) no-repeat top right;
	width: 700px;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0 1em 0 1.5em;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-14px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-14px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:500px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h3,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 1em 0 0;
}

.dialog ul { 
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 1em 0 2em; }


.dialog h3 {
 padding-bottom:0px;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet -- Grey Box
*/

.dialog2 {
 position:relative;
 margin:0 0 0 14px;

min-width:330px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog2 .content,
.dialog2 .t,
.dialog2 .b,
.dialog2 .b div {
 background:url(../img/boxes/grey_bottom2.gif) no-repeat top right;
}

.dialog2 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0 1em 0 1.5em;
}

.dialog2 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-14px;
 height:100%;
 _height:1251px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog2 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog2 .b,
.dialog2 .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog2 .b {
 background-position:bottom right;
}

.dialog2 .b div {
 position:relative; /* bottom corner width */
 margin-left:-14px;
 background-position:bottom left;
}

.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft {
 position:relative;
}

.dialog2 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1251px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog2 h3,
.dialog2 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 1em 0 0;
}

.dialog2 ul { 
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1em 1em 0 2em; }


.dialog2 h3 {
 padding-bottom:0px;
}

/**********************************************************************************/
ul
{
	margin:0px;
	padding:0px;
}
ul li
{
	margin-left:20px;
	color:#959595;
	list-style:url(../img/bullet.gif);
	line-height:120%;
}
ul.widOut li
{
	margin-left:0px;
	color:#959595;
	list-style-image:none;
	list-style-type:none;
	line-height:120%;
}
ul.widOutRedbox li
{
	margin-left:0px;
	color:#fff;
	font-size:130%;
	list-style-image:none;
	list-style-type:none;
	line-height:140%;
}

ul.widOutRedbox li a
{
	color:#fff;
	text-decoration:none;
}

ul.widOutRedbox li a:hover
{
	color:yellow;
	text-decoration:none;
}
.footer
{
	float:left;
	width:775px;
	height: 174px;
	padding-top:100px;
	position: relative;
	top: -180px;
	background-image: none;
	background-color: transparent;
}

* {
	
}

.footer
{
	float:left;
	width:775px;
	padding-top:100px;
	position: relative;
	top: -180px;
	background-image: none;
}

.footer p {
	font-size: 80%;
	line-height: 1.25em;
	height: 17px;
}

.footer .leftLogo
{
float:left;

	width:261px;
	height:174px;
	background-image: none;
}
.footer .rightLogo
{
	float:left;
	width:514px;
	height:136px;
	padding-top: 38px;
}
.footer .rightLogo .greyPart
{
	float:left;
	width:488px;
	height:105px;
	background-image: url(../img/footer/rightFooter.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 26px;
}
.footer .rightLogo .greyPart .leftgreyPart
{
	float:left;
	width:488px;
	height:103px;
	background-color: #eeeeee;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c2c2c2;
	border-bottom-color: #c2c2c2;
	position: relative;
	top: -1px;
}
.smallLogoDiv
{
	float:left;
	width:260px;
	height:380px;
	padding-top: 23px;
}
a.reportLeft
{
	float:left;
	width:259px;
	height:55px;
	background:url(../img/navigations/reportCardLeft.gif) no-repeat;
	display:block;
	margin-left:1px;
}
a:hover.reportLeft
{
	float:left;
	width:259px;
	height:55px;
	background:url(../img/navigations/reportCardLeftH.gif) no-repeat;
	display:block;
	margin-left:1px;
}
a.decisionCriteria
{
	float:left;
	width:259px;
	height:54px;
	background:url(../img/navigations/decisionCriteria.gif) no-repeat;
	display:block;
	margin-left:1px;
}
a:hover.decisionCriteria
{
	float:left;
	width:259px;
	height:54px;
	background:url(../img/navigations/decisionCriteriaH.gif) no-repeat;
	display:block;
	margin-left:1px;
}
a.fiveMinutes
{
	float:left;
	width:259px;
	height:53px;
	background:url(../img/navigations/fiveMinute.gif) no-repeat;
	display:block;
	margin-left:1px;
}
a:hover.fiveMinutes
{
	float:left;
	width:259px;
	height:53px;
	background:url(../img/navigations/fiveMinuteH.gif) no-repeat;
	display:block;
	margin-left:1px;
}
.smllog
{
	float:left; padding-bottom:30px;
}
.little
{
	float:left;
	width:428px;
}

.little .top {
	background: url(../img/littleTop.png) repeat-x left;
	padding-right: 30px;

padding-left: 30px;
padding-top: 15px;
	width: 555px;
}

.little .text
{
	float:left;
	background-color: #eeeeee;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

border-right-width: 1px;

border-left-width: 1px;

border-right-style: solid;

border-left-style: solid;

border-right-color: #b8b8b8;

border-left-color: #b8b8b8;

padding-right: 31px;

padding-left: 31px;
	width: 550px;
}
.redText
{
	color:#981c1f;
}
.aboutUsMain
{
	float:left;
	width:775px;
	background-image: url(../img/littleBackGround.gif);
	background-repeat: repeat-y;
	background-position: 260px top;
	padding-bottom: 15px;
}
.ReportMain
{
	display:inline;
	float:left;
	padding-left:85px;
	padding-top: 20px;
	background-image: url(../img/littleBackGround.gif);
	background-repeat: repeat-y;
	background-position: 260px top;
	padding-bottom: 15px;
	width: 800px;
}
.family
{
	float:left;
	width:261px;
}
.family img
{
	float:left;
	padding-top: 21px;
}

.leftaboutusmain
{
	float:left;
	width:347px;
	text-align: right;
}
.leftaboutusmain img
{
	float:right;
	padding-top:37px;
}
.rightaboutusmain
{
	float:left;
	width:428px;
}
.rightaboutusmain .mainContentText
{
	float:left;
	width:428px;
	padding-top:18px;
	background: url(../img/whoIsDiv.gif) repeat;
}
.rightaboutusmain .mainContentText .bottom
{
	float:left;
	width:428px;
	padding-bottom:19px;
	background: url(../img/whoIsDivBottom.png) repeat-x left bottom;
}
.rightaboutusmain .mainContentText .bottom .mainText1
{
	float:left;
	width:370px;
	background:#FFFFFF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-right: 28px;
	padding-left: 28px;
}
.rightaboutusmain .mainContentText .bottom .mainText1 table
{
	color:#959595;
}

.localEvents
{
	float:left;
	width:688px;
	background-image: url(../img/littleBackGround.gif);
	background-repeat: repeat-x;
	background-position: 260px;
	padding-left: 87px;
	padding-bottom: 20px;
}
.localEvents .topLocalEvents
{
	float:left;
	width: 688px;
	padding-top:22px;
	background: url(../img/localEventsTop.png) repeat;
}
.localEvents .bottomLocalEvents
{
	float:left;
	width:688px;
	padding-bottom:20px;
	background-image: url(../img/localEventsBottom.gif);
	background-repeat: repeat;
	background-position: bottom;
}
.localEvents .bottomLocalEvents .textLocalEvents
{
	float:left;
	width:638px;
	background:#fff;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	padding-top: 4px;
	padding-right: 24px;
	padding-left: 24px;
}
.bottomAboutContent
{
	float:left;
	width:775px;
	height:26px;
	background-image: url(../img/bottomAboutGreyText.gif);
	background-repeat: no-repeat;
	background-position: 260px;
}

.floatRight
{
	float:left;
	padding-left:57px;
	}

.floatRight2
{
	float:left;
	padding-left:57px;
	background-image: url(../img/littleBackGround.gif);
	background-repeat: repeat-y;
	background-position: 260px;
	padding-bottom:15px;
}

.hand
{
	background: url(../img/littleBackGround.gif) repeat;
	display: inline;
}
.youKnow
{
	float:left; width:364px; padding-right:32px;
}

.redBox
{
	float:left;
	width:237px;
	height:305px;
}
.redBox .topRedBox
{
	float:left;
	width:237px;
	height:22px;
	background:url(../img/redBoxTop.gif) no-repeat;
}
.redBox .contentRedBox
{
	float:left;
	width:209px;
	padding-left:18px;
	padding-right:10px;
	background:#981c1f;
}
.redBox .contentRedBox p img
{
	float:left;
	padding:0px;
}
.redBox .bottomRedBox
{
	float:left;
	width:237px;
	height:22px;
	background:url(../img/redBOxBottom.gif) no-repeat;
}