﻿@charset "UTF-8";
/* CSS Document */

body {
   padding: 0;
   margin:0;
   min-width: 400px; /* Was 1000 */
}

.wrapper {
	position: relative;
	max-width: 950px;
}

.header {
	height: 108px;
}


#topNav ul {
	float:left;
}

<<<<<<< remotes/origin/issue-40

 #topNav a {
	float:left;
	width:6em;
	text-decoration:none;
	padding:0.2em 0.2em;
}

topNav a:hover {
	background-color:#ff3300;
	}
	
#topNave li {
	display:inline;
	}
	
	

=======
>>>>>>> local
#topNav {
	max-width:950px;
	margin:0 auto;
	height: 30px;
	float:left;
	color: #000;
	font: 1.1em helvetica,arial,sans-serif;
}

#topNav a {
	text-decoration: none;
	height: 30px;
	color: #000;
}

<<<<<<< remotes/origin/issue-40
#topNav ul, #topNav li {
	margin: 0px;
	list-style: none;
}

#topNav li {
	float: left;
    padding: 14px 10px 0 10px;
}

#topNav a.first li {
	padding: 10px 10px 0 0px;
}

#topNav a:hover {
	color:#ff3300;
	position: relative;
}



=======
>>>>>>> local
#leftNav {
	color: #000;
	width: 200px;
	padding-top: 30px;
}

<<<<<<< remotes/origin/issue-40
#leftNav ul {
	margin:0 auto;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
}

#leftNav li {
	list-style:none;
}

ul.top-level {
	text-decoration:none;
	height:30px;
	color:#000;
}

ul.top-level li {
	padding: 6px 10px 0 0;
	line-height:180%;
}

ul.sub {
	display:none;
}

li:hover .sub {
	left:10em;
}

ul.sub a:hover {
	display:block;
}

#leftNav a {
	text-decoration: none;
	height: 30px;
	color: #000;
}

#leftNav ul, #leftNav li {
	margin: 0px;
	list-style: none;
}

li.sub {
	padding: 6px 10px 0 0;
	line-height:180%;
}

li:hover .sub {
	padding: 6px 10px 0 0;
	line-height:180%;
	display:block;
	position:absolute;
}

#leftNav a.first li {
	padding: 10px 10px 0 0;
}

#leftNav a:hover {
	color:#ff3300;
}
=======
>>>>>>> local
.accordionButton {	
	width: 180px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:30px;
	padding-top:10px;
	font: 1.1em helvetica,arial,sans-serif;
	color: #000;
	text-decoration:none;
	}
	
.accordionButtonFirst {	
	width: 180px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:30px;
	padding-top:30px;
	font: 1.1em helvetica,arial,sans-serif;
	color: #000;
	text-decoration:none;
	}
	
.accordionContent {	
	width: 200px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	font: 1.1em helvetica,arial,sans-serif;
	color: #000;
	padding-bottom:10px;
	}
	
.accordionButton a {	
	text-decoration:none;
	color: #000;
	}
	
.accordionButton a:hover {
	color: #ff3300;
	}
	
.accordionButtonFirst a {	
	text-decoration:none;
	color: #000;
	}
	
.accordionButtonFirst a:hover {
	color: #ff3300;
	}
	
.accordionContent a {	
	text-decoration:none;
	color: #000;
	padding:5px 0 5px 10px;
	}
	
.accordionContent a:hover {
	color: #ff3300;
	}
	

h1 {
	color: #ff3300;
	font: 2em helvetica,arial,sans-serif;
}

h2 {
	padding: 0 0 0.6em;
	color: #979797;
	font: 1.7em helvetica,arial,sans-serif;
}

p {
	padding: 0 0 1em;
	color: #000;
	font: 1em/1.4em helvetica,arial,sans-serif;
}

p a {
	color:#ff3300;
}

h4 {
	color: #979797;
	font: 1.4em helvetica,arial,sans-serif;
}

h3 {
	padding: 0 0 1em;
	color: #000;
	font: 1em helvetica,arial,sans-serif;
	font-weight:bold;
}

.glossaryitem {
	padding: 0 0 1em;
	color: #000;
	font: 1em helvetica,arial,sans-serif;
	font-weight:bold;
}

li {
	padding: 0 0 1em;
	color: #000;
	font: 1em/1.4em helvetica,arial,sans-serif;
}

table {
	padding: 0 0 1em;
	color: #000;
	font: 1em/1.4em helvetica,arial,sans-serif;
}

<<<<<<< remotes/origin/issue-40
 .wrapper a {
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #0bf;
} 

=======
>>>>>>> local
#container {
	width:950px;
	padding:10px 0 10px 10px;
}

#galleryContainer {
	width:800px;
	margin: 0 auto;
	padding:15px;
	margin-top:35px;
	
}

#oneThird {
	width:215px;
	float:left;
}

#twoThird {
	width:715px;
	float:left;
	padding:10px 0 10px 10px;
}

a:hover {
	color: #0bf;
}
strong {
	font-weight: normal;
}


.exploreImage {
	float:left;
	width:222px;
	height:139px;
	padding:0 24px 10px 0;
}

.exploreImageLast {
	float:left;
	width:222px;
	height:139px;
	padding:0 0 10px 0;
}



/*  SCHEDULE BOX  */

#scheduleBox {
	clear:both;
	float:left;
	width: 200px;
	height: 183px;
	background-color:#e5e5e5;
	margin:30px 0 10px 0;
	padding:15px 0 15px 0;
}

#scheduleBox ul {
	/* height: 27px; */
	overflow: hidden;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#scheduleBox li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	font: 11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #474e61;
	position: relative;
}

#scheduleBox li p {
	margin: 0;
	padding: 0px 0 0 0;
	text-align: right;
}

#scheduleBox li a {
	/* display: inline; */
	color: #474e61;
	text-decoration: none;
	text-align: right;
}

#scheduleBox li p b,
#scheduleBox li a b {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	/* display: inline; */
}


/*  CONTACT BOX  */

#contactBox {
	clear:both;
	float:left;
	width: 500px;
	height: 460px;
	background-color:#e5e5e5;
	margin:0 0 10px 0;
	padding:5px 0 15px 0;
}

#contactBox ul {
	/* height: 27px; */
	overflow: hidden;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#contactBox li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	font: 11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #474e61;
	position: relative;
}

#contactBox li p {
	margin: 0;
	padding: 0px 0 0 0;
	text-align: right;
}

#contactBox li a {
	/* display: inline; */
	color: #474e61;
	text-decoration: none;
	text-align: right;
}

#contactBox li p b,
#contactBox li a b {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	/* display: inline; */
}

.rslides1 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0 0 12px 0;
  margin: 0;
  }

.rslides1 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides1 li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides1 img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.footer {
	clear:both;
	float:left;
	max-width: 950px;
	margin: 0 auto;
}

.footer a {
    color: #000;
}
.footerBlack a {
	color: #fff;
}

.footer p {
	padding: 14px 0 0 0;
	color: #fff;
	font: 0.8em helvetica,arial,sans-serif;
	text-align: center;
}

.footerBlack {
    max-width: 950px;
  	background-color:#000;
	margin: 0px auto;
	padding-bottom: 2px;
}

.footerSub {
 position: relative;
 margin-top: 5px;
 }

.footerSub p {
	/* position: absolute; 
	left: 0;
	bottom: 13px;
	width: 950px;
	padding: 0; */
	color: #000;
	font: 0.8em helvetica,arial,sans-serif;
	text-align: center;
	padding-top: 5px;
}

/* BUTTONS */

#submitButton{
	display: block;
	width: 75px;
	height: 19px;
	background: url("../images/submit.png") no-repeat 0 0;
	background-position: 0 -19px;
}

#submitButton:hover{
	background-position: 0 0px;
}

#submitButton span{
	display: none;
}


/* SLIDER */
<style>
          body {
            -webkit-font-smoothing: antialiased;
            font: 1.1em helvetica,arial,sans-serif;
            color: #000;
          }
        
          #slides {
			  width:800px;
            display: none
          }
        
          #slides .slidesjs-navigation {
            margin-top:3px;
          }
        
          #slides .slidesjs-previous {
            margin-right: 5px;
            float: left;
          }
        
          #slides .slidesjs-next {
            margin-right: 5px;
            float: left;
          }
        
          .slidesjs-pagination {
            margin: 6px 0 0;
            float: right;
            list-style: none;
          }
        
          .slidesjs-pagination li {
            float: left;
            margin: 0 1px;
          }
        
          .slidesjs-pagination li a {
            display: block;
            width: 13px;
            height: 0;
            padding-top: 13px;
           /* background-image: url(images/pagination.png);
            background-position: 0 0; */
            float: left;
            overflow: hidden;
          }
        
          .slidesjs-pagination li a.active,
          .slidesjs-pagination li a:hover.active {
            background-position: 0 -13px
          }
        
          .slidesjs-pagination li a:hover {
            background-position: 0 -26px
          }
        
          #slides a:link,
          #slides a:visited {
            color: #333
          }
        
          #slides a:hover,
          #slides a:active {
            color: #9e2020
          }
        
          .navbar {
            overflow: hidden
          }
        </style>
        <!-- End SlidesJS Optional-->
        
        <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
        <style>
          #slides {
            display: none
          }
        
          .container {
            margin: 0 auto
          }
        
          /* For tablets & smart phones */
          @media (max-width: 767px) {
            body {
              padding-left: 20px;
              padding-right: 20px;
            }
            .container {
              width: auto
            }
          }
        
          /* For smartphones */
          @media (max-width: 480px) {
            .container {
              width: auto
            }
          }
        
          /* For smaller displays like laptops */
          @media (min-width: 768px) and (max-width: 979px) {
            .container {
              width: 724px
            }
          }
        
          /* For larger displays */
          @media (min-width: 1200px) {
            .container {
              width: 1170px
            }
          }
        </style>
        <!-- SlidesJS Required: -->