/*      Created by Keith Donegan of Code-Sucks.com	  	  E-Mail: Keithdonegan@gmail.com	  	  You can do whatever you want with these layouts,	  but it would be greatly appreciated if you gave a link	  back to http://www.code-sucks.com	  *//* Nav starts here*/#nav, #nav ul { /* all lists */		padding: 0;		margin: 0;		list-style: none;		float : left;		width : 6em;		z-index: 1000;	}		#nav li { /* all list items */		position : relative;		float : left;		//line-height : 1.25em;		margin-bottom : 1px;		border : 1px solid #d95e16;		width: 6em;	}		//#nav li ul { /* second-level lists */		position : absolute;		left: -999em;		margin-left : 11.1em;		margin-top : -1.2em;	}		#nav li ul ul { /* third-and-above-level lists */		left: -999em;	}		#nav li a {		width: 11em;		w\idth : 10em;		display : block;		color : white;		font-weight : normal;		text-decoration : none;		background-color : #d95e16;		border : 1px solid #d95e16;		padding : 0 0.5em;	}		#nav li a:hover {		color : white;		background-color : #FF9900;		border : 1px solid white;	}		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {		left: -999em;	}		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */		left: auto;	}* { padding: 0; margin: 0; }body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; background-image:url("/images/tile2.jpg"); background-repeat:repeat; background-position:left;}h1{ font-size: 140%;}h2{ font-size: 130%;}h3{ font-size: 120%;}h4{ font-size: 110%;}h5{ font-size: 100%;}a {color:#FF6600;text-decoration:none;}a:hover {text-decoration:underline;}#wrapper {  margin: 0 auto; margin-top: 25px; width: 919px; background-image:url("/images/leftboxbgrnd.gif"); background-repeat:repeat-y; background-color:#FFFFFF; z-index: 1;}#header { color: #fff; width: 725px; float: left; padding: 10px; height: 100px; margin: 0px 0px 0px 0px; background-image:url("/images/TW-header-bg.gif"); background-repeat:no-repeat;}#headtagline { font:"AGaramond BoldItalic"; font-size: 2em; color:#FFFFFF, float:left padding: 15px, 0, 0, 10px; } #toplinks { font-family:Arial, Helvetica, sans-serif; font-size: 14px; Float:left; padding-top: 80px; } #toplinks a {color:#ffffff;text-decoration:none;}#toplinks a:hover {text-decoration:underline;}#leftcolumn {  color: #333; //background-image:url(images/verticalbg.gif); //background-repeat:repeat; margin: 0px 0px 0px 0px; padding: 10px; width: 153px; float: left; z-index: 3;}#calmenu { float:left; width: 143px; background-color:#FFFFFF; margin-top: 1.2em; margin-left: 0px; padding-right: 10px; }#rightcolumn { float: left; color: #333; background: #fff; margin: 0px 0px 0px 0px; padding: 10px; min-height:8em; height:auto; width: 725px; display: inline; z-index: 2;}/* for Internet Explorer *//*\*/* html .container {height: 8em;}/**/#imageright { float: right; padding-left: 10px; }#footer {  width: 900px; clear: both; color: #333; font-size: 0.8em; background: #BD9C8C; margin: 0px 0px 10px 0px; padding: 10px;}#footer a {color:#ffffff;text-decoration:none;}#footer a:hover {text-decoration:underline;}#footercaption {float: right;}#content {float: left;width: 725px;}/* new menu here */.menu {z-index:1000;font-size:90%;margin:25px 0 50px 0px; /* this page only */}/* remove all the bullets, borders and padding from the default list styling */.menu ul {padding:0;margin:0;list-style-type:none;width:150px;}/* hack for IE5.5 */* html .menu ul {margin-left:-16px; ma\rgin-left:0;}/* position relative so that you can position the sub levels */.menu li {position:relative;background:#d95e16;height:26px;}/* get rid of the table */.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}/* style the links */.menu a, .menu a:visited {display:block; text-decoration:none;height:25px;line-height:25px;width:149px;color:#000;text-indent:5px;border:1px solid #d95e16;border-width:0 1px 1px 0;}/* hack for IE5.5 */* html .menu a, * html .menu a:visited {background:#d95e16; width:150px; w\idth:149px;}/* style the link hover */* html .menu a:hover {color:#fff; background:#BD9C8C;}.menu :hover > a {color:#fff; background:#BD9C8C;}/* hide the sub levels and give them a positon absolute so that they take up no room */.menu ul ul {visibility:hidden;position:absolute;top:0;left:150px; }/* make the second level visible when hover on first level list OR link */.menu ul li:hover ul,.menu ul a:hover ul {visibility:visible;}/* keep the third level hidden when you hover on first level list OR link */.menu ul :hover ul ul{visibility:hidden;}/* keep the fourth level hidden when you hover on second level list OR link */.menu ul :hover ul :hover ul ul{visibility:hidden;}/* make the third level visible when you hover over second level list OR link */.menu ul :hover ul :hover ul{ visibility:visible;}/* make the fourth level visible when you hover over third level list OR link */.menu ul :hover ul :hover ul :hover ul { visibility:visible;}<!--[if IE 7]>.menu li {float:left;}<![endif]-->