* { 
	margin : 0; 
	padding : 0;
 }
body {
	margin:0px 0px 0px 0px;
	padding:0px;
	height : 100%;
	background : #d0bc94 url(../images/siteimages/site_bkg.jpg) top center repeat-x;
}
html { 
	height : 100%;
}
/* ------------- containers */
#container1 {
	background:transparent url(../images/siteimages/bkg_texture.jpg) top center no-repeat;
	width: 100%;
	min-height:652px;
}
#container2 {	
	margin: 0px auto 0px auto; /* Must have auto to center in some browsers */
	width: 940px;
}
#container { 
	width : 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -57px;
	background : url(../images/siteimages/loop_bkg.jpg) repeat-y;
}
/* ------------- content */
.content {
	position : relative;
	margin: 0 auto;
	width : 940px;
}
#main_bkg {
	position : relative;
	width : 940px;
	min-height : 602px;
	background : url(../images/siteimages/main_bkg.jpg) no-repeat;
}
#cleardiv {
	clear : both;
	height: 57px; /* this pushs the footer */
}

/* ------------- general styles */
.smallspacer {
	margin-bottom : 10px;
}
.largespacer {
	margin-bottom : 20px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	background: #8e703c;
	padding:4px 0px 4px 12px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 20px;
	margin-bottom:12px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #836335;
	margin-bottom:4px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #836335;
	margin-bottom:8px;
}
h3 a:link { 
	color : #836335;
	text-decoration : none;
}
h3 a:visited { 
	color : #836335;
	text-decoration : none;
}
h3 a:hover { 
	color : #aa8e54;
	text-decoration : none;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #836335;
	margin-bottom:6px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom:18px;
}
p a:link { 
	color : #836335;
	text-decoration : none;
}
p a:visited { 
	color : #836335;
	text-decoration : none;
}
p a:hover { 
	color : #836335;
	text-decoration : underline;
}
#main ul {
	margin-left : 30px;
	margin-bottom: 14px;
}
#main li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.image {
	border: 4px solid #f4edde;
}
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #836335;
	width: 200px;
	background-color:#eae0cc;
	border: 1px solid #836335;
	padding : 3px 1px 4px 3px;
}
.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #836335;
	width: 200px;
	background-color:#eae0cc;
	border: 1px solid #836335;
	padding : 2px 2px 3px 2px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}
.bodytext a:link { 
	color : #836335;
	text-decoration : none;
}
.bodytext a:visited { 
	color : #836335;
	text-decoration : none;
}
.bodytext a:hover { 
	color : #836335;
	text-decoration : underline;
}

/* ------------- header */
#header {
	position : relative;
	width : 940px;
	height : 265px;
	background : url(../images/siteimages/header_bkg.png) no-repeat;
}

/* ------------- email */
#email {
	position : relative;
	height : 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #e9e2d3;
	padding:8px 0px 0px 570px;
}
#email a:link { 
	color : #e9e2d3;
	text-decoration : none;
}
#email a:visited { 
	color : #e9e2d3;
	text-decoration : none;
}
#email a:hover { 
	color : #fff;
	text-decoration : none;
}

/* ------------- nav */
#nav {
	position : relative;
	width:722px;
	margin-top:178px;
	margin-right:12px;
}
#nav ul {
	display:inline;
	list-style-type: none;
}
#nav li {
	float:left;
}
#nav a{
	height: 21px;
	display: block;
}
#nav #home a{ 
	background: transparent url(../images/siteimages/nav/home.png) no-repeat; 
	overflow: hidden; 
	width: 61px;
	text-indent : -9999px;
}
#nav #about a{ 
	background: transparent url(../images/siteimages/nav/about.png) no-repeat; 
	overflow: hidden; 
	width: 110px;
	text-indent : -9999px;
}
#nav #fundraising a{ 
	background: transparent url(../images/siteimages/nav/fundraising.png) no-repeat; 
	overflow: hidden; 
	width: 111px;
	text-indent : -9999px;
}
#nav #shop a{ 
	background: transparent url(../images/siteimages/nav/shop.png) no-repeat; 
	overflow: hidden; 
	width: 103px;
	text-indent : -9999px;
}
#nav #blog a{ 
	background: transparent url(../images/siteimages/nav/blog.png) no-repeat; 
	overflow: hidden; 
	width: 60px;
	text-indent : -9999px;
}
#nav #families a{ 
	background: transparent url(../images/siteimages/nav/families.png) no-repeat; 
	overflow: hidden; 
	width: 177px;
	text-indent : -9999px;
}
#nav #contact a{ 
	background: transparent url(../images/siteimages/nav/contact.png) no-repeat; 
	overflow: hidden; 
	width: 100px;
	text-indent : -9999px;
}
#nav #home a:hover {
	background-position: 0% -21px;
}
#nav #about a:hover {
	background-position: 0% -21px;
}
#nav #fundraising a:hover {
	background-position: 0% -21px;
}
#nav #shop a:hover {
	background-position: 0% -21px;
}
#nav #blog a:hover {
	background-position: 0% -21px;
}
#nav #families a:hover {
	background-position: 0% -21px;
}
#nav #contact a:hover {
	background-position: 0% -21px;
}

/* ------------- sidebar */
#sidebar {
	position : relative;
	width : 260px;
	float:left;
}

/* ------------- email form */
#signup {
	position : relative;
	background : url(../images/siteimages/email_signup_bkg.png) no-repeat;
	width : 243px;
	height : 94px;
	left: 10px;
}
#formdiv {
	position : relative;
	top: 46px;
	text-align:center;
}
#ea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background:#fff;
	width: 160px;
	border: 1px solid #977b42;
	padding : 4px 3px 4px 3px;
	margin-left: 5px;
}

/* ------------- violators */
.violator {
	position : relative;
	left: 10px;
	width:243px;
}
.violator ul {
	list-style-type:none;
}
#violator1 a {
	background : url(../images/siteimages/violators/fundraising.png) no-repeat;
	display:block;
	width : 243px;
	height : 110px;
	list-style-type:none;
	text-indent: -9999px;
}
#violator2 a {
	background : url(../images/siteimages/violators/families.png) no-repeat;
	display:block;
	width : 243px;
	height : 110px;
	list-style-type:none;
	text-indent: -9999px;
}
#violator3 a {
	background : url(../images/siteimages/violators/shirts.png) no-repeat;
	display:block;
	width : 243px;
	height : 110px;
	list-style-type:none;
	text-indent: -9999px;
}
#violator4 a {
	background : url(../images/siteimages/violators/blog.png) no-repeat;
	display:block;
	width : 243px;
	height : 110px;
	list-style-type:none;
	text-indent: -9999px;
}

/* ------------- social */
#social {
	position : relative;
	width : 260px;
	margin-top:5px
}
#social_icons {
	width : 126px;
	position : relative;
	margin: 0 auto;
}
#social ul {
	list-style-type:none;
}
#social li {
	float:left;
	margin:0px 0px 0px 8px;
}
#facebook_icon a {
	background : url(../images/siteimages/social/facebook.png) no-repeat;
	display:block;
	width : 32px;
	height : 32px;
	list-style-type:none;
	text-indent: -9999px;
}
#twitter_icon a {
	background : url(../images/siteimages/social/twitter.png) no-repeat;
	display:block;
	width : 32px;
	height : 32px;
	list-style-type:none;
	text-indent: -9999px;
}
#youtube_icon a {
	background : url(../images/siteimages/social/youtube.png) no-repeat;
	display:block;
	width : 32px;
	height : 32px;
	list-style-type:none;
	text-indent: -9999px;
}


/* ------------- donate */
#donate {
	position : relative;
	left: 10px;
	width: 243px;
	min-height:95px;
	background : url(../images/siteimages/donate_bkg.png) no-repeat;
	padding-top:45px;
	text-align:center;
}

/* ------------- main */
#main {
	position : relative;
	width : 660px;
	margin-bottom:10px;
	float:left;
}

/* ------------- footer */
#footer {
	position : relative;
	width : 940px;
	height : 57px;
	text-align : center;
	margin: 0px auto;
	background : url(../images/siteimages/footer_bkg.jpg) no-repeat;
}
#bottom_nav {
	position : relative;
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	color: #aa8e54;
}
#bottom_nav a:link { 
	color : #aa8e54; 
	text-decoration : underline;
}
#bottom_nav a:visited { 
	color : #aa8e54; 
	text-decoration : underline;
}
#bottom_nav a:hover { 
	color : #755b26; 
	text-decoration : underline;
}
