/********************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;

}

.fbtxt {

float:left;
margin-right:15px;
margin-top:15px;
}

.tourh2 {
padding-top:10px;
}

a img {
border:0px;

}

.wktxt {
width:450px;
}

.wptxt {
width:400px;
}

.textspace {
float:right;
}

.wktxt2 {
width:250px;
}

.bxtst1 {
  width: 855px ;
  margin-left: auto ;
  margin-right: auto ;
}

.bxtst2 {
  width: 855px ;
  margin-left: auto ;
  margin-right: auto ;
}

.topspace {
padding-top:10px;
}

.floatpp {
	float: right;
	padding: 5px;
	margin-right: 120px;
	margin-bottom: 5px;
}

#galcol1 {
margin-left:63px;
}

#galcol2 {
margin-left:44px;
}


h2.timeline2 {

text-align: left;
border-bottom: 1px solid #eee;
width: 95%;
font: normal 18px Georgia, Helvetica, sans-serif;
color: #555;
margin: 10px 10px 15px 15px;
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: 875px;

height: 492px;

padding-top:5px;

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: right;

width: 175px;	

margin-top: 40px;

margin-right: 80px;

display:none;

}

#rightcol p {
text-align:center;	
line-height:17px;
padding:5px 5px 5px 5px;
}


.fb_bt1 {
 border: 1px dotted #CCC;
    background: #ffc;
	-moz-border-radius-topleft: 10px;
}

.fb_bt2 {
	 border: 1px dotted #CCC;
    background: #ffc;
	-moz-border-radius-topleft: 10px;
}

.fb_bt3 {
	border: 1px dotted #CCC;
    background: #ffc;
	-moz-border-radius-topleft: 10px;
}

#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;

}


#opencard {

position: relative;

width: 720px;

height: 491px;

background: url("images/opencard.jpg") no-repeat;

margin: 0 auto;

text-align: center;

}

#workcard {

position: relative;

width: 720px;

height: 491px;

background: url("images/workcard.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******************************/


.centernav {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
  
}


div#navcontainer {
width: 800px;




}


#navlist 

{

	
}

#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: left;

width:565px;

margin-top: 10px;

margin-left: 40px;

padding-bottom: 20px;


}

.landright2 {

font: 14px/22px "Tahoma", Arial, sans-serif;

color: #555;

float: left;

width:auto;

margin-left: 40px;

padding-bottom: 20px;

}

.landleft {

padding-top:20px;

}

.landleft img {
padding-left:25px;
}


a.signup { float:left; background:url(images/signup.png); width:195px; height:50px; text-indent:-9999em; border:none; }

a.signup:hover { opacity:0.8;  }




.left {
text-align:center;
}



.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;

}


.floatwedr {

	float: right;

	padding: 5px;



	margin-right: 25px;

	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;

}