/********************historic crenshaw hall chstyle.css Sarah Litty************/

body {
background: url("images/wp.gif") repeat;
text-align: center;
margin: 0;
padding: 0;
font-size: 100%;
width: 100%;
height: 100%;
}

p {
text-align: left;
color: #555;
margin: 5px 20px 10px 20px;
padding: 0;
font: 12px/18px "Arial", arial, sans-serif;
}


li {
text-align: left;
color: #555;
margin: 5px 10px 5px 0px;
padding: 0;
font: 11px/17px "Tahoma", arial, sans-serif;
}


h1 {
text-align: left;
font: normal 20px Georgia, Helvetica, sans-serif;
color: #555;
margin: 20px 20px 10px 20px;
padding: 0;
color: #4a3465;
}

h2 {
text-align: left;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 0px;
padding: 0;
font-variant: small-caps;
color: #4a3465;
}

h2.pg {
text-align: left;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 0px;
padding: 0;
font-variant: small-caps;
}


h2.timeline {
text-align: center;
border-bottom: 1px solid #eee;
width: 100%;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 0px;
padding: 0;
font-variant: small-caps;
}

h3 {
text-align: center;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 20px;
padding: 0;
font-variant: small-caps; 
}

h4 {
text-align: left;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 20px;
padding: 0;
font-variant: small-caps; 
}


/*************************links*********************************/

a, a:link, a:visited {
text-decoration: none;
color: #591f48;
}

a:hover, a:active {
color: #333;
text-decoration: none;
}



/***************************layout*******************************/

#wrapper {
position: relative;
margin: 0 auto;
padding: 0;
width: 967px;
}

#content {
width: 967px;
background: url("images/contentbg.png") repeat-y;
margin: 0 auto;
padding: 0;
float: left;
}

#logo {

margin: 0;
padding: 35px 0 0 0;
}

#contact {
width: 700px;
margin: 0 auto;
}

#photoab {
float: right;
margin-right: 50px;
margin-top: 50px;
}

#header {
position: relative;
width: 967px;
height: 212px;
background: url("images/headerbg.png") no-repeat;
margin: 30px auto 0 auto;
padding: 0;
}

#text {
position: relative;
margin: 5px auto;
width: 910px;
text-align: left;
padding: 0px;
}


#inner {
position: relative;
margin: 0 auto;
width: 930px;
text-align: left;
height: auto;
}

#landing {
margin: 0px auto 0px auto;
width: 900px;
height: 455px;
padding-top: 0px;
padding-bottom: 20px;
}


#widelefty {
width: 620px;
float: left;
margin-top: 30px;
margin-left: 20px;
height: 500px;
}


#lefty {
width: 380px;
float: left;
margin-left: 20px;
}

#tourlefty {
width: 500px;
float: left;
margin-left: 20px;
}

#leftcol {
width: 900px;
height: auto;
}

#rightcol {
float: left;
width: 450px;	
	
}


#clear {
clear: both;
	
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

#newsletter {
width: 200px;
}

#postcard {
position: relative;
width: 720px;
height: 491px;
background: url("images/postcard.jpg") no-repeat;
margin: 0 auto;
text-align: center;
}

#errors {
color: red;
position: absolute;
top: 25px;
left: 60px;
width: 450px;
font: 100% "Arial", helvetica, sans-serif;
}

#formdiv {
position: absolute;
top: 120px;
left: 50px;
width: 470px;
padding: 0;
margin: 0;
font: 80% "Arial", helvetica, sans-serif;
color: #444;
}

#formdiv textarea, #formdiv input, #formdiv select, #formdiv div
{
	font: 100% "Arial", helvetica, sans-serif;
	margin: 4px 0px 4px 0px;
}

*html #formdiv div
{
	font: 85% "Arial", helvetica, sans-serif;
}

*:first-child+html #formdiv div
{
	font: 85% "Arial", helvetica, sans-serif;
}

/*
* html #formdiv div
{
	font: 80% "Arial", helvetica, sans-serif;
}

*:first-child+html #formdiv div
{
	font: 80% "Arial", helvetica, sans-serif;
}

* html #formdiv input
{
	font: 90% "Arial", helvetica, sans-serif;
}

*:first-child+html #formdiv input
{
	font: 100% "Arial", helvetica, sans-serif;
}

* html #formdiv select
{
	font: 100% "Arial", helvetica, sans-serif;
}

*:first-child+html #formdiv select
{
	font: 90% "Arial", helvetica, sans-serif;
}

* html #formdiv textarea
{
	font: 100% "Arial", helvetica, sans-serif;
}

*:first-child+html #formdiv textarea
{
	font: 100% "Arial", helvetica, sans-serif;
}
*/

#formsubmitted
{
	padding-top: 100px;
	padding-left: 120px;
}

input {
border: none;
border-bottom: 1px solid black;
background: transparent;

}

textarea {
border: 1px solid black;
background: transparent;
}

select {
border: 1px solid black;
background: transparent;
color: #444;
}

option {
background: #fff;
color: #444;
border: none;
}

.submitbutton {
border: 1px solid black;
font-variant: small-caps;
}


#footer {
background: url("images/footerbg.png") no-repeat;
height: 80px;
width: 967px;
margin: 0 auto;
padding: 0;
}

#footer p {
font: 10px "Tahoma", arial, sans-serif;
text-align: center;
color: #591f48;
letter-spacing: 1px;
line-height: 16px;
}



/*************************navigation******************************/


div#navcontainer {
border-top: 2px solid #eee;

width: 870px;
margin: 10px auto 0 auto;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding: 10px 5px;
font: 13px "Tahoma", arial, sans-serif;
margin: 0 10px;
}


div#subnav {
position: absolute;
bottom: -50px;

}

#subnav li
{
display: inline;
list-style-type: none;
padding: 0;
font: 11px "Tahoma", arial, sans-serif;
margin: 0 14px 0 0;
}

#tournav {
margin-right: 60px;
margin-top: 5px;
margin-bottom: 30px;
padding-bottom: 30px;
float: right;
}

#tournav a {
color: #531742;
font: 16px "Georgia", Arial, sans-serif;
font-variant: small-caps;
background: url ("images/bghover.gif") no-repeat;
}

#tournav a:hover {
background: url ("images/bghover.gif") top left no-repeat;
}

.tourfloat {
float: right;
padding: 10px;
}

#tourlist {
margin: 0px 0px 0 5px;
height: 430px;
float: left;
text-align: left;
padding: 0;
}

#tourlist ul {
	margin: 10px 0 10px 0;
	padding: 0;
}

#tour li {
width: 215px;
list-style-type: none;
font: 12px "georgia";
font-variant: small-caps;
border-bottom: 1px solid #ddd;
margin: 0 0 10px 0;
padding: 0;

}

#tour a:link, #tour a:visited {
color: #000;
width: 240px;

}

#tour a:hover {
color: purple;
width: 240px;
height: 40px;
width: 200px;
}

.currentTourPageItem
{
	background: url("images/bghover.gif") top left no-repeat;
	color: #fff;
}

a.currentTourPageLink, a.currentTourPageLink:visited, a.currentTourPageLink:active, a.currentTourPageLink:link
{
	color: #fcfcfc;
	font-size: 16px;
}


.fright {
font: 12px/22px "Tahoma", Arial, sans-serif;
color: #555;
float: right;
margin-top: 10px;
margin-right: 60px;
margin-left: 40px;
}

.landright {
font: 14px/22px "Tahoma", Arial, sans-serif;
color: #555;
float: right;
margin-top: 10px;
margin-right: 60px;
margin-left: 40px;
padding-bottom: 20px;
}

.left {
float: left;
margin-left: 40px;
}

.intro {
font-weight: bold;
color: #531742;
font: bold 14px/24px "Georgia", Arial, Sans-serif;
margin-top: 10px;
margin-right: 30px;
}


.smallcol {
position: relative;
width: 280px;
height: 540px;
float: left;
margin-left: 20px;
}

.smallcol img {
padding: 5px;
border: 1px solid #ccc;
margin: 30px auto 0 0px;
}


.request {
margin: 0 auto;
width: 280px;
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: absolute;
bottom: 0;
color: #555;
font-size: 14px;
}


.floatright {
	float: right;
	padding: 5px;

	margin-left: 5px;
	margin-bottom: 5px;
}


.floatleft {
	float: left;
	padding: 5px;
	border: 1px solid #eee;
	margin-right: 10px;
	margin-bottom: 5px;
	
}

.floatleftgallery {
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	
	
}


#tourspace {
	height: auto;
	float: left ;
}


.enlarge {
color: #333;
font-size: 75%;
font-family: "georgia", serif;
margin-bottom: 7px;
}


.pg {
text-align: left;
font: normal 18px Georgia, Helvetica, sans-serif;
margin: 10px 10px 0px 0px;
padding: 0;
font-variant: small-caps;
color: #4a3465;
}