body{
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px; 
font-size: 14px;
line-height: 1.6em; 
font-weight: 200;
background-color: #17403c;	
text-align: center;
}

/* TYPOGRAPHY CSS */
h1, h2, h3, h4, h5 {

margin: 0px 0px 10px; 
}

h1 {
font-size: 1.8em;  
margin-top: 25px;
font-weight: 100;
color: #8e1b2c; 
}	

h2 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: .9em; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: 100;
color: #367a1b; 
margin: 0px 0px 2px 0px; padding: 0px;
}

h4 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: .8em; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: 100;
color: #573314; 
margin: 0px 0px 2px 0px; padding: 0px;
}

h3 {font-size: 1.2em; }

h5 {font-size: 1.1em; color: gray; font-weight: 100;}



strong {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: 100;
color: #942d30; 
margin: 0px 0px 2px 0px; padding: 0px;
}

em { color: #0b137e; font-style: italic;}
.small {font-size: .5em;}


a {
text-decoration: none;  
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
text-transform: uppercase; 
}

a:link { color: #af2407 ;}
a:visited {color: #af2407; }
a:hover { color: silver; }
a:active {}

a img {border: none; }

ul 	{  display: inline; list-style-type: none; padding-top: 0px; text-align: left;}	
li 	{ display: inline; padding: 0px 5px; } 


/* TYPOGRAPHY CSS */


#logo {float: left;
margin: 15px 0px;
}

.headingBar {
height: 10px; 
padding: 8px 10px;
background-color: #1a460d;
margin-bottom: 7px;
}

h2.headingBar, h2.headingBar2  {color: white;}

.headingBar2 a:link {color: #f9d4c6;}
.headingBar2 a:visited {color: #f3cfc1;}
.headingBar2 a:hover {color: white;}

.headingBar2 {
height: 10px; 
padding: 8px 10px;
background-color: #583315;
margin-bottom: 7px;
}
	



#siteContainer{
margin: auto;
width: 953px;
text-align: left;
}

#siteHeader{
height: 150px;
text-align: left;
}

#bodyContent {
background-color: #fff;
background-image: url('/images/template/bodyBG.png');
}

#nav{
margin-top: 30px;

}

#navUL{
margin: 0px; 
padding: 0px;
list-style: none;
}

#navUL li{
width: 240px;
margin: 0px;
padding: 0px;
}

#navUL a{
display: block;
text-decoration: none;
color: #b08529;
padding: 5px 0px 5px 40px;
letter-spacing:.4em;
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px; 
text-transform: uppercase; 
font-weight: 100;
margin-bottom: 4px;
}

#navUL a:hover{
background-color: silver;
color: #a8734c;
}

.caption {
text-align: right;
font-size: .8em;
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
margin-right: 35px;
margin-top: -10px;
color: gray;
}



#underNavText{
	margin-top: 30px;
	padding: 0px 25px 50px 40px;
	height: 290px;
}

#contentBox {
width: 500px;
margin-bottom: 25px;}

#footer{
height: 19px;
text-align: right;
margin-top: 15px;
}

#footerInfo{
	margin: auto;
	width: 953px;
text-align: left;	
}

#templatePhone{
font-weight: bold;
color: #adddca; 
padding-top: 3px;
}


#events {
padding: 15px 25px;

}

#events h1 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 18px; 
text-transform: uppercase; 
letter-spacing: .5em;
font-weight: 100;
color: #942d30; 
margin-bottom: 0px;
}


.dateBox {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif;
float: left;
}

.dateBox2 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif;
float: right;
margin-left: 25px;
}

.tdDate { 
background-color: #942d30; 
padding-top: 5px; 
color: white;
font-size: 12px; 
text-transform: uppercase; 
font-weight: 100;
text-align: center;
}

.tdDay {; 
color: black; 
font-size: 22px; 
text-transform: uppercase; 
font-weight: 100;
text-align: center;
margin-bottom: 0px;
padding-top: 5px;
border: 1px solid black;
}


.tdYear{; 
color: black; 
font-size: 9px; 
text-transform: uppercase; 
font-weight: 100;
text-align: center;
margin-bottom: 0px;
padding-top: 5px;
border: 1px solid black;
}


.showInfo {
margin: 0px 0px 30px 60px;
font-family: ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
line-height: .9em;
}

.showInfo h2 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 13px; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: 100;
color: #942d30; 
margin: 0px 0px 2px 0px; padding: 0px;
}

.fullDate {
font-size: 12px;
float: right;
margin: 0px;
text-transform: uppercase;
}

.workshop, .exhibition {
font-family: ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
background-color: #942d30;
color: white;
height: 10px;
padding: 6px 0px 6px 20px;
letter-spacing: 2.5em;
margin-bottom: 10px;
}

.exhibition {
background-color: gray;
}

.bar{
background-color: #e1e1e1;
height: 5px;
margin-bottom: 10px;
}

.websiteLink {float: right; margin: 5px 0px 0px 0px; padding: 0px; }
.websiteLink a {color: #942d30;}
.websiteLink a:hover { background-color: #942d30; color: white;}

.spaceBottom {clear: both; margin-bottom: 5px;}

.gray{
border-bottom: 1px solid #e3e3e3;
color: #717171;
font-family: Arial, ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 10px; 
font-weight: 200;
margin: 8px 0px 2px 0px; padding: 0px;
}

.grayBooth{
color: #942d30;
font-family: Arial, ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 11px; 
text-transform: uppercase;
font-weight: 200;
margin: 8px 0px 2px 0px; padding: 0px;
}

.showHours {
font-family: Arial, ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 11px; 
float: right; 
margin: 5px 0px 0px 0px; 
padding: 0px; 
}

.title{
color: #313131;
font-size: 12px; 
font-weight: 500;
margin: 0px 0px 2px 0px; padding: 0px;
}


.blogListing {
border-bottom: 1px dotted silver;
height: 200px;
margin-bottom: 10px;
}

.blogRight {
float: right;
margin: 0px 0px 10px 20px;
}

.blogPhoto {
float: left;
width: 250px;
height: 225px;
margin-left: 20px;
}

.blogThumb {
margin-bottom: 10px;
}

.content {
color: #8d8d8d;
margin-top: 8px;
font-size: 12px;
line-height: 1.3em;
}

#contentSection {
padding: 25px 10px 10px 25px;
}


.homeIconTweet {
margin-top: 15px;
}

.line {
border-bottom: 1px solid silver;
height: 10px;
margin-bottom: 10px;
clear: both;
}

.leftMain {
margin-left: -20px;
}


.leftMain2 {
margin-left: -20px;
margin-top: -15px;
}

.rightBox {
float: right;
width: 250px;
}

#signUp {
	position: relative;
	left: 350px;
	top: -20px;
	z-index: 500;
	}
	

 .superscript{font-size:x-small; vertical-align:top;} 
 .subscript{font-size:x-small; vertical-align:bottom;} 

.mainImage {margin: 25px 0px 10px 0px;}
.leftImage  {margin: 10px 0px 20px 0px;}
.rightLogo {margin: 0px  0px 0px 25px;  vertical-align: middle;}
.indent {padding: 25px;}
.right {float: right;}
.leftTop {float: left; margin: 0px 25px 25px 0px;}
.left {float: left; margin: 0px 15px 15px 0px;}
.spacer {clear: both;}
.middle {vertical-align: middle; margin-right: 10px; padding-bottom: 5px;}