/* 
 * Journey to Excellence Fancy Template Styles
 * By Jonathan Duncan 
 */


/* Body Styles
 *   The following styles apply to the entire page 
 ************************************************************/


body {
  background: #b3a684;
  margin: 1%;
  text-align: center;
}


/* title will not display in fancy mode */

#title {
  display: none;
}


/* Header Styles 
 *   These styles are the headline graphics and navigation
 ************************************************************/


/* main header styles */

#header {
  height: 200px;
  width: 750px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


/* top bar of the header */

#header #top {
  position: relative;
  background: transparent url("/images/header.png") top center no-repeat;
  height: 50px;
  width: 750px;
  margin: 0px;
}

#header #text {
  position: relative;
  float: right;
  background: transparent url("/images/text.gif") top center no-repeat;
  height: 22px;
  width: 322px;
  margin: 0px;
}
  

#header #top .link {
  position: relative;
  float: right;
  background: transparent url("/images/link_background.gif") top center no-repeat;
  width: 25px;
  height: 25px;
  top: 18px;
  left: 322px;
  margin: 0px;
  padding: 2px 0px 0px 6px;
}


/* search form in the top bar */

#header form {
  display: block;
  position: relative;
  float: right;
  top: 9px;
  left: 322px;
  padding: 12px 20px 0px 0px;
  margin: 0px;
  text-align: right;
  white-space: nowrap;
}

#header form label { color: #fff; font-size: 85%; }
#header form input { font-size: 85%; }

#header form #submit {
  background: #526180;
  color: #fff;
  padding: 1px 4px;
  border: 1px solid #283043;
}
	
#header form #q {
 width: 80px;
 border: 1px solid #a11b10;
 background: #b2a683;
 padding: 2px;
}

#header form #q:hover, #header form #q:focus {
 background: #fdfaf3;
}


/* picture holding div tag, image added in section specific style sheets */
	
#header #center {
  height: 150px;
  width: 750px;
}

/* the logo */
#header #logo {
  position: relative;
  top: -20px;
  background: transparent url('/images/logo.png') no-repeat;
  height: 150px;
  width: 160px;
  z-index: 95;
}

/* j2e watermark */
#watermark {
  float: right;
  position: relative;
  background: transparent url('/images/j2e.png') no-repeat;
  right: 10px;
  top: 0px;
  height: 140px;
  width: 139px;
  z-index: 95;
}

/* navigation list */

#nav {
  float: none;
  background: transparent;
  position: relative;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  top: -20px;
  border: none;
  list-style: none;
}
	
/* these are the navigation tabs */	
	
#nav li {
 position: relative;
 float: left;
 display: block;
 background: transparent url("/images/tab.gif") 100% 0px no-repeat;
 margin: 0;
 padding: 3px 0 0 0;
 border-style: none;
 width: 76px;
 height: 17px;
 font-size: 85%;
 text-align: center;
}

#nav #current {
  background: transparent url("/images/tab-on.gif") 100% 0px no-repeat;
}

/* the links in the navigation tabs */

#nav li a {
 display: inline;
 color: #a11b10;
 font-weight: bold;
 text-decoration: none;
}

#nav li a:hover {
  text-decoration: underline;
}

/* a sub-menu of the navigation tab */

#nav ul {
  display: none;
  top: 20px;
  width: 210px;
  margin: 0px;
  padding: 0px;
  border: 1px solid black;
  border-top: 0px none;
  list-style: none;
  z-index: 200;
}

/* an entry in the sub-menu */

#nav ul li {
  float: none;
  height: 15px;
  width: 206px;
  font-size: 100%;
  margin: 0px;
  padding: 2px;
  background: #fdfaf3;
  text-align: left;
}

/* a sub-menu entry which leads to a new sub-menu */

#nav ul li.sub {
  background: #fdfaf3 url("/images/submenu.gif") 100% 0px no-repeat;
}

/* a sub-sub-menu box */

#nav ul ul {
  top: 0px;
  left: 100px;
  width: 210px;
  border: 1px solid black;
  z-index: 100;
}

/* these work the magic - hover opens the sub-menus */

#nav li:hover      { background-position: 100% -50px; }
#nav li:hover > ul { display: block; position: absolute; width: 210px;}
#nav ul li:hover   { background: #b3a684; }
	
/* Preferred Practices Tab */

#header #pp {
  position: absolute;
  background: transparent url(/images/pp-tab.gif) 0px 0px no-repeat;
  font-size: 85%;
  text-align: center;
  left: 620px;
  height: 15px;
  width: 125px;
  padding: 6px 0px;
  z-index: 200;
}

#header #pp a {
 display: inline;
 color: #b3a684;
 font-weight: bold;
 text-decoration: none;
}

#header #pp:hover {
  background-position: 0px -50px;
}

#header #pp a:hover {
  text-decoration: underline;
}


/* Content Styles 
 *   These styles are for the main content area
 ***********************************************************/

/* main content area */

#main {
  position: relative;
  background: #b3a684 url("/images/background_gradient.png");
  height: auto;
  width: 750px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border: 1px solid black;
}

/* wayfinder */

#wayfinder {
  position: relative;
  float: left;
  right: 450px;
  font-size: 10pt;
  color: #b3a684;
}

#wayfinder a {
  color: #b3a684;
}

#wayfinder a:visited {
  color: #a11b10;
}

/* text area in content */

#content {
  position: relative;
  padding: 4px 8px 8px 8px;
  min-height: 300px;
  background: transparent url("/images/background_gradient.png");
  z-index: 50;
}

/* headline for content */

#content h1 {
  position: relative;
  padding: 2px 2px 2px 8px;
  width: 200px;
  left: -9px;
  background: #b3a684;
  color: #a11b10;
  font-weight: bold;
  border-bottom: none;
  z-index: 95;
}

/* sub-headline for content */

#content h2 { 
  color: #a11b10;
}

/* list item images */

#content ul {
  list-style: none;
}

#content ul li {
  padding-left: 12px;
  background-image: url(/images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 2px 5px;
}

/* address */

address {
  margin: auto;
  height: 20px;
  padding: 6px;
  font-size: 8pt;
}

address img {
  vertical-align: middle;
}

address a {
  color: #a11b10;
}