/* -------------------------------------
RESET DEFAULT STYLES
------------------------------------- */
@import url("/index.php?css=styles/reset");

/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */

body {
	padding-bottom: 3em;
	font: small/1.6em Georgia, Garamond, Times, "Times New Roman", serif;
	text-align: center;
	color: #000000;
	background: #fffded url(../images/interface/bg_body.jpg) repeat-x 0 0;
	}

#wrapper {
	width: 960px;
    text-align: left;
    margin: 0 auto;
	}

/* -------------------------------------
HEADER
------------------------------------- */

#header {
	width: 960px;
    height: 140px;
    position: relative;
    color: #ffffff;
    background: #594935 url(../images/interface/bg_header_logo.jpg) no-repeat 0 0;
	}

#header h1 {
  text-indent: -9999px;
}

#news_n_photos {
  position: absolute;
  top: 26px;
  right: 40px;
}

/* -------------------------------------
PRIMARY NAV
------------------------------------- */

#nav_primary {
  width: 960px;
  text-align: center;
  padding: 0.4em 0;
  color: #ffffff;
  background: #2e393a url(../images/interface/bg_nav.png) repeat-x 0 0;
}

#nav_primary ul li {
  display: inline;
}

#nav_primary ul li a {
  color: #B9B3A8;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
  font-size: 90%;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin: 0 0.8em;
  text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

#nav_primary ul li a:hover,
#nav_primary ul li.current a {
  color: #ffffff;
}

/* -------------------------------------
INTRO, SECONDARY NAV, AND SUB NAV
------------------------------------- */

#page_intro {
  position: relative;
  width: 960px;
  height: 292px;
  background: #928563 url(../images/interface/bg_book_home.jpg) no-repeat 0 0;
}

body#about-us #page_intro {
  background-image: url(../images/interface/bg_book_about.jpg);
}

body#summer-camp #page_intro {
  background-image: url(../images/interface/bg_book_summer_camp.jpg);
}

body#apps-and-forms #page_intro {
  background-image: url(../images/interface/bg_book_apps_and_forms.jpg);
}

body#staff #page_intro {
  background-image: url(../images/interface/bg_book_staff.jpg);
}

body#extras #page_intro {
  background-image: url(../images/interface/bg_book_extras.jpg);
}

#page_intro p {
  text-indent: -9999px;
}

#nav_secondary {
  position: absolute;
  top: 33px;
  left: 705px;
}

#nav_secondary li {
  text-indent: -9999px;
}

#nav_secondary li a {
  display: block;
}

#nav_secondary li.n1 a {
  width: 123px;
  height: 23px;
}

#nav_secondary li.n2 a {
  width: 111px;
  height: 37px;
  margin-bottom: 2px;
}

#nav_secondary li.n3 a {
  width: 92px;
  height: 24px;
  margin-bottom: 4px;
}

#nav_secondary li.n4 a {
  width: 131px;
  height: 26px;
  margin-bottom: 4px;
}

#nav_secondary li.n5 a {
  width: 91px;
  height: 24px;
}

#sub_nav {
  margin-left: 45px;
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 90%;
  line-height: 140%;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#sub_nav li a {
  display: block;
  width: 230px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,.7);
  margin-bottom: 0.8em;
  padding-bottom: 1px;
}

#sub_nav li a:hover,
#sub_nav li.current a {
  border-bottom: 1px dashed #ffffff;
  padding-bottom: 0;
}

/* -------------------------------------
CONTENT
------------------------------------- */

#content {
    padding: 12px 48px 48px 48px;
	background-color: #f1efe9;
	}

#page_title {
  margin-bottom: 1em;
}

#page_title h1 {
  font-family: "Trebuchet MS", "Trebuchet MS", Arial, sans-serif;
  font-size: 300%;
  letter-spacing: 1px;
  line-height: 140%;
  color: #644025;
  font-variant: small-caps;
}

#page_title h2 {
  font-family: "Trebuchet MS", "Trebuchet MS", Arial, sans-serif;
  font-size: 120%;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#primary {
  width: 440px;
  float: left;
}

#primary.full {
  width: 640px;
  float: none;
}

#primary.video {
  width: 864px;
  float: none;
  text-align: center;
}

#primary p,
#secondary p {
  margin-bottom: 1em;
}

#primary h3,
#secondary h3 {
  font-family: "Segue UI", "Trebuchet MS", Arial, sans-serif;
  font-size: 115%;
  color: #386777;
}

#primary h4,
#secondary h4 {
  font-family: "Segue UI", "Trebuchet MS", Arial, sans-serif;
  font-size: 100%;
}

#primary strong,
#secondary strong {
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
}

#primary ul,
#secondary ul {
	margin-bottom: 1em;
}

#primary ul li,
#secondary ul li {
	list-style: disc;
	margin-left: 1.5em;
	padding-left: 0.1em;
}

#primary ol,
#secondary ol {
	margin-bottom: 1em;
}

#primary ol li,
#secondary ol li {
	list-style: decimal;
	margin-left: 1.5em;
	padding-left: 0.1em;
}

#primary ol ol,
#secondary ol ol {
	margin-bottom: 0;
}

#primary ol ol li,
#secondary ol ol li {
	list-style: lower-alpha;
	margin-left: 1.5em;
	padding-left: 0.1em;
}

#secondary {
  width: 380px;
  float: right;
}

#slideshow {
  width: 376px;
  height: 250px;
  background: url(../images/interface/bg_photo_frame.jpg) no-repeat 0 0;
  margin-bottom: 1em;
}

#slideshow img {
  margin: 11px 0 0 11px;
}

#photos img {
  background: url(../images/interface/bg_photo_frame.jpg) no-repeat 0 0;
  padding: 11px 12px 11px 11px;
  margin-bottom: 1em;
}

/* -------------------------------------
TABLES
------------------------------------- */

#content table {
	width: 100%;
	border: 1px solid #dddddd;
    font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
    margin-bottom: 1em;
	}

#content table thead tr {
	background-color: #dddddd;
	}

#content table td,
#content table th {
	padding: 0.2em 0.6em;
	border: 1px solid #dddddd;
	}
	
/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
	background: url(../images/interface/bg_footer.png) no-repeat bottom left;
    border-top: 1px solid #dcd5cd;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 85%;
    line-height: 140%;
    padding: 1em 45px;
    text-align: center;
    position: relative;
	}

#footer img {
  position: absolute;
  top: 10px;
  left: 435px;
}

#footer address {
  font-style: normal;
  float: left;
  width: 40%;
  text-align: left;
}

#footer p.credits {
  float: right;
  width: 40%;
  text-align: right;
}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
	color: #3366CC;
	background: transparent;
	}
a:visited {
	color: #993366;
	background: transparent;
	}
a:hover {
	color: #000000;
	background: transparent;
	}
a:active {
	color: #3366CC;
	background: transparent;
	}

img.right {
	float: right;
	display: inline;
	margin: 0 0 0 12px;
	}

img.left {
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	}

div.quote {
  color: #543a26;
}

div.quote blockquote {
  font-style: italic;
  font-weight: bold;
}

div.quote blockquote cite {
  font-weight: normal;
}

div.special_notice {
  background-color: #FFFFCC;
  border: 1px dashed #CC0000;
  color: #cc0000;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  padding: 0.4em 1em 0 1em;
  margin-bottom: 1em;
}


/* PROGRAM SELECTION MENU */

form#catmenu p {
  margin: 1em 0 0 0;
  padding: 0.4em 0.6em;
  /*font-size: 85%;*/
  background-color: #e1c598;
  border: 1px solid #604c30;
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
}

form#catmenu p select,
form#catmenu p input {
  /*font-size: 85%;*/
}

/* -------------------------------------
CLEAR STYLES
Clears floats without extra markup.
------------------------------------- */

.group:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}