#contact #header { background-image:url("contact/header.png"); }
#contact #title { background-image:url("contact/title-bevel.png"); }
#contact #footer { background-image:url("contact/footer-bevel.png"); }
#contact h2, #contact a { color:#0060aa; }
#contact a:hover { color:#427aba; }

#course #header { background-image:url("course/header.png"); }
#course #title { background-image:url("course/title-bevel.png"); }
#course #footer { background-image:url("course/footer-bevel.png"); }
#course h2, #course a { color:#f5821f; }
#course a:hover { color:#f89644; }

#home #header { background-image:url("home/header.jpg"); }
#home #ticker { background-image:url("home/ticker-bevel.png"); }
#home #footer { background-image:url("home/footer-bevel.png"); }
#home #header { height:241px; }
#home h2, #home a { color:#0060aa; }
#home a:hover { color:#427aba; }

#purpose #header { background-image:url("purpose/header.png"); }
#purpose #title { background-image:url("purpose/title-bevel.png"); }
#purpose #footer { background-image:url("purpose/footer-bevel.png"); }
#purpose h2, #purpose a { color:#69287b; }
#purpose a:hover { color:#78548f; }

#origin #header { background-image:url("origin/header.png"); }
#origin #title { background-image:url("origin/title-bevel.png"); }
#origin #footer { background-image:url("origin/footer-bevel.png"); }
#origin h2, #origin a { color:#71be43; }
#origin a:hover { color:#8fc966; }

#stories #header { background-image:url("stories/header.png"); }
#stories #title { background-image:url("stories/title-bevel.png"); }
#stories #footer { background-image:url("stories/footer-bevel.png"); }
#stories h2, #stories a { color:#ed1d24; }
#stories a:hover { color:#f15c41; }

body {
  margin:0;
  font-family:arial;
  font-size:12px;
  color:#000;
  background:#fff;
}

p { margin:12px 0; }
img { border:none; }
.left { float:left; }
.right { float:right; }

#container {
  width:720px;
  margin:0 auto;
  position:relative;
}

#logo {
  margin:5px 0;
}

#logo a {
  display:block;
  width:135px;
  height:67px;
  margin:5px 0;
  background:url("common/logo.png");
  text-decoration:none;
}

#logo a:hover {
  background:url("common/logo2.png");
}

#logo span {
  display:none;
}

#navigation {
  font-family:arial;
  height:23px;
  line-height:23px;
  padding:0 15px;
  background:url("common/navigation-bevel.png") no-repeat;
}

#navigation ul {
  margin:0;
  padding:0;
  list-style:none;
}

#navigation li {
  margin:0;
  padding:0;
  display:inline;
  margin-right:10px;
}

#navigation a {
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  text-decoration:none;
}

#navigation a:hover {
  text-decoration:underline;
  color:#fff;
}

#header {
  height:200px;
  background-repeat:no-repeat;
}

#phrase {
  height:25px;
  line-height:25px;
  padding:0 10px;
  background:#ec008c;
  color:#fff;
  text-transform:uppercase;
  text-align:right;
}

#title, #ticker {
  height:50px;
  margin:10px 0;
  background-repeat:no-repeat;
  font-size:14px;
  color:#fff;
}

#title h1 {
  display:none;
  margin:0;
  padding:0;
}

#article h2 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:0;
}

#article #text p {
  margin-top:0;
}

#footer {
  height:23px;
  line-height:23px;
  margin:10px 0;
  padding:0 10px;
  color:#fff;
}

#footer a, #footer a:hover, #course #dates a {
  color:#eee;
}

#image { width:225px; text-align:center;}
#text { width:460px; }
#purpose #image, #origin #text,  #course #text  { float:left; }
#purpose #text,  #origin #image, #course #image { float:right; }

#ring {
  position:absolute;
  bottom:50px;
}

#purpose #ring { left:25px; }
#origin #ring { right:25px; }

#home #ticker {
  padding:0 20px;
  line-height:50px;
  overflow:hidden;
}

#home #ticker h2, #home #ticker ul, #home #ticker li  {
  margin:0;
  padding:0;
  display:inline;
  list-style:none;
  color:#fff;
}

#home #ticker h2 { padding-right:10px; }
#home #ticker li { display:none !important; }
#home #ticker li.current { display:inline !important; }

#home #boxes ul {
  margin:0;
  padding:0;
  list-style:none;
}

#home #boxes li {
  margin:0 5px 0 0;
  padding:0;
  display:inline;
}

#course #dates {
  width:200px;
  height:314px;
  background:url("/images/course-dates-bevel.png") no-repeat;
  color:#fff;
  padding:20px 12px;
  text-align:left;
}

#stories .story {
  width:310px;
  height:400px;
  padding:20px;
  margin:5px 10px 5px 0;
  float:left;
  color:#fff;
}

#stories .story h2 { color:#fff; margin:0; }
#stories .storya { background:#ec008c; }
#stories .storyb { background:#00adef; }