/* Settlers Crossing */
html, body{
		 margin:4px;
		 padding:0px;
		 text-align:center;
		background-image:url(img_layout/back2.png);
		font:1.0em arial, sans-serif;

}

#pagewidth{
		width:1000px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		border:2px solid #606060;
		  background-color:#ffffff;
}

#header{
		 position:relative;
		 height:112px;
		  background-color:#ffffff;
		 width:100%;
		background-image:url(img_layout/settlerscrossinglogo_wblack.png);
		background-repeat:no-repeat;
		 background-position:top left;
		border-bottom:1px solid #606060;
}


div#header2 {
	position:relative;
	top:90px;
	left:200px;
	width:450px;

}



#wrapper {
	background-image:url(img_layout/leftback.png);
	background-repeat:no-repeat;
	background-position: left top;
}

#leftcol{
	width:98%;
	position:relative;
	height:570px;
	
	margin: 0px;
	padding: 0px;
 }

#maincol{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	width:2%;
	height:570px;
	border: 1px solid #033;	
 }


#maincol p {
			font-size: .8em;
	        line-height: 1.2;
 }

#maincopy{
	padding: 6px;
	background-color:#ffffff;
	position: absolute;
	left: 460px;
	top: 5px;
	
	width: 500px;
 }
 
#mainphoto{
	text-align:center;
	height:470px;
    margin: 20px 2px 0px 470px;
	padding: 10px 10px 10px 10px;
     	
 } 
 #thumbs{
		margin-left:auto;
		margin-right:auto;
    margin: 0px 2px 2px 470px;
	padding: 0px ;
	
     	
 } 
 
 #mainphotocontainer{
      border:1px solid #000;
	background-color:#cccccc;
 } 
 
 
 
#maincopy p{
	font-size: 16px;
	line-height: 16px;

 }

#maincopymap{

	 padding: 10px 2px 2px 470px;

 }
#mapbox{
	border:0px solid #606060;
 }
 
 
 
 #descpar{
	padding: 3px 8px 3px 2px;
	

 }
 
 #press{
	padding: 3px 8px 3px 2px;
	border: 1px solid #CCC;	

 }

#stores{
	position: absolute;
	left: 500px;
	top: 26px;
	height: 573px;
	width: 480px;
 }
#stores a{
	font-size: .9em;
	line-height: 1.4;
	font-weight:bold;
 }

#store{	 clear:both;
		 }

#ovpm  { padding: 0px 2px 2px 50px;


 }

#ovpm a {
	font-size: .7em;
	line-height: 1.4;
    font-weight:bold;
	text-decoration:underline;

 }



.tel{ font-size: .7em;
      color:#585656;

		 }

img.photos {border:2px solid #606060;}

table.thumbs { 
        	margin-left:auto;
		margin-right:auto; }




#footer{
 height:16px;
 padding: 2px 2px 2px 2px;
border-top:1px solid #606060;
text-align:center;
background-color:#eeeeee;
font-size: .7em;
 clear:both;
 }

#click{
	height:16px;
	text-align:center;
	font-size: 11px;
	clear:both;
	float: right;
	width: 250px;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: italic;
	padding: 0px;
	color: #666666;
 }
 
 .click{
	font-size: 0.7em;
	font-style: italic;
	text-align: right;	
 }
 
 
 
 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


/* Typography */
P {font-size: .8em; line-height: 1.4; margin:6px 5px;}
h1 {font-size: 1.5em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
h2 {font-size: 1em; line-height: 1.4; margin:10px 0px; font-weight:bold;}
h3 {font-size: .9em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {text-decoration:underline;color:black;}
a:active {text-decoration:none; color:black;}
.strong {font-weight:bold; }
.toggle {font-size: .6em; margin:2px 2px;}

img.right {float:right;
			 padding: 2px 2px 2px 8px;
}

/* the horizontal menu starts here */
div#listmenu {

	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-weight:bold;
	font-size:.7em;	/* SET FONT-SIZE HERE */
	background-color:#fff; /* colors the div */
	}
div#listmenu ul {margin:0 0 0 10px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFF; /*sets the background of the menu items */

	}

div#listmenu li:hover {
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block;
	padding:2px 2px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#5a5504;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#2f2f27;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {

	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-12px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #606060; /*  three sides of each drop-down item */
	border-bottom:1px solid #606060;
	border-right:1px solid #606060;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #606060; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */

	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a.menulink {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */