/* CSS Document */

body {
	font:13px 'Chivo', serif;
	color:#604c35;
	background:#bfb7ae url(../images/bg.jpg) left top repeat;
	margin:0px;
	padding:0px;
	font-weight:400;
}

p {
	margin:8px 0px;
	text-align:left;
	font-weight:400;
}
.bree {
	font:16px 'Bree Serif', serif;
	color:#604c35;
}
a, a:link {
	color:#d4242c;
	text-decoration:underline;
}
a:visted {
	color:# 526C02;
}
a:hover, a:active {
	text-decoration:none;
	color:#000
}
#layout {
	width:850px;
	line-height:18px;
	margin:0px auto;
	position:relative;
}

#topzone {
	height:62px;
}

#topzoneleft {
	float:left;
	padding:0px;
	height:62px;
	width:330px;
	overflow:hidden;
}
#topzoneleft a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#topzoneright {
	float:right;
	padding:18px 20px 0px 0px;
}

#signup #banner, #details #banner, #coordinator #banner {
	height:260px;
	background:#fff  url(../images/banner.jpg) left top no-repeat;
}
#banner {
	height:260px;
	background:#fff url(../images/banner.jpg) left top no-repeat;
	margin-top:10px;
	position:relative;
}

#logo {
	padding:0px;
	margin-left:-10px;
	margin-top:-5px;
	position:absolute;
	
}
#logo2 {
	padding:0px;
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	top:-5px;
}


#bannerleft {
	width:270px;
	float:left;
	padding:40px 0px 0px 60px;
}

#bannerright {
	width:340px;
	float:right;
}

#bodycontainer {
	width:849px;
	background: #fff;
	overflow:hidden;
}

#leftcontainer {
	width:542px;
	float:left;
	
}

#rightcontainer {
	width:235px;
	float:right;
	padding:54px 38px 20px 30px;
	border-left: solid 1px #DADADA;
}


#welcomezone {
	background:#fff;
	padding:50px 50px 20px 50px;
}
#welcomezone2 {
		padding:50px 50px 20px 50px;
}

#aboutzone p strong, #benefitzone p strong, #signupdetails p strong {
	font-size:16px; font-weight:500;
}
#signature {
	background:url(../images/jason.jpg) no-repeat;
	background-position: bottom left;
	margin-top:20px;
	height:170px;
	margin-top:-45px; margin-left:-25px; margin-right:-30px;
	}
	#signature p {
	padding-left:102px;
	
	vertical-align: bottom;
	display: inline-block;
	}
#signupdetails {
	
	padding:30px 35px 50px 50px;
	background-color:#fff;
}	
#aboutzone {
	width:180px;
	float:left;
	padding:30px 35px 30px 40px;
	background-color:#fff;
}
#aboutzone ul li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 12px;
	padding: 0px;
	
}

li#one, li#two, li#three {
	font-weight:500;
	font-size:16px;
	line-height:1.2em;
	margin-left: 12px;
	padding-left: 24px;
	
	list-style-image:none;
	display:block;
	background:url(../images/1.gif) no-repeat top left;
}
li#one {
	background: url(../images/1.gif) no-repeat top left;
}
li#two{ 
background: url(../images/2.gif) no-repeat top left; }
li#three {
	background: url(../images/3.gif) no-repeat top left; }


#benefitzone {
	width:200px;
	float:right;
	padding:30px 40px 30px 30px;
}

.newsrow {
	padding:0px 0px 14px 0px;
	margin:0px 0px 15px 0px;
}
.newsrow li { list-style: none; 
	
}

#footer {
	width:860px;
	font-size:11px;
	height:63px;
	background:url(../images/footer.gif) center top repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#footerleft {
	float:left;
	color:#746452;
	font-weight:500;	
	padding:30px 0px 0px 35px;
}

#footerright {
	float:right;
	color:#746452;
	padding:30px 17px 0px 0px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

/*	Img Style Start Here  */

.welcomeimg {
	float:left;
	padding:0px 30px 0px 0px;
}
.readmore {position: relative; text-align:right; margin-top:6px; }
a.readmore{		
	color:#fff;
	text-decoration: none;
	font-weight: 500;
	font-size:15px;
	background:url(../images/btn.gif) no-repeat bottom right;	
	height:22px;	
	padding-right:14px;
	display:block;
	overflow:visible;	
}
a.site {
color:# 357482;
font:12px;
text-decoration:none;
letter-spacing:.1em;
float:left;	
}
a.site:hover {
	color:#CC0000;
	text-decoration:underline;
}
a.readmore:hover {
	color:#C0C0C0;
}

/*	Img Style End Here  */

/*	Text Style Start Here  */

h1 {
	font:bold 28px "Arial Narrow", Tahoma, sans-serif;
	color:#d4242c;
	padding:0px 0px 15px 0px;
	margin:0px;
	text-transform:uppercase;
}
#h1works, #h1regnow, #h1more, #h1family, #h1signup, #h1members, #h1coord, #h1tools, #h1earn, #h1location, #h2signup, #h2more {
text-indent: -9999px;
background: no-repeat;	
}
#h1works{
	background:url(../images/h1works.gif) no-repeat;
	height:100px;
	margin-left:-40px;
	margin-right:-40px;
	margin-top:-40px;
	}
#h1regnow{
	background: url(../images/h1regnow.gif) no-repeat;
	margin:-70px -35px 0 -30px; height:70px;
	}
#h2signup {
background:url(../images/h2signup.gif) no-repeat;
height:55px; margin-top:-30px; margin-left:-30px; margin-right:-40px;	
}
#h2more {
	background:url(../images/h2moreinfo.gif) no-repeat;
height:55px; margin-top:-30px; margin-left:-30px; margin-right:-40px;	
}

#h1signup{
	background:url(../images/h1signup.gif) no-repeat;
	height:100px;
	margin-left:-40px;
	margin-right:-40px;
	margin-top:-40px;
	}
#h1members{
	background: url(../images/h1members.gif) no-repeat;
	}
#h1more{
	background: url(../images/h1more.gif) no-repeat;
	}
#h1tools{
	background: url(../images/h1fundraising.gif) no-repeat; margin:-70px -35px 0 -30px; height:70px;
	}
#h1coord{
	background: url(../images/h1earn.gif) no-repeat;margin: -55px -20px 20px -40px;
	height:70px;
	}
#h1family {
background: url(../images/h1difference.gif) no-repeat;
height:70px; margin-top:-40px; margin-left:-24px;
}
#h1earn {
background: url(../images/h1details.gif) no-repeat;
no-repeat;margin: -55px -20px 20px -40px;
	height:70px;
}
#h1location {
background: url(../images/h1locations.gif) no-repeat;
margin:-70px -35px 0 -30px; height:70px;
}
.h1span {
	font:28px Arial Narrow, Tahoma, sans-serif;
	color:#604c35;
	font-weight:400;
	text-transform:uppercase;
}

h2 {
	color:#fff;
	padding:0px;
	margin:0px;
	font-weight:400;
}
h3, h4, h5, h6 {
	font-weight:400;
}

.bannertxtblock {
	background:url(../images/bannertxtbg.gif) left top repeat-y;
	padding:25px 0px 20px 40px;
}

.bannertxt1 {
	font:bold 25px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#fff;
}

.bannertxt2 {
	font:25px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:100;
}

.date {
	font-weight:bold;
	background:url(../images/date.gif) 0px 1px no-repeat;
	padding:0px 5px 0px 5px;
	margin:0px 0px 10px 0px;
}

/*	Text Style End Here  */

/*	Menu Style Start Here  */




p.earnexample {
	border:solid 1px #CCB799;
	padding:10px;
	line-height:18px;
	display:block;
	background-color:#EDE7DC;
}
ul {
	margin:0;
	padding:0;
}
#nav{
	background:#fff url(../images/nav-bar-sprite.gif) ;
	height:45px;
	width:850px;
	margin:0;
	border-bottom:solid 1px #DADADA	;
	
}
#nav span {
	display:none;
}
#nav li {
	list-style-type:none;
	float: left;
}
#nav a {
	height:45px;
	display:block;
	border:none;
}
#list1 {width:295px;}
#list2 {width:135px;}
#list3 {width:190px;}
#list4 {width:230px;}

#list1 a:hover, #card #list1 a {
      background: url(../images/nav-bar-sprite.gif) 0px -39px no-repeat;
}

#list2 a:hover, #signup #list2 a {
      background: url(../images/nav-bar-sprite.gif) -295px -39px no-repeat;
}
#list3 a:hover, #details #list3 a {
      background: url(../images/nav-bar-sprite.gif) -430px -39px no-repeat;
}
#list4 a:hover, #fundraising #list4 a {
      background: url(../images/nav-bar-sprite.gif) -620px -39px no-repeat;
}


.topurl {
	color:# 746452;
	
	font-size:14px;
	text-align:left;
	margin-right:24px;
}

.topurl a {
	color:#ef4346;
	text-decoration:none;
	font-size:24px;
	padding-top:4px;
	line-height:24px;
}

.topurl a:hover { color:#746452; 
}

#topanchor {
	background:url(../images/topzonebg.gif) left top no-repeat;
	padding:32px 50px 22px 20px;
}

#topanchor a {
	display:block;
	float:left;
	font:11px;
	padding:0px 0px 0px 0px;
	color:#fff;
	text-decoration:none;
}

#topanchor a:hover {
	color:#e1e1e1;
}

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

#footer a:hover {
	text-decoration:none;
}

#coodinator #rightcontainer ul li {
	list-style-type: none;
	list-style-image: none;
	padding-bottom:12px;
}
a.button {
	display: inline-block;
        position: relative;
        color:#fff;
		text-decoration:none;
		padding-left:10px;
		padding-top:3px;
		font-size:14px;
		font-weight:400;
        width: 200px;
        height: 20px;
        background: url(../images/button.png) no-repeat;
}
a.button span {
	position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(../images/button.png) no-repeat;
    background-position: 0 -23px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;

	
}
a.button:hover span {
	opacity:1;
}
.cc { margin: -20px 0px -10px 40px; }





#toggle-view {
    list-style:none;    
    margin:0;
    padding:0;
    
}
 
    #toggle-view li {
        background-color:#E7E1D8;
        position:relative;
        cursor:pointer;
    }
     
    #toggle-view h3 {
        padding:10px;
        font-size:14px;
		line-height:16px;
    }
 
    #toggle-view span {
        position:absolute;
        right:10px; top:8px;
        color:# 62533C;
        font-size:18px;
    }
     
    #toggle-view .panel {
        padding:12px;
        display:none;
    }