/* Author: Angela Garrett */
/* Date: 11/28/2015 */

* { 
  margin: 0;
  padding: 0;
}

/*  Body style */
body { 
  font: normal 18px times;
  background: #FFF;
  color: #5D5D5D;
}

/*  Paragraph style */
p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}
  
/*  Image style */  
img { 
  border: 0;
}

/*  Heading style */
h1, h2, h3, h4, h5, h6 { 
  font: bold 175% 'liberation sans', times, sans-serif;
  color: #8100A9;
  margin: 0 0 5px 0;
  padding: 15px 0 0 0;
}

h2 { 
  font: bold 165% 'liberation sans', times, sans-serif;
}

h3 { 
  font: bold 125% 'liberation sans', times, sans-serif;
  padding: 0 0 5px 0;
  color: #8100A9;
}

span { 
  color: #E5A0FA;
}

ul { 
  margin: 2px 0 22px 17px;
}

ul li { 
  margin: 2px 0 15px 17px;
}

ol {
  font: 'liberation sans', times, sans-serif;
  color: #FFF;
  padding: 0 5px 5px 15px;
}

a, a:hover { 
  background: transparent;
  outline: none;
  text-decoration: none;
  color: #E5A0FA;
}

a:hover { 
  text-decoration: underline;
  color: #8100A9;
}

#header h1 { 
  font: normal 300% times, Helvetica, sans-serif;
  color: #FFF;
}

#header h2 { 
  font: italic 160% times, Helvetica, sans-serif;
  color: #FFF;
  margin-top: -15px;
}

#main, #header, #banner, #menubar, #site_content, #footer, .container_footer, .container_header, #contact, #footer_content { 
  margin-left: auto; 
  margin-right: auto;
}

#main { 
  background: #FFF url(../images/background.jpg) repeat-x;
}

#header { 
  width: 920px;
  height: 250px;
  padding-top: 20px;
  background: transparent;
  text-align: center;
}

.container_header { 
  margin-top: 20px;
  height: 15px;
  margin-top: -130px;
  width: 920px;
  background: transparent url(../images/container_header.png) repeat-x top;
}  
  
#site_background { 
  margin: 0 auto;
  padding: 0;
  background: #FFF url(../images/pattern.png) repeat;
}  

#banner { 
  background: #FFF;
  width: 900px;
  padding: 5px 0 0 20px;
}
  
#banner_content { 
  width: 883px;
  position: relative;
  height: 405px;
  background: #FFF no-repeat;
}

#site_content { 
  width: 920px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  background: #FFF;
} 

#menubar{ 
  width: 920px;
  height: 50px;
  text-align: center; 
  margin: 0 auto;
  background: transparent;
  color: #000;
} 

/* Code below from: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
  position: relative;
  height: 30px;
  padding: 5px 35px 5px 0;
  overflow: hidden;
  float: right;
  margin: 0 40px 0 0;
  width: 860px;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
}

.lavaLampWithImage li.back {
  background: #E5A0FA;
  height: 28px;
  z-index: 8;
  position: absolute;
}

.lavaLampWithImage li a {
  font: normal 120% 'liberation sans', times, sans-serif;
  text-decoration: none;
  color: #1D1D1D;
  text-align: center;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 60px;
  padding: 5px 0px 0px 35px;
  position: relative;
  overflow: hidden;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}
/* Code above from: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */

#content { 
  text-align: left;
  width: 890px;
  padding: 0;
  margin: 0 0 0 20px;
  float: left;
  background: #FFF;
}  

.content_item { 
  width: 640px;
  margin: 0 0 20px 20px;
  float: right;
}

.sidebar_container { 
  float: left;
  width: 230px;
  margin: 20px 0 20px 0;
  background: #1D1D1D;
}

/* YouTube, Twitter, Facebook, Pinterest Icons*/
#icons {
  width: 200px;
  float: right;
  height: 40px;
  background: transparent;
  padding: 10px 0 10px 10px;
}

/* Side Bar */
.sidebar { 
  float: right;
  width: 210px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.sidebar_item { 
  font: normal 100% times, 'liberation sans', times, sans-serif;
  padding: 0 15px 0 0;
  width: 201px;
}

.sidebar h2 { 
  color: #8100A9;
}  
  
.sidebar p { 
  color: #FFF;
} 

/* Footer styles*/
#footer { 
  padding: 0 20px 0 20px;
  background: #8100A9;
}
  
#footer_content { 
  width: 920px;
  font: normal 110% 'liberation sans', times, sans-serif;
  height: 40px;
  padding: 30px 0 5px 0;
  text-align: center; 
  background: #8100A9;
  color: #FFF;
}

/* Menu Page Table */
.menu  {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #000;
}

.menu th {
  font-family: 'liberation sans', times, sans-serif;
  font-size: 20px;
  font-weight: normal;
  padding: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  border-color: #000;
  color: #E5A0FA;
  background-color: #1D1D1D;  
}

.menu td {
  font-family: 'liberation sans', times, sans-serif;
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: #000;
  color: white;
  background-color: #1D1D1D;
}

.menu2 {
  background-color: #1D1D1D;
  text-align: left
}

.menu3 {
  background-color: #1D1D1D;
  text-align: left;
  vertical-align: top
}

.menu4 {
  text-align: left;
  vertical-align: top
}

/* Contact Page */
.error {
  background-color: #F5A9A9;
}
.normal {
  background-color: #FFF;
}
.contact {
  border-collapse: collapse;
  border-spacing: 0;
}
.contact td {
  font-family: 'liberation sans', times, sans-serif;
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  border-style: none;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
}