/* CSS Document for NorthernCalif & SouthernCalif */

/*-----------------Document-wide    */

* {margin:0;
   padding:0;
   border-style:none;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#39c;
	width:100%;
	text-align:center;	
	margin:0 auto;
}

#container {width:980px;
			 margin: 0 auto;
			 background-color:#fff;
			 position:relative;
			 text-align:left;			
}
.center		{margin:0 auto;
			text-align:center;
			display:block;
}
img.center  {margin:0 auto;
}
a		{outline:none !important;
			text-decoration:none;
			color:#C33;
}
a:visited {color:black;
}
a:hover {color:#F00;
}

img		{border:0;
}



/* Top Banner with Images   */
#bannerTop 	{width:980px;
			height:235px;
			
			
		background-image: -ms-linear-gradient(top left, #b2cbdf 0%, #fafbfd 100%);
		background-image: -moz-linear-gradient(top left, #b2cbdf 0%, #fafbfd  100%);
		background-image: -o-linear-gradient(top left, #b2cbdf 0%, #fafbfd  100%);
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #b2cbdf), color-stop(1, #fafbfd ));
		background-image: -webkit-linear-gradient(top left, #b2cbdf 0%, #fafbfd  100%);
		background-image: linear-gradient(to bottom right, #b2cbdf 0%, #fafbfd  100%);
		position:relative;
}
/*#bannerTop h1 {font-family:abril-fatface;
			font-size:30px;
			color:#039;
			position:absolute;
			top:50px;
			left:200px;
}
#bannerTop h2 {font-family:abril-fatface;
			font-weight:bold;
			font-size:23px;
			color:#039;
			position:absolute;
			top:100px;
			left:250px;
}
#bannerTop h3 {font-family:abril-fatface;
			font-size:23px;
			color:#039;
			position:absolute;
			top:140px;
			left:250px;
}
*/
/*-------------Top Banner Styles*/
#book1_top {position:absolute;
			top:18px;
			left:35px;
			box-shadow: 10px 10px 5px #888888;
}

#book2_top {position:absolute;
				top:56px;
				left:560px;
				box-shadow: 10px 10px 5px #888888;
	
}

#book3_top {position:absolute;
				top:36px;
				left:690px;
				box-shadow: 10px 10px 5px #888888;
	
}
#book4_top {position:absolute;
				top:20px;
				left:820px;
				box-shadow: 10px 10px 5px #888888;
}
/*modified for only two books on top*/


#bannerTop h1 {font-family:abril-fatface;
			font-weight:bold;
			font-size:30px;
			color:#039;
			position:absolute;
			top:30px;
			left:215px;
}

#bannerTop h2 {font-family:abril-fatface;
			font-size:23px;
			color:#039;
			position:absolute;
			top:110px;
		
			left:263px;
			
}
#bannerTop h3 {font-family:abril-fatface;
			font-size:23px;
			color:#039;
			position:absolute;
			top:160px;
			left:263px;
}
#oregon_book1_top {position:absolute;
			top:18px;
			left:35px;
			box-shadow: 10px 10px 5px #888888;
}




#oregon_book2_top {position:absolute;
				top:36px;
				left:690px;
				box-shadow: 10px 10px 5px #888888;
	
}
/*main index page*/

#staggerWords {position:absolute;
				top:30px;
				left:630px;
				width:300px;
				
}
#staggerWords a, #staggerWords a:visited {color:#900;
											font-size:15px;
											font-weight:bold;
											
}

#staggerWords a:hover {color:red;
						
}
#stagger1 {position:absolute;
			top:55px;
			left:630px;
			/*top:100px;
			left:640px;*/
}

#stagger2 {position:absolute;
			top:80px;
			left:780px;
			/*top:135px;
			left:780px;*/
			
	
}
/*---------------For California page only------------------*/

#staggerWordsca {position:absolute;
				top:270px;
				left:630px;
				width:300px;
				
}
#staggerWordsca a, #staggerWordsca a:visited {color:#900;
											font-size:15px;
											font-weight:bold;
											
}

#staggerWordsca a:hover {color:red;
						
}
#stagger1ca {position:absolute;
			top:255px;
			left:630px;
			/*top:100px;
			left:640px;*/
}

#stagger2ca {position:absolute;
			top:280px;
			left:780px;
			/*top:135px;
			left:780px;*/
			
	
}




/*-----text styles one column of words-------*/

.oneAcross	{margin:2px auto;
			padding:0 130px;
}
.oneAcross p {font-size:18px;
}

/*--------styles for town index page--------*/

.col1 {padding:25px 30px 0 50px;
		margin:0 auto;
		width:600px;
		float:left;
	
}
.col2 {float:left;
		width:250px;
		
}
.col2 img {padding:40px 75px 0 10px;
}

h1	{color:#881315;
	font-size:24px;
	text-align:center;
	margin-bottom:10px;
}
p	{
	font-size:14px;
	line-height:1.4;
	padding-bottom:15px;
}
.emphasis {color:#881315;
		font-style:italic;
		font-weight:bold;
		margin-bottom:0;
}
/*------styles for town pages--------*/
.townCol1 {float:left;
			width:550px;
			margin:5px 60px 0 60px;
}
.townCol1 p	{margin-bottom:10px;
			line-spacing:1.2;
			font-size:14px;
	
}
.townCol2	{float:left;
			width:200px;
			margin:10px 20px 0 15px;
}
.townCol2 a {border:none;
			text-decoration:none;
						
}
.townCol2 p {
				text-align:center;
				color:#2730DB;
				
}
#linksCA .return		{margin:10px auto;
						font-size:15px;
						color:#fff;
}



/*-------styles for town pics and names-------*/

#photocaptionsTowns {margin: 0 10px 30px 10px;
										
}
#photocaptionsTowns img {float:left;
						padding:0 10px;
}

#photocaptionsTowns .names a {float:left;
						display:block;
						width:300px;
						text-decoration:none;
						color:#2A29C4;
						font-size:12px;
						font-style:bold;
						text-align:center;
						padding:0 10px;
						margin-bottom:30px;
}

#photocaptionsTowns a:hover {color:red;
}



/*-------------General Styles*/




.lowerLine {vertical-align:sub;
}

/*------------General Classes*/

.bold	{font-weight:bold;
}

.italic {font-style:italic;
}

.bolditalic {font-weight:bold;
			  font-style:italic;
}
.clear {clear:both;
}
#header {
		width:950px;
		height:235px;
		padding-top:0;
		
		
}
.centerPic {width:950px;
}
img.centerPic {margin:0 auto;
}
h1.the100page  {font-size:24px;
				color:#900;
				font-family:Georgia, "Times New Roman", Times, serif;
				margin:15px auto;
				text-align:center;
}
.redBold {color:#900;
		font-weight:bold;
}
p.indent {margin-left:25px;
}
/*------------Header tags*/
h1			{
	font-size: 24px;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 15px auto;
	
}
h2 {font-size:.9em;
	color:#900;

	
}
h2 a, h2 a:visited {color:#900;
} 
h2 a:hover {color:red;
}
h3 {font-size:.9em;
	color:#900;
	width:100%;
	
}
p		{
		font-family:contrail-one, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
		font-size:14px;
		padding-bottom:1em;
}

/*navigation styles*/
#nav   {
		color:#fff;
		height:100%;
		position:relative;
		width:100%;
		float:left;
		z-index:2;
}
#nav ul    {list-style-type:none;
			margin:0;
			padding:0;
			
}

#nav ul li {float:left;
			display:inline;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:140px;
			height:25px;
			border:0;
			padding:0;
			margin:0;
			position:relative;
			text-decoration:none;
			
}

#nav ul li a {text-decoration:none;
			  display:block;
			  height:100%;
			  width:100%;
			  color:blue;
			
}
#nav ul li ul  {display:none;
				position: absolute;
				background-color:#c8dae8;
				color:#990033;
				z-index:2;
				width:100%;			
							
}
#nav ul li:hover ul, li.over ul, #nav ul li ul:hover 
			{display:block;
			
}


#nav ul li ul li 	{left:-1px;
					 text-align:center;
					 border-bottom:1px solid #999;
					 border-right:1px solid #999;
					 border-left:1px solid #999;
					 padding:4px 0 0 0;
					 width:138px;
					 margin:0;
					 z-index:500;
}

#nav ul li ul li a  {display:block;
					width:100%;
					text-decoration:none;
					
}
					

#nav ul li ul li:first-child {border-top:1px solid #999;
}

#nav ul li ul li a:visited {
					color:blue;
}
#nav ul li ul li a:hover {color:#990000;
}

#nav ul li ul li {
	border-top:1px solid #999;
}


/*-------- end of nav styles---------*/
/*---------footer styles----------*/
#footer a, a:visited {color:blue;
}
#footer a:hover {color:#C30;
}
#linksCA {background-color:#111652;
		width:980px;
		margin:0 auto;
		clear:both;
		
	
}
#linksCA p {font-size:10px;
			color:#fff;
			text-align:center;
			padding:5px 0;
			clear:both;
}
#linksCA ul	{margin: 5px auto;
			clear:both;
}
#linksCA ul li {float:left;
			list-style-type:none;
			
			
}
#linksCA ul li a {display:block;
			color:#fff;
			width:100px;
			padding-left:8px;
			font-size:11px;
}
#footer {margin:0 auto;
		padding:0 30px;
		text-align:center;
}