/**============================================================================

 CSS - SOSD - Common Styles for default elements

==============================================================================*/

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style: none;
}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #3B4F4C;
background: url(../images/page_background.jpg) no-repeat #e0efef;
padding: 0;
margin: 0;
}

/** Floats
==============================================================================*/

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/** Images
==============================================================================*/

a img {
border: none;
}

/** Links
==============================================================================*/

a:link{
color:#6E6F68;
text-decoration:none;
font-weight:bold;
}

a:active{
color:#6E6F68;
text-decoration:none;
font-weight:bold;
}

a:visited{
color:#6E6F68;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#AEAFA4;
text-decoration:none;
font-weight:bold;
}

/** BackgroundContainer
==============================================================================*/

#background-container {
margin: 0 auto;
min-height:700px;
background: url(../images/page_background.jpg) no-repeat;
}

/** Container
==============================================================================*/

#container {
margin: 0 auto;
width: 800px;
min-height:700px;
}

/** Sidebar
==============================================================================*/

#sidebar-container {
float:left;
width:200px;
}

/** Logo
==============================================================================*/

#logo {
float:left;
margin-left:20px;
margin-right:0px;
margin-bottom:0px;
margin-top:20px;
}

/** Nav
==============================================================================*/

#navlist-container{
float:right;
margin:10px 0 10px 0;
}

#navlist li{
list-style-type: none;
padding: 0 35px 0 0;
}

/** Mailing list
==============================================================================*/

#mailinglist-container{
float:left;
margin:130px 0 20px 0;
}

.submit-button {
border: 1px solid #5F4B2F;
color:#fff;
background: #7A6A53;
}
.submit-button:hover {
border: 1px solid #4C6A6F;
color:#fff;
background: #748B8F;
}

/** Social media
==============================================================================*/

#social-media{
float:left;
margin:0 0 0 10px;
}

#social-media img{
float:left;
margin:0 10px 0 0;
border:0;
}

/** Pay Pal
==============================================================================*/

#paypal{
float:left;
width:150px;
margin:30px 0 0 10px;
}

#paypal img{
float:left;
margin:0 10px 0 0;
border:0;
}

/** Content
==============================================================================*/

#content{
float:right;
width:500px;
margin:180px 0 0 0;
}

#content-about{
float:right;
width:500px;
margin:30px 0 0 0;
}


/** Gallery Container
==============================================================================*/

#galery-container{
float:left;
width: 500px;
}

#gallery li{
float:left;
display: inline;
list-style-type: none;
margin: 0 5px 5px 5px;
}

#gallery-text{
float:left;
width: 500px;
padding: 10px 0 10px 0;
}

.instructions{
font-size:9px;
}

/** Home Content
==============================================================================*/

#title{
float:left;
width: 500px;
padding:2px;
color:#5F7A7F;
}

#main-image{
float:left;
margin: 10px 0 10px 0;
}

#description{
float:left;
width: 500px;
color:#314B4F;
margin-bottom:40px;
}

/** Exhibits Container
==============================================================================*/

#exhibits-container{
float:left;
width: 500px;
}

#exhibit{
float:left;
height:150px;
margin: 0 0 15px 0;
}

#exhibit img{
float:left;
margin: 0 10px 5px 0;
}

#exhibit p{
line-height:22px;
padding-top:10px;
}

/** About Container
==============================================================================*/

#about-container{
float:left;
margin: 10px 0 10px 0;
}

#about-container img{
float:left;
margin:0 10px 0 10px;
}

/** Form Container
==============================================================================*/

#form-container{
float:left;
}

/** Form Container
==============================================================================*/

#thankyou-text{
float:center;
line-height:28px;
}