@charset "utf-8";
/* CSS Document */

article, aside, figure, footer, header, nav, section { display: block; margin: 0; padding: 0; }
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	background-color: #507190;
	margin: 0px;
	padding: 0px;
}
#container {
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top: 2px solid #b9ba84;
}
#logoIndex, #logo{
	display:block;
	margin:0;
	padding:0;
	border-right: 1px solid #b9ba84;
	border-left: 1px solid #b9ba84;
}
#logoIndex {
	height: 229px;
	width: 840px;
	background: url(../images/TheGrandView-banner-lrg.jpg) no-repeat;
}
#logo{
	height: 135px;
	width: 840px;
	background: url(../images/TheGrandView-MtShasta-lrg.jpg) no-repeat;
}
#logoIndex h1, #logoIndex h2, #logo h1, #logo h2 {
	position: absolute;
	top: -500px;
}
#logoIndex #topNavigation {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	display: block;
	width: 300px;
	padding-top: 30px;
	padding-left: 30px;
	position: relative;
	float:left;
}
#logoIndex #topNavigation ul{list-style-type: none; margin:0px; padding:0px;}
#logoIndex #topNavigation a {
		color:#003366;
		text-decoration: underline;
	}
#logoIndex #topNavigation a:hover {
		color:#ffffff;
	}	
 #quote {
	display: block;
	width: 100%;
	height: 31px;
	background:url(../images/bg-lrg-slogan.jpg) no-repeat;
	padding :0px;
    margin:0px;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #b9ba84;
	border-left: 1px solid #b9ba84;
	}
#quote p {	font-family: Times New Roman, Times, serif;
	color:white;font-size:17px;	
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	margin:0; padding: 0;
	}
	#navigation {
	display: block;
	width: 100%;
	background-color:#b9ba84;
	padding-top:0px;
	color:white;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding: 0px;
border-right: 1px solid #b9ba84;
	border-left: 1px solid #b9ba84;
	}


	#navigation ul {  margin:0;   text-align:center}
	#navigation ul li { border-left:1px dashed #ffffff;}
	
#maincontent {
	width:100%;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color:#C0DFFE;
	border-top:1px solid #757547;
	border-right: 1px solid #b9ba84;
	border-left: 1px solid #b9ba84;
}

#mainSub {
	width:100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg-lrg-main.jpg);
	background-repeat:repeat-y;
	border-top:1px solid #757547;
	border-right: 1px solid #b9ba84;
	border-left: 1px solid #b9ba84;
}
#mainColumnL {
	float:left;
	width:200px;
	margin: 0px;
	padding: 0px;	
}
#mainColumnL div.addressInfo {
	color:#CC6600;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	font-weight:bold;
	margin-top:20px;
	}	
#mainColumnL div.addressInfo a {
	background-color:rgba(204,144,85,1);
	font-size: 10px;
	padding:1px 3px; 
	text-decoration:none;
	font-weight:normal;
	color:#404040;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	border-top: 1px solid #909090;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #909090;
		}
#mainColumnL div.addressInfo a:hover{
	color:#990000;
	background-color:rgba(214,214,214,0.5);
	}
#mainColumnL div.testimonial {
	color:#404040;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	font-weight:normal;
	margin-top:10px;
	text-align:left;
	padding-left:8px;
	line-height:16px;
	}
	#participant{
		display:block;
		width:190px;
		margin:3px auto;
		text-align:center;
		 background-color:#808080;	
		 font-size: 15px;
		 border: 1px dotted #505050;
		}
		#participant:hover{background-color:rgba(214,214,214,0.5);}
	#participant a{
		text-decoration:none;
		color: #ffffff;
	}	
	#participant a:hover{
		color:#990000;
		
	}	
#mainColumnR {
	float:right;
	width:640px;
	margin: 0px;
	padding: 0px;
	
}
#mainColumnR h3{
	margin:0;
	padding: 20px 0 10px 20px;
	color:#603;
	font-size:20px;
	font-weight:bold;
}
#mainColumnR p{
	margin:0;
	padding: 5px 20px 15px 20px;
	font-size:14px;
	}
#mainColumnR td{
	font-size:13px;
	padding: 5px;

	}
	
#mainColumnR img {
	padding: 5px;
	margin:0 15px;
	border: 1px solid #707070;
	} 
	
	
	

/*     Formatting the index page    */
/*    **************************   */
#maincontent #vision { 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size:20px; font-weight:bold; line-height:30px; 
	background-image:url(../images/pic.jpg); 
	background-repeat:no-repeat; 
	width: 800px; 
	height:197px; 
	text-align:right;
	padding:0px 20px 0 0px; 
	margin:0px; 
	}
	#maincontent #eventDates {
	display: block;
	width:550px;
	position:relative;
	top:-40px;
	margin-left:180px;
	padding-top:5px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	text-align:left;
	}
	#maincontent #eventDates h5 {
		font-size:20px;
	 font-weight:bold;
	 color:#cc6600;		
	 margin:0; padding:0;}
	
	 div#podsContainer { position:relative; top:-30px;  width: 100%;  height:300px; margin:0 auto; padding:0;background-color: #D0D1E6; }
		 div#podsContainer a { text-decoration: none;}
	 .pod, .pod1 { 
	 background: #D0D1E6; 
	 padding: 10px; 
	 width: 240px;  
	 height:260px; 
	 float:left; 
	 margin-right: 10px; 
	 text-decoration: none;
	 border-top: 1px solid #E8E8EE;
	 border-right: 1px solid  #C9C9CF;
	 border-bottom: 1px solid #C9C9CF;
	 border-left: 1px solid #E8E8EE;

	 }
	 .pod1 {margin-left:15px;}
	 .pod:hover, .pod1:hover{ background-color: #A3A5CD;
	  border-top: 1px solid #A5A5BD;
	 border-right: 1px solid  #86869E;
	 border-bottom: 1px solid #86869E;
	 border-left: 1px solid #A5A5BD;
	 
	 }
	 .pod img, .pod1 img{border: 1px solid  #86869E}
	 .podContent { margin-top:10px; width: 240px; height:180px; overflow:hidden;text-decoration: none;}
	 .pod a h3, .pod1 a h3{ color: #990000;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align:center }
	.pod a h3{
		text-decoration: none;
	 }
/*    **************************   */


/*     Footer                      */
/*    **************************   */	 
	 footer { width: 100%;padding:0px; margin:0; clear:both;  } 
	 div#facebook{width: 100%; background-color:#b9ba84; border-right: 1px solid #b9ba84;border-left: 1px solid #b9ba84;}
	 div#facebook p { margin:0px; text-align:center;  font-size:13px; color:#003333; padding:8px 0;} 
	 #phone { font-weight:bold; color: #000; } 
	 #facebookTwitter { float:right; margin-right:25px;margin-top:5px; }
	 #copyRight{
	display: block;
	width: 100%;
	height: 40px;
	background-color: transparent ;
	padding-top:0px;
	color:white;font-size:12px;	
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding: 0px ;
	}
	
	/* links for the footer *******************************/
	footer .email {
	display: inline-block;
	margin-top: 5px;
	background-color:#A6A6A6;
	padding: 1px 4px;
	text-decoration:none;
	color:#404040;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	border-top: 1px solid #909090;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #909090;
		}
	footer .email:hover{
	color:#990000;
	background-color:rgba(214,214,214,0.5);
	}
	.web {
	padding: 1px 4px;
	text-decoration:none;
	color:#aaa;
		}
	.web:hover{
	color:#ccc;
	}
	.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}
	
	/*   Lava goes here   */
	/*   **************   */
	 ul#menu {
	height:28px;
    list-style:none;
    margin:0px;
    border:0px;
    padding:5px 4px 1px 20px;
    overflow:auto; /* makes sure the container fits the floated list-items below */
    background-color:#b9ba84; /* moved and lightened the background color from ul#menu li */
}
ul#menu li{
    margin:0px 3px;
    padding:0;/* padding moved to the a element below */
    float:left;
    font-size:13px;
    font-weight:bold;
	
    text-shadow: rgba(255,255,255, 1) 1px 1px 2px;
    /*color:#333;*/
}
ul#menu li a {
    display:block; /* allows us to add top and bottom padding to the element */
    padding:0px 8px 0px 8px;  /* now we have nice padding for link hi-lighting */
    position: relative;
    z-index: 5;
    color:#333333;
    text-decoration:none;
}
ul#menu li a:hover {
    color:#003366;
}
ul#menu li.backLava {
	position:absolute;
	z-index:3;
	background-color:#99B2CC;
	padding:4px;
	border:1px dotted #003366;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;  
	border-radius: 5px;
	box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
}
	/*   *****************************   */
	
	::-moz-selection{
	background:#2F4F4F;  /*CHANGE IF YOU WANT IT TO HAVE A BACKGROUND HIGHLIGHT*/
	color:#fff; } /* CHANGE FOR COLOR OF TEXT TO CHANGE WHEN HIGHLIGHTED */

::selection {
	background:#2F4F4F; 
	color:#fff; }  

code::-moz-selection {
	background: #333333; }

code::selection {
	background: #333333; }
/*   Extra for formating */
#Gift4U {
	display:block; width:80%; background-color:#FFD091; margin:0px auto; text-align: center; padding: 5px; border:1px solid #cccccc; font-size:14px; font-weight:bold; line-height:18px;}
div#Threeday {
	display:block; width:100%; height: 40px; background-color:#C0DFFE; margin:20px 0 0 0; text-align: center; padding: 20px 0 0 0; border:1px solid #cccccc; font-size:14px; font-weight:bold; line-height:18px;}	
.text14G {font-size:14px; color:#2F4F4F; text-decoration:underline; font-weight:bold;}
.star {font-size:16px; color:red; font-weight:bold;}
div.vspace20 {height:20px;display:block;}

table#RegForm {width:90%; border:1px solid #cccccc; margin:0px auto; font-size:14px;}
table#gallery{ background-color:#DADAC5;}
table#gallery table {border: 3px solid #8FBC8F;}
/*     Forms   */
/* ******************************** */
#FreeBook {width: 90%; margin-left: 20px;padding-left: 20px; border: 1px solid rgba(204,102,0,1); background-color: #C6E4EE;}
#FreeBook:hover {background-color:#D6ECF2}