/***************************/
/* Template-related Styles */
/***************************/

#mainContainer {
  background: #FFF url("/images/template/sidenav_back.gif") repeat-y; /* image used for background in sidenav area */
  margin-left: 25px;
}

/* Welcome Message */
#welcomeMsg {
  float: left;
}

/* Top "Utility" Nav */
#utilityNav {
  width: 760px;
  background: #FFF;
  border-bottom: 1px solid #000;
  padding: 5 0 3 0;
  color: #666;
  font-size: 10px;
}
#utilityNav A {
  color: #666;
}
#utilityNav A:hover {
  text-decoration: underline;
}

/* Header area */
#header {
	width: 760px;
}
#header #logo {
  float: left;
  width: 216px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
#header #image {
  float: right;
  border-bottom: 1px solid #000;
}

/* Top navigation */
#topNavBar {
  clear: both;
  width: 760px;
  background: #CCC;
  height: 24px;
  border-bottom: 1px solid #000;
}
#topNavBar #chapter {
  float: left;
  width: 216px;
  font-family: "Arial Black";
  font-weight: normal;
  font-size: 15px;
  color: #006;
  text-align: center;
  padding-top: 1px;
}
#topNavBar #topNav {
  float: right;
}
#navcontainer {
  width: 544px;
  float: left;
  background-color: #CCC;
}
#navcontainer ul { 
  padding: 0; 
}
#navcontainer ul li { 
  display: inline; 
}
#navcontainer ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
}
#navcontainer ul li a {
  float: left;
  padding: 6 22 6 22;
  background-color: #CCC;
  color: #006;
  font-size: 10px;
  text-decoration: none;
  border-left: 1px solid #CCC;
}
#navcontainer ul li a:hover {
background-color: #669;
font-size: 10px;
color: #FFF;
}
#navlist li a:hover, #navlist li a:active, #navlist li a.On {
  color: #FFF;
  font-size: 10px;
  background-color: #669;
  text-decoration: none;
  font-weight: bold
}

/* Side navigation */
#sideNav {
  width: 216px;
  float: left;
	background: #EEE;
}
#subNav {
  padding-top: 10px;
  margin-left: 35px; 
}
#sideNav UL, #sideNav UL LI {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sideNav UL LI {
  padding-bottom: 7px;
  padding-top: 5px;
}
#sideNav LI {
  border-bottom: 1px solid #CCC;
}
#sideNav A.L1Nav,
#sideNav A.L1NavOn {
  font-weight: bold;
  font-size: 11px;
  color: #006;
  text-decoration: none;
}
#sideNav A.L1Nav:hover,
#sideNav A.L1NavOn {
	color: #000;
}
#sideNav A.L2Nav,
#sideNav A.L2NavOn {
  font-weight: bold;
  font-size: 10px;
  color: #006;
  text-decoration: none;
}
#sideNav A.L2Nav:hover,
#sideNav A.L2NavOn {
	color: #903;
}
#sideNav A.L3Nav {
  font-size: 10px;
  color: #666;
  text-decoration: none;
  margin-left: 7px; /* level 3 indent */
}
#sideNav A.L3Nav:hover,
#sideNav A.L3NavOn {
  font-size: 10px;
	color: #000;
  text-decoration: underline;
  margin-left: 7px; /* level 3 indent */
}

/* Content area */
#contentContainer {
  height: 300px;
  width: 760px;
}
#contentBody {
	padding-top: 5px;
  padding-bottom: 15px;
  width: 519px;
  float: right;
}

/* Breadcrumb */
#breadcrumb {
  padding-bottom: 15px;
  color: #666;
  font-size: 10px;
}
#breadcrumb A {
  color: #666;
}

/* Footer area */
#footer {
  clear: both;
  border-top: 1px solid #000;
  background: #FFF;
  width: 760px;
}
#footer #copyRight {
  float: left;
  padding-top: 5px;
	font-size: 9px; 
  color: #666;
}
#footer #south49 {
  float: right;
  padding-top: 5px;
	font-size: 9px; 
  color: #666;
}

/* Login */
#loginForm {
  margin-top: 20px;
  width: 300px;
  border: 1px solid #000;
  background: #EEE;
}
#loginForm INPUT {
  font-family: verdana;
}