/*-----------------------------------------------
Author:   Jason Cooper
Date:  Dec 1 2010

----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  


/* Global 
----------------------------------------------- */
.message{
    background-color: #FFFFFF;
    color: green;
    padding-left: 10px;
}
.links{
    width: 300px;
    text-align: left;
}
h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 20px;
  	line-height: 24px;	
	}
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 16px;
  	line-height: 20px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #642600;
    text-decoration: underline;
	}    
a:hover {
	color: #6f5546;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

hr {
  border: none;
  background-color: #6c2c00;
  color: #6c2c00;
  height: 1px;
}

 img, div, input { behavior: url("iepngfix.htc") }
	
/* Header 
----------------------------------------------- */	
#header {
	height: 200px;
	}
	
#logo {
	position: absolute;
	left: 600px;
	top: 80px;
	
	}
	
/* Navigation
----------------------------------------------- */
#navMain {
	float: left;
	width: 570px;
	font-family: times, georgia, serif;
	font-size: 19px;
	color: #ECDC84;
	margin: 165px 0 0 60px;
	z-index: 10
	}
	#navMain a:link, 
	#navMain a:visited, 
	#navMain a:active {
		color: #e3d2a0;
		text-decoration: none;
		}    
	#navMain a:hover {
		color: #ECDC84;
		text-decoration: none;
		}  
		
	#navMain img {	
		padding: 0;
		margin: 0;
		}
	
	#navMain ul li{
		display: inline;
		padding: 0 60px 0 0;
		}
		
	#nav, #nav ul{
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
		position:relative;
		line-height:1.5em; 
		z-index: 10;
		}
	
	#nav ul li a{
		display:block;
		padding:0px 5px;
		color:#fff;
		text-decoration:none;
		background-image: url('../media/menuBg.png') ;
		text-align: left;
		margin-bottom: 1px
		}
		
	#nav a:hover{
		/*background-color:#eae5d1;*/
		background-image: none ;
		color:#333;
		}
	
	#nav li{
		float:left;
		position:relative;
		}
	
	#nav ul {
		position:absolute;
		display:none;
		width:12em;
		}
	
	#nav li ul a{
		width:12em;
		height:auto;
		float:left;
		}
	
	#nav li ul a:hover{
		background-color: #2c1000;
		color: #e3d2a1
		}	
	
	#nav ul ul{
		top:auto;
		}	
	
	#nav li ul ul {
		left:12em;
		margin:0px 0 0 10px;
		}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
		display:none;
		}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
		display:block;
		}

	
/* Body 
----------------------------------------------- */
body {
	background: #000 url('../media/bodyBg.jpg') no-repeat top center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #2f1810;
	text-align: center;
	
	}

body#sub {
	background: #000 url('../media/bodySubBg.jpg') no-repeat top center;
  	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 14px;
  	line-height: 20px;
  	color: #2f1810;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 900px; 		
	position: relative;
	}
	
#mainHome {
  	text-align: left;
  	height: 510px;
  	border: solid 1px transparent;
  	font-size: 14px;
  	line-height: 22px;
  	color: #555555;
	}	
	#mainHome #content {
		width: 650px;
		margin: 70px 0 0 200px;
  		position: relative;
		}
	#yourStory {
		position: absolute;
		top: 175px; 
		width: 300px;
		height: 150px;
		z-index: 100;
		}		
		#yourStoryImg {
			position: relative;
			left: -8px;
			}
		
	#photoHome {
	position: absolute;
	top: 475px;
	left: -55px;
	z-index: 0;
		}
	
	#photoSub {
	position: absolute;
	top: 890px;
	left: 460px;
	z-index: 0
		}	
	
#mainSub {
  	text-align: left;
  	height: 830px;
  	border: solid 1px transparent;
  	margin: 0 0 0 30px;
  	position: relative;
	}	
	#mainSub #content {
		width: 620px;
		margin: 70px 0 0 200px;
		}
	#photoSub1 {
		position: absolute;
		top: 890px;
		left: 210px;
		z-index: 0
		}
	#photoSub2 {
		left: 380px;
		top: 850px;
		position: absolute;
		z-index: 1
		}
	#photoSub3 {
		left: 590px;
		top: 830px;
		position: absolute;
		z-index: 2
		}
		
		
	#photoMemory1 {
		left: 10px;
		top: 10px;
		position: relative;
		z-index: 1
		}
	#photoMemory2 {
		left:270px;
		top: 60px;
		position: absolute;
		z-index: 2
		}		
		

		
		
/* Add Form
----------------------------------------------- */

#form{ 
	padding:0;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 14px;
	}

#form legend	{ 
	display: none; 
	}
	
#form label	{ 
	width: 150px;
	float: left;
	padding: 0 0 15px 0;
	line-height: 25px
	}

#form textarea	{ 
	width: 300px;
	float: left;
	padding: 0 0 15px 0;
	line-height: 25px;
	border: solid 1px #7e7e7e;

	-moz-border-radius-topleft:  5px;  /* Firefox */
	-moz-border-radius-topright:  5px;  /* Firefox */
	-moz-border-radius-bottomleft:  5px;  /* Firefox */
	-moz-border-radius-bottomright:  5px;  /* Firefox */

   	-webkit-border-top-left-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-top-right-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-bottom-left-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-bottom-right-radius: 5px;  /* Safari/WebKit */

    border-top-left-radius: 5px;  /* future browsers with CSS3 support */
    border-top-right-radius: 5px;  /* future browsers with CSS3 support */
    border-bottom-left-radius: 5px;  /* future browsers with CSS3 support */
    border-bottom-right-radius: 5px;  /* future browsers with CSS3 support */	
	}


#form input	{ 
	display: inline; 
	padding: 3px; 
	margin: 0 0 10px 0; 
	font-size: 18px;
	color: #3a3a3a; 
	background-color: #fff;
	
	-moz-border-radius-topleft:  5px;  /* Firefox */
	-moz-border-radius-topright:  5px;  /* Firefox */
	-moz-border-radius-bottomleft:  5px;  /* Firefox */
	-moz-border-radius-bottomright:  5px;  /* Firefox */

   	-webkit-border-top-left-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-top-right-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-bottom-left-radius: 5px;  /* Safari/WebKit */
   	-webkit-border-bottom-right-radius: 5px;  /* Safari/WebKit */

    border-top-left-radius: 5px;  /* future browsers with CSS3 support */
    border-top-right-radius: 5px;  /* future browsers with CSS3 support */
    border-bottom-left-radius: 5px;  /* future browsers with CSS3 support */
    border-bottom-right-radius: 5px;  /* future browsers with CSS3 support */
	}
	
#form input[type=checkbox]{ 
	width: 20px; 
	margin: 0; 
	display: inline-block; 
	}
		  
#form .button,
#form .button { 
	background: url('../media/button-bg.png') repeat-x top center;
	border: 1px solid #999;
	padding: 5px 10px 5px 10px; 
	color: #fff; 
	font-weight: bold;
	font-size: 15px;  
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}
#form .button:hover,
#form .button:hover	{ 
	background: #535353; color: #fff; 
	cursor:pointer; 
	cursor:hand;
	}			
		
		
		
		
	
/* Misc.
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: left;
	padding: 0 20px 20px 0;
	}
	
	

/* Footer 
----------------------------------------------- */
#footer {
	text-align: left;
	font-size: 11px;
	color: #bda069;
	margin: 20px 0 80px 0 ;
	}	
	#footer a:link, 
	#footer a:visited, 
	#footer a:active {
		font-size: 15px;
		color: #fff;
		text-decoration: underline;
		}    
	#footer a:hover {
		color: #b9c0c8;
		text-decoration: none;
		}  
	
	#copyright {
		float: right;
		width: 400px;
		text-align:right;
		margin: 0 30px 0 0 ;
		font-size: 10px;
		line-height: 16px;
		color: #f9f0d4;
		}
		#copyright a:link, 
		#copyright a:visited, 
		#copyright a:active {
			font-size: 10px;
			line-height: 16px;
			color: #f9f0d4;
			text-decoration: none;
			}    
		#copyright a:hover {
			color: #b9c0c8;
			text-decoration: underline;
			}  
		
	#emailList{
		margin: 30px 0 0 0;
		font-size: 13px;
		}
#links {
		position: relative;
		top: -20px;
		text-align: left;
		z-index: 100;
		
		}

.links {

	}

#mycustomscroll .links a:link, 
#mycustomscroll .links a:visited, 
#mycustomscroll .links a:active {
	color: #421900;
    text-decoration: underline;
	}    
#mycustomscroll .links a:hover {
	color: #421900;
    text-decoration: none;
	} 
		
#gruene {
	position: absolute;
	top: 10px;
	left: 230px;
	font-size: 11px;
	width: 300px;
	border: solid 1px black
	width: 300px;
	}		
	#gruene  a:link, 
	#gruene a:visited, 
	#gruene a:active {
	color: #fff;
    text-decoration: underline;
	font-size: 11px;
	}    
	#gruene a:hover {
	color: #6f5546;
    text-decoration: none;
	font-size: 11px;
	}