/* 
2008-10-31 RRR CSS for iKlyx.com 
*/

	* {margin:0; padding:0;}
	body {margin:auto; background-color:#111111; font:12px Verdana; color:#000;}
	img {border:none;}
	h1 {margin: 0px; padding: 0px; font-size: 22px; margin-top:5px;}
	
	#wrapper {margin:20px auto; width:950px; border: 10px solid #333; background-color:#fff;
	}
	
	#header {width:930px; padding:10px; height:100px; background-color:#111; font:30px Arial;}
	
	#header p {	font-size: 16px;
	font-family: Arial, Verdana; font-weight: normal; color: yellow;}
	
	#header img {border:none}
	
	
	#content {width:540px; padding:5px; float:left; background-color:#FFFFFF;}
	#content h1 {text-align: center;}
	#content ol { list-style-position: inside; }
	
	#content p {font-size: 16px;
	font-family: Arial, Verdana; font-weight: normal;}

	/* Jerry 081102 for centering paragraph of text above Video 
	at width of 425pixels (thus w425) */
	#content p.w425 {
	width : 425px;
	margin-top: 8px; 
	margin-bottom: 8px; 
	margin-left: auto; 
	margin-right: auto;
	font-size: 14px;
	font-family: Arial, Verdana; 
	font-weight: normal;
	}
	

	img.centered  {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		}
	

	
	#sidebar1 {width:120px; padding:5px; float:left; background-color:#ddd;}
	
	#sidebar2 {width:260px; padding:5px; float:left; background-color:#ddd;}
	
	#footer {width:930px; padding:10px; background-color:#ddd; clear:both;}
	
	
	
/* top menu */

/****************** MENU - Root = Horizontal, Secondary = Vertical *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */
/* height 48 for double height menu */

ul#navmenu {
  background: #2e8b57;
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
  z-index: 99;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index: 99;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #0d3d27;
  border-bottom-color: #0d3d27;
  background: #2e8b57;
  color: #fff;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  border: 1px solid #FFF;
  border-right-color: #0d3d27;
  border-bottom-color: #0d3d27;
  background: #bda;
  color: #000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  border: 1px solid #FFF;
  border-right-color: #0d3d27;
  border-bottom-color: #0d3d27;
  background: #2e8b57;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
  color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  border: 1px solid #FFF;
  border-right-color: #0d3d27;
  border-bottom-color: #0d3d27;
  background: #bda;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
  color: #000;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}