body {margin:0px; padding:0px; border:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; overflow:hidden;}

#header {
	padding:5px 10px;
	background:#ddd;
	}

h1 {
	margin:0;
	}

#nav {
	padding:5px 10px;
	background:#c99;
	}

#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav li {
display:inline;
margin:0;
padding:0;
}


#main {
	float:right;
	width:480px;
	padding:10px;
	background:#9c9;
	}

h2 {
	margin:0 0 1em;
	}
  
#sidebar {
	float:left;
	width:230px;
	padding:10px;
	background:#666;
}

#footer {
	position:fixed;
	width:100%;
	bottom:0px;
	height:39px;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	background:#333;
	color:#fff;
	font-weight:bold;
}

#footer p {
	margin:0;
	}




/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
	position:relative;
  margin: 0;
  border: 0px none;
  padding: 0;
  width: 600px; /*For KHTML*/
  list-style: none;
  height: 24px;
  z-index:50;
  margin-top:5px;
  width:100%
}

ul#navmenu-h li {
  margin: 0;
  margin-left:20px;
  border: 0px none;
  padding: 0;
  padding-left:5px;
  padding-right:5px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;z-index:50;
  height: 24px;
  vertical-align:middle;
}

ul#navmenu-h ul {
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: 170px;
  list-style: none;
  display: none;
  position: absolute;z-index:550;
  top: 24px;
  left: 0;padding-bottom:10px;
	background-color:#5d3193;
/*background-image:url(../images/headerimages/CCL_NavBoxBackground.jpg); background-repeat:repeat;*/
padding-bottom:8px;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0px;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 170px;margin:0px; padding:0px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}




/* Root Menu */
ul#navmenu-h a {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fbe029;
  font-size:  14px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:left; 

}
ul#navmenu-h  ul a,a.topmenu {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fcf1b5;
  font:  14px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:left; 

}

a.topmenu_main,a.topmenu_main:visited {color:#fbe029; font-weight:bold; font-size:11px; text-decoration:none;}
a.topmenu_main:hover {color:#fae262; font-weight:bold; font-size:11px; text-decoration:none;}


/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
  color: #fae262;
}

ul#navmenu-h ul a:hover, ul#navmenu-h ul li:hover a,a.topmenu:hover,ul#navmenu-h ul li.iehover a {
  color: #fae262;
  margin: 0px;
  border: 0px;
  padding: 5px;
}


/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  color: #fbe029;
  margin: 1px;
  border: 0px;
  padding: 5px;

}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
 /* background: #cecece;*/
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}






/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  color: #fcf1bf;
  margin:1px;padding:5px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  color: #fcf1bf;
  margin:1px;padding:5px;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 170px;
  margin:0px;padding:5px; 

}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
margin:0px;padding:0px;  display: block; padding-bottom:10px;


}












































/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-v {
	position:relative;
  margin: 0;
  border: 0px none;
  padding: 0;
  width: 280px; /*For KHTML*/
  list-style: none;
  height: 24px;
  z-index:50;
  margin-top:5px;
}

ul#navmenu-v li {
  margin: 0;
  margin-left:10px;
  border: 0px none;
  padding: 0;
  padding-left:5px;
  padding-right:5px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;z-index:50;
  height: 24px;
  vertical-align:middle;
}

ul#navmenu-v ul {
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: 120px;
  list-style: none;
  display: none;
  position: absolute;z-index:550;
  top: 24px;
  left: 0;padding-bottom:10px;
	background-color:#000;
/*background-image:url(../images/headerimages/CCL_NavBoxBackground.jpg); background-repeat:repeat;*/
padding-bottom:8px;
}

ul#navmenu-v ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0px;
  visibility: hidden;
}

ul#navmenu-v ul li {
  width: 120px;margin:0px; padding:0px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}




/* Root Menu */
ul#navmenu-v a {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fbe029;
  font-size:  11px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:left; 

}
ul#navmenu-v  ul a,a.topmenu {
  margin: 0px;
  border: 0px;
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fcf1b5;
  font:  11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:left; 

}

a.topmenu_main,a.topmenu_main:visited {color:#fbe029; font-weight:bold; font-size:11px; text-decoration:none;}
a.topmenu_main:hover {color:#fae262; font-weight:bold; font-size:11px; text-decoration:none;}


/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
  color: #fae262;
}

ul#navmenu-v ul a:hover, ul#navmenu-v ul li:hover a,a.topmenu:hover,ul#navmenu-v ul li.iehover a {
  color: #fae262;
  margin: 0px;
  border: 0px;
  padding: 5px;
}


/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  float: none;
  color: #fbe029;
  margin: 1px;
  border: 0px;
  padding: 5px;

}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
 /* background: #cecece;*/
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}






/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  color: #fcf1bf;
  margin:1px;padding:5px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  color: #fcf1bf;
  margin:1px;padding:5px;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  color: #fae262;
  margin:0px;padding:5px;
	border:1px solid #fae262;
}

ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 170px;
  margin:0px;padding:5px; 

}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
margin:0px;padding:0px;  display: block; padding-bottom:10px;


}
