/*Basic Styles*/

* {
  margin:0;
  padding:0;
}

body { 
 font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 62.5%; 
 color: #423321; 
 font-weight: normal; 
 font-style: normal; 
 text-align: center;
 background: #ccd2b7 url(images/bggradient.jpg) repeat-x;
}

h1 { 
 font-family: Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 2em; 
 font-weight: normal; 
 font-style: normal;
 margin-left: 20px;
}
 
h2 { 
 font-family: Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 2em; 
 font-weight: normal; 
 font-style: normal;
 letter-spacing: .25em;
 word-spacing: .6em;
 text-transform: uppercase;
 margin: 15px 0 8px 0;
}

h3 { 
 font-family: Georgia, Serif, serif; 
 font-size: 1.8em; 
 font-weight: bold;
 font-style: normal;
 margin-bottom: 1.5em;
}

h4 { 
 font-family: Georgia, Serif, serif; 
 font-size: 1.4em; 
 font-weight: bold;
 padding: 0 0 .4em 0;
}

h5 { 
 font-family: Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 1.2em; 
 font-weight: bold;
}
 
h6 { 
 font-family: Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 1em; 
 font-weight: bold;
}

p { 
  font-size: 1.2em; 
  font-weight: normal; 
  font-style: normal;
  margin: 1em 0 2em 0;
 
}

q:before, q:after { 
  content: ""; 
}

ul { 
 font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 1.2em; 
 font-weight: normal; 
 font-style: normal;
 margin: 0 0 35px 35px;
}

ul li {
  margin: 0.5em 0;
}

ul li ul li {
	font-size: .8em;
}

ol { 
 font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
 font-size: 1.2em; 
 font-weight: normal; 
 font-style: normal;
}

dl {
 margin-bottom: 100px;
}

ul.left {
	float: left;
}

ul.narrow {
	width: 600px;
}

hr {
	width: 100%;
	height: 0px;
	color: #A48766;
	background-color: #A48766;
	border: 1px solid #A48766;
	border-bottom: 0px;
	padding:0;
	margin-bottom: 1em;
}

blockquote {
  color: #533722;
  padding: 1.2em;
  font-size: 1.2em;
  border: 1px solid #000;
  background: #c7ad6d;
  font-family: Georgia,Serif,serif;
  font-style: italic;
}

a img {
  border: none;
}
 
a { 
 color: #6f593f;
 text-decoration: none;
}

a:link { 
  color: #8F773E; 
  text-decoration: none;
	border-bottom: 1px dashed #8F773E;
}

a:active { 
 color: #614b33; 
}

a:hover { 
 color: #AF9557; 
 text-decoration: none;
 border-bottom: 1px dashed #AF9557;
}

a:visited { 
 color: #467b5a;
 border-bottom: 1px dashed #467b5a;
}

h3 a:link {
	color: #423321;
}

h3 a:active { 
 color: #423321; 
}

h3 a:hover { 
 color: #AF9557; 
 text-decoration: none;
 border-bottom: 1px dashed #AF9557;
}

h3 a:visited { 
 color: #423321;
}

/*Content Heading Image Replacement*/

#home #content h2 {
  background: url(images/bodyh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#faqs #content h2 {
  background: url(images/faqsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 8px;
}

#corporate #content h2#corporateprograms {
  background: url(images/corporateprogramsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#corporate #content h2#corporateclients {
  background: url(images/corporateclientsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#educational #content h2#educationalprograms {
  background: url(images/educationalprogramsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#educational #content h2#educationalclients {
  background: url(images/educationalclientsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#news #content h2 {
  background: url(images/newsandeventsh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#news #content h2#archive {
  background: url(images/newsandeventsarchiveh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#calendar #content h2 {
  background: url(images/calendarh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#photogallery #content h2 {
  background: url(images/photogalleryh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#links #content h2 {
  background: url(images/linksh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#aboutus #content h2 {
  background: url(images/aboutush2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#aboutus #content h2#staff {
  background: url(images/aboutusstaffh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#contactus #content h2 {
  background: url(images/contactush2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

#contactus #content h2#thanks {
  background: url(images/thanksh2.png) no-repeat;
  text-indent: -9999px;
  padding-bottom: 4px;
}

/*Image Styles*/

img.right {
  margin: 0px 0px 10px 25px;
  float: right;
}

img.left {
  margin: 5px 25px 5px 5px;
  float: left;
}

img.exp {
	border: 1px solid #000;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.45);
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.45);
}

/*Layout*/

#wrapper {
 position: relative;
 width: 900px;
 margin: 0 auto;
 text-align: left;
 background: #F9F7D6;
 border: 1px solid #000000;
 z-index: 2;
 -moz-box-shadow: 0 0 5px rgba(22,63,14,0.45);
 -webkit-box-shadow: 0 0 5px rgba(22,63,14,0.75);
 box-shadow: 0 0 5px rgba(22,63,14,0.45);
}

#logo {
  width: 900px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 0;
  height: 65px;
}

#logo h1 {
  width: 100%;
  margin: 0;
  padding: 0;
  background: url(images/headerlogodark.jpg) no-repeat;
  text-indent: -9999px;
  line-height: 65px;
}

#header {
  width: 100%;
  height: 163px;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin-bottom: -21px;
  z-index: -1;
}

div.carousel {
  overflow: hidden;
  position: relative;
  z-index: 2;
  left: 0px;
}

div.carousel ul {
  list-style: none;
  margin:0;
  padding:0;
  position: relative;
  z-index: 1;
}

div.carousel li {
  overflow: hidden;
  float: left;
  margin: 0;
}

#content {
  padding: 0 25px;
  position: relative;
  background: #f9f7d6 url(images/logoback.jpg) no-repeat center;
  z-index: 0;
}

div#introblock {
	width: 700px;
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 10px 10px 10px 15px;
	background: #C7AD6D;
	border: 1px solid #533722;
	color: #533722;
}

div#introblock h4 {
	font-family: Georgia, Serif, serif; 
  font-size: 1.2em; 
  font-weight: bold;
}

div#introblock p {
	margin: 1em 0 0 0;
}

a.fb {
	margin: -36px 5px 5px 0px;
	float: right;
	width: 32px;
	height: 32px;
	background: url(images/facebook.png) no-repeat;
	border:none;
}

a.fb:hover {
	background: url(images/facebookhover.png) no-repeat;
}

a.twitter {
	margin: -36px 5px 5px 0px;
	float: right;
	width: 32px;
	height: 32px;
	background: url(images/twitter.png) no-repeat;
	border:none;
}

a.twitter:hover {
	background: url(images/twitterhover.png) no-repeat;
}

.clear {
  clear: both;
}

address.address {
  font-size: 1.1em;
  text-align: center;
  margin: 5px 0 20px 0;
}

#footer {
 font-size: .9em;
 padding-bottom: 10px;
}

/*Page-specific Styles*/

#home blockquote {
  text-align: center;
  width: 605px;
}

#home blockquote span {
  display: block;
  position: relative;
  text-align: right;
  margin: .5em 25px 0 0;
  font-style: normal;
}

#home img.right {
  margin: -30px 0 40px 0;
}

img#faqs {
  margin-top: 20px;
}

#corporate ul.left li {
	margin: .3em;
}

#educational ul.left li {
	margin: .3em;
}

em.intro {
  font-family: Georgia,Serif,serif;
  font-size: 1.2em;
}

em.author {
  font-family: Georgia,Serif,serif;
  font-size: 1.2em;
}

#aboutus p.bio {
	padding: 0 .8em;
}

h3.first {
	margin-top: 1em;
}

#contactus #content {
	background: #f9f7d6;
}

/*Menu*/

div#nav {
  height: 6em;
}

ul#topnav {
	margin: -1px 0 0 0; 
  padding: 0;
	float: left;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1em;
	z-index: 30;
}
ul#topnav li {
	float: left;
	height: 2.2em;
	margin: 0 0 0 3px; 
	font: normal 9px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
}
ul#topnav li a {
	padding: 5px 15px;
	display: block;
	color: #533722;
	text-decoration: none;
	background: #C7AD6D;
	border: 1px solid #533722;
	border-bottom: none;
}

ul#topnav li:hover {
  background: #a48766;
}

ul#topnav li a:hover {
  color: white;
  background: #a48766;
}

ul#topnav li ul {
	float: left;
	padding: 2em 0 0 0;
	margin: -1em 0 0 0;
	position: absolute;
	left: 0; top:31px;
	display: none; /*--Hide by default--*/
	width: 900px;
	background: url(images/navborder.gif) repeat-x top left #a48766;
	color: white;
	font: normal 9px Arial, Helvetica, sans-serif;
	list-style: none;
	border-bottom: 1px solid #000;
}
ul#topnav li:hover ul { display: block; z-index: 40; } /*--Show subnav on hover--*/
ul#topnav li ul a { display: inline; background: none; color: white; border: none; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li ul li {
  padding: 0;
  margin: 0 0 0 1em;
  font-weight: normal;
}

ul#topnav li ul li a {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

body#home li#homenav a,
body#faqs li#faqsnav a,
body#corporate li#corporatenav a,
body#educational li#educationalnav a,
body#news li#newsnav a,
body#calendar li#calendarnav a,
body#photogallery li#photogallerynav a,
body#links li#linksnav a,
body#aboutus li#aboutusnav a,
body#contactus li#contactusnav a {
  background: #a48766;
  color: white;
}

body#home li#homenav ul,
body#faqs li#faqsnav ul,
body#corporate li#corporatenav ul,
body#educational li#educationalnav ul,
body#news li#newsnav ul,
body#calendar li#calendarnav ul,
body#photogallery li#photogallerynav ul,
body#links li#linksnav ul,
body#aboutus li#aboutusnav ul,
body#contactus li#contactusnav ul {
  display: block;
}