/* Remove the margin/padding from all elements */
* { margin: 0; padding: 0;}


html {
	height: 100%;
}


body {
	text-align: center; 
	background: url(/images/sliver.png); 
	background-repeat: repeat-x; 
	height: 100%;
}

#main {
	background: url(/images/header.jpg); 
	width: 940px; 
	background-repeat: no-repeat; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	 
 	/* These shenanigans are to make the footer work? */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -134px;
}

#wrapper {
	position: relative;
	top: 49px;
	width: 920px;
	margin-left: 8px;
	margin-right: 10px;
	/*background: url(/images/home/orangePaper.jpg);*/
}

/* navigational styling */
#nav {
	position: relative;
	top: 49px;
	left: 320px;
	height: 58px;
	width: 568px;
	text-align: left;
}

#nav ul {list-style: none;}
#nav li {list-style: none; float: left;}
#nav a {float: left; position: relative; text-align: center; text-decoration: none;}


#home { padding-left: 0;}
#family_camp { margin-left: 1px; }
#the_banner { margin-left: 1px; }
#history { margin-left: 1px; }
#partners { margin-left: 1px; }
#mission_fields { margin-left: 1px; }
#donate { margin-left: 1px; }

#home a {width: 66px; display: block; height: 58px;}
#family_camp a {width: 78px; display: block; height: 58px;}
#the_banner a {width: 79px; display: block; height: 58px;}
#history a {width: 85px; display: block; height: 58px;}
#partners a {width: 94px; display: block; height: 58px;}
#mission_fields a {width: 85px; display: block; height: 58px;}
#donate a {width: 75px; display: block; height: 58px;}

/*
#home a {width: 66px; display: block; height: 58px; left:0;}
#family_camp a {width: 78px; display: block; height: 58px; left: 1;}
#the_banner a {width: 79px; display: block; height: 58px; left: 2;}
#history a {width: 85px; display: block; height: 58px; left: 3;}
#partners a {width: 94px; display: block; height: 58px; left: 4;}
#mission_fields a {width: 85px; display: block; height: 58px; left: 5;}
#donate a {width: 75px; display: block; height: 58px; left: 6;}
*/

/* Hover background image replacement */
#home a:hover {background: url(/images/buttons/selected/home-selected.png); }
#family_camp a:hover {background: url(/images/buttons/selected/family_camp-selected.png); }
#the_banner a:hover {background: url(/images/buttons/selected/the_banner-selected.png); }
#history a:hover {background: url(/images/buttons/selected/history-selected.png); }
#partners a:hover {background: url(/images/buttons/selected/partners-selected.png); }
#mission_fields a:hover {background: url(/images/buttons/selected/mission_fields-selected.png); }
#donate a:hover {background: url(/images/buttons/selected/donate-selected.png); }


#nav img { margin-top: 5px; }
img { border: none; }
span.hide {visibility: hidden;}


	/*Now pre-load all the hover images*/
.preload1 {background: url(/images/buttons/selected/home-selected.png);}
.preload2 {background: url(/images/buttons/selected/family_camp-selected.png);}
.preload3 {background: url(/images/buttons/selected/the_banner-selected.png);}
.preload4 {background: url(/images/buttons/selected/history-selected.png);}
.preload5 {background: url(/images/buttons/selected/partners-selected.png);}
.preload6 {background: url(/images/buttons/selected/mission_fields-selected.png);}
.preload7 {background: url(/images/buttons/selected/donate-selected.png);}

/* End Navigational Styling */

/* Begin Footer Styling */
.push { height: 134px;}

#footer {
	background: url(/images/footer.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 134px;
	margin: 0;
	/*clear: both;*/
	bottom: 0px;
}
#footer div.copyright {
	position: relative;
	top: 95px;
	height: 29px;
	width: 363px;
	padding: 0;
	padding-top: 10px;
	margin: 0 auto;
	background: url(/images/misc/copyright-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#footer div.copyright p {
	margin: 0;
	padding: 0;
	font-size: .8em;
	color: black;
}
/* End Footer Styling */



/* Miscellaneous */ 
.margin3 {
	margin-left: 3px;
	margin-right: 3px;
}

#c1 p {margin: 0; padding: 0; }

.attention {
	color: red;
	font-weight: bold;
}


/* 	put the image preloader at the bottom in the 
	hope that it will load AFTER the important content */
.imagePreloader {
	width:0;
	height:0;
	visibility: hidden;
	position: absolute;
	bottom: 0;
}

.clear{ clear:both; }
#clear { clear: both; }

.center { text-align: center; }

/* Set the p padding/margin -- you need to specify these to avoid cross-browser problems */
p { padding: 0; margin: 15px; font-family: verdana, "trebuchet MS", helvetica, sans-serif; font-size: .8em;  }
h3 {font-family: "Times New Roman", Times, serif;}
h4 {font-family: "Times New Roman", Times, serif;}

h6 {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	font-size: .8em;
	padding: 0;
	margin: 0;
	background: url(/images/misc/sectionHeader2.png);
	background-repeat: no-repeat;
	/*background-color: #103877;*/
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 8px;
	/*height: 23px;*/
	color: white;
}


/* End of miscellaneous */