/*
 * Styles for Peridot
 *
 * Notes: 
 * Dark Grey: 404040
 * Light Green Background: e5f1d4
 * Orange: f26532
 * Burgundy: 7a0026
 * White: ffffff
 */
 
/*  ## TYPOGRAPHY  ------------------------------------------------------------------*/
h1  {font-family: "AvroRegular", Georgia, serif; font-weight:normal; color:#7a0026; font-size:56px; line-height:56px; margin:0 0 30px; padding:0;}
h2,
h3  {font-family: "AvroRegular", Georgia, serif; font-weight:normal; color:#7a0026; font-size:18px; line-height:24px; margin:0 0 15px; padding:0; text-align:justify}
h2  {font-family: "AvroRegular", Georgia, serif;font-size:23px; line-height:32px; color:#7a0026;margin:0 0 15px; padding:0;}
h4, h4 a  {font:normal normal 15px/1.2em "AvroRegular", Georgia, serif; color:#7a0026;margin:0 0 15px; padding:0; text-transform:uppercase; text-decoration:none;}
h5 {font-family: "AvroRegular", Georgia, serif; font-weight:normal; color:#7a0026; font-size:17px; line-height:24px; margin:0 0 15px; padding:0; text-shadow: 1px 1px #FFFFFF; text-decoration:none;}
h6 { }
p {
   /*line-height:1.44em;*/
   font-family: Georgia, serif;
   line-height:23px;
   text-align:justify;
   margin:0 0 30px;
   color: #404040;
}

a.ital {
  font-family: "AvroRegular", Georgia, serif;
  color: #f26532;
  font-style: italic;
}

a.solid {
   font-family: "QuicksandBook", Verdana, Arial, sans-serif;
  color: #f26532;
}

#error {
	color:#7a0026;
	font-size:10px;
	display:none;
}
.needsfilled {
	background:#7a0026;
	color:white;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
   position: relative;
}

/*  ## GENERALITIES  ------------------------------------------------------------------*/
body  { background-color: #e5f1d4;}

button, input[type="button"], input[type="reset"], input[type="submit"] { 
  background-color: #7a0026; color: #fff; padding: 5px; border:0px;}

.Global { 
 min-height: 100%; 
 height: auto !important; 
 height: 100%;
 margin: 0 auto -120px;}

.Header { 
  width:100%;
  height:177px; 
  background-color: #404040; 
  color: #ffffff; 
  font-family: "QuicksandBook", Verdana, Arial, sans-serif;}

.Footer {
  padding-top: 30px;
  width:100%;
  background-color: #404040;
  height: 177px; 
  color: #ffffff; 
  font-family: "QuicksandBook", Verdana, Arial, sans-serif; }  

.MainBody {
  margin-top: 22px;
  color: #404040;
}
.MainBody hr { color: #404040; background-color: #404040; height: 1.5px; border: 0px; }
  

  
/*  ## HEADER  ------------------------------------------------------------------*/
.Header a { color: #ffffff; text-decoration: none;}
.Header a:hover { text-decoration: underline; }

.HeaderNav  {
  width: 100%;
  text-align: center;
  height: 42px;
}

.HeaderNav ul  {
  padding: 0px; 
  display: block;
  width: 960px;
  /*list-style-type: disc;
  list-style-color: #f26532;
  list-style-image: url('../img/orange_list_dot.gif');
	list-style-position: inside;*/
}

.HeaderNav ul li {
  width: 190px;
  height: 42px;
  display: inline; 
  float: center; 
  padding: 2px 0px;
}

.HeaderNav ul li:before {
  /*content: url('../img/orange_list_dot.gif');*/
  content: "\002022";
  color: #f26532;
}
.HeaderNav ul li.first:before { content: ""; }
.Header ul li a {   padding: 5px 50px 5px 50px; }

/*  ## FOOTER  ------------------------------------------------------------------*/
.Footer {font-size: 12px;}
.Footer hr {width: 60%; float: left; padding-bottom: 3px;}
.Footer a { color: #ffffff; text-decoration: none;}
.Footer a:hover { text-decoration: underline; }
.directions { padding-top:13px;}
.FooterNav ul { list-style: none; margin: 0px; padding: 0px;}
.FooterNav ul li { padding-bottom: 5px;}
.Footer h1, .Footer h2,.Footer h3 { color: #fff; font-family: "QuicksandBook", Verdana, Arial, sans-serif; }
.Footer h3 {line-height:10px; font-family: "AvroLight", Georgia, serif;}
.Footer input {margin-bottom: 20px;}
.SocialLinks {margin: 10px 0 0 0; }
.SocialLinks a {padding: 5px 5px 5px 0; }



/*  ## HOME  ------------------------------------------------------------------*/

#MainGallery { 
  width: 940px;
  height: 460px;
  background: #000 url('/img/orbit/loading.gif') no-repeat center center;
  overflow: hidden; 
}
#MainGallery>img,  
#MainGallery>div,
#MainGallery>a { display: none; }  

.Home .MainText {
  margin: 35px 0 5px 0;
}

.Home h4  { 
  font-family: "QuicksandBook", Verdana, Arial, sans-serif; 
  color: #404040;  
  margin: 5px 0 0px 0;
}

.Home hr { color: #404040; background-color: #404040; height: 1.5px; border: 0px; }

/*  ## Locations  ------------------------------------------------------------------*/
.abstract {font-style: italic; font-family: "AvroRegular", Georgia, serif;}
.Locations ul {
  font-family: "AvroRegular", Georgia, serif; 
  padding-left: 15px;
}
.Locations h2 { margin: 20px 0 5px 0; line-height: 20px; font-family:"QuicksandBook", Verdana, Arial, sans-serif;  }
.Locations h4 { margin-bottom: 10px; font-family:"QuicksandBook", Verdana, Arial, sans-serif;  }
.RightSideNav { 
  position: relative; 
  margin-top: 20px;
  float: left; 
  width: 310px;}
.LeftBorder { 
  height: 250px; 
  margin: 0 0px 0 0; 
  padding: 0px; 
  }
.RightSideBox {
  margin-left: 70px;
  border-left: 1.5px solid #404040;
  padding-left: 25px; 
}


/*  ## ABOUT  ------------------------------------------------------------------*/
.About {margin-bottom: 40px; }
.About h2 { margin-top: 20px; font-family:"Quicksandbook", Verdana, Arial, sans-serif;  }
.About p {margin-left: 15px;}
.About .abstract { margin-left: 15px; }

/*  ## EVENTS  ------------------------------------------------------------------*/
.Events { margin-bottom: 40px; }
.Events h2 { font-family:"Quicksandbook", Verdana, Arial, sans-serif;  }
.event {margin-right: 60px;}
.event img {margin: 10px 0 20px 0;}
.event .date { display: block; color: #f26532; font-family: "AvroRegular", Georgia, serif; }
.event .time { font-family: "AvroRegular", Georgia, serif; font-style: italic; }
.Events ul { margin: 0; padding: 0; list-style: none; font-family: "AvroRegular", Georgia, serif; font-style: italic; }
.Events ul li {padding-left: 0; font-size: 14px;}
.Events ul a { color: #f26532; text-decoration: none; }
.Events .RightSideBox { border-left: 0px}
.Events .LeftBody { 
  border-right: 1.5px solid #404040; 
  margin-right: 5px;
}



/*  ## CONTACT  ------------------------------------------------------------------*/
.Contact h2,.Contact h4, .Contact h5 { font-family:"Quicksandbook", Verdana, Arial, sans-serif; }
.Contact h5 {color: #404040; margin-top: 15px; margin-bottom: 10px; font-size: 14px;}
.Contact h4 {margin: 10px 0;}
.Contact label {color: #7a0026; margin: 10px 0; font-family:"Quicksandbook", Verdana, Arial, sans-serif; }
.Contact { margin-bottom: 40px; font-family: Georgia, serif; line-height:23px;}
#ContactForm {margin: 20px 0 20px 0; width: 480px; position: relative; float: left; display:inline;  }
#ContactForm .input_text {width: 210px;}
.Contact input[type="text"] { width: 200px;}
.Contact textarea {width: 440px; height: 100px;}
.Contact button, .Contact input[type="button"] {float: right; margin: 10px 30px 10px; }