html, body { 
	margin: 0; 
	padding: 0; 
	background-color:#DFDFDF;
	font-family:Arial, Helvetica, sans-serif;
	scrollbar-face-color:#C2D3FC;
      scrollbar-shadow-color:#9FB5D2;
      scrollbar-highlight-color:#F3F1EC;
      scrollbar-3dlight-color:#F3F1EC;
      scrollbar-darkshadow-color:#4D6185;
      scrollbar-track-color:#F3F1EC;
      scrollbar-arrow-color:#4D6185

}

body { padding-bottom: 20px;
 }
 

html {
overflow-x: hidden;
}

html>body {
 width: auto;
 min-width: 900px;
}

hr {
	height:1px;
	color:#000066;
}


#content_td {
	padding-right: 2px;
	_padding-right: 0px;
}


h3 {
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

p,li {
	font-size:11px; 
	color:#636363;
}

a {	
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {	
	text-decoration:underline;
}

strong {
	font-size:11px; 
	font-weight:bold;
}

.main_text {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#000066;
}

#main_body_content {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif; 
	padding:5px;
}

.blue_links {
	color:#000066;
	text-decoration:none;
	font-weight:bold;
}

.black_links_thin {
	color:#000000;
	text-decoration:none;
}

.red_text {
	color:#CC2B3F;
	font-weight:bold;
		text-decoration:none;
}

.clear_both {
	clear:both; 
}


.tblViewer{
	margin: 10px;
	padding: 20px;
	background-color: #FFFFFF;
	width: 90%;
}

div.spacer {
  clear: both;
  }

/* Layout divs */

		#header {
			border: 0px solid black;
			margin: 20px 4px 5px 50px;
			padding: 0px;
			height:30px;
			min-width:800px;
			width:expression(document.body.clientWidth < 800? "800px": "auto" );
		}
		
		#header p {
			font-size:2px;
			margin:0;
			padding:0;
		}
		
		#sidebar {
			border: 0px solid black;
			width: 317px;
			margin-left: 0px;
			float: left;
			display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
			background-color:#FFFFFF;
		}
		#content {
			margin-left: 320px;
			margin-right: 20px;
			border: 0px solid black;
			background-color:#FFFFFF;
		}
		
		#content_blank {
			margin-left: 0px;
			margin-right: 0px;
			border: 0px solid black;
			padding: 20px 0 0 0;
			background-color:#FFFFFF;
			height:100%;
		}
		
		#footer {
			margin: 5px 30px 0 50px;
			padding: 0px;
			border: 0px solid black;
			clear: left;
		}
		
		#footer p {
			font-size:11px;
			font-weight:bold;
			padding:0;
			margin:0;
			color:#FFFFFF;
		}
		
		#wrapper {
			border:0px solid #E1072A;
			margin-left:50px;
			margin-right:30px;
			display:inline-block;			
		}
		
		/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .container {border-right:400px solid #DFDFDF;}
* html .holder {display:inline-block; position:relative; margin-right:-400px; margin-left:0px;}
		
	/* Round corners Blue Header */
		
.top-left { 
	margin-right: 9px; 
	background-image: url('../img/corners1280x18.gif');
	height: 9px; /* vertical: show first half of the image with the top-coreners in it */
	font-size: 2px;
	}
.top-right { 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../img/corners1280x18.gif'); 
	background-position: 100% 0; /* show bg-image starting at the right, and as much to the left as possible */
	height: 9px; 
	font-size: 2px; 
	}
div.inside {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #424CAF;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	height:12px;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	min-width:800px;
	}
.notopgap {
	margin-top: 0;
	}
.nobottomgap {
	margin-bottom: 0;
	}
.bottom-left { 
	margin-right: 9px;
	background-image: url('../img/corners1280x18.gif');
	background-position: 0 -9px; /* show under half of the image */
	height: 9px;
	font-size: 2px;
	}
.bottom-right { 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../img/corners1280x18.gif'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
	}



	/* Round corners Main Body */
		
.top-left-mainbody { 
	margin-right: 14px; 
	background-image: url('../img/corners1280x18_white.gif');
	height: 14px; /* vertical: show first half of the image with the top-coreners in it */
	font-size: 2px;
	}
.top-right-mainbody { 
	margin-top: -14px; 
	margin-left: 14px;
	margin-right: -2px;
	_margin-right: 0px; /* For IE */
	background-image: url('../img/corners1280x18_white.gif'); 
	background-position: 100% 0; /* show bg-image starting at the right, and as much to the left as possible */
	height: 14px; 
	font-size: 2px; 
	}
div.inside-mainbody {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	background: #ffffff;
	color: #000000;
	padding-left: 3px;
	padding-right: 0px;
	}

.bottom-left-mainbody { 
	margin-right: 14px;
	background-image: url('../img/corners1280x18_white.gif');
	background-position: 0 -14px; /* show under half of the image */
	height: 14px;
	font-size: 2px;
	}
.bottom-right-mainbody { 
	margin-top: -14px; 
	margin-left: 14px;
	margin-right: -2px;
	_margin-right: 0px; 
	background-image: url('../img/corners1280x18_white.gif'); 
	background-position: 100% -14px; 
	height: 14px; 
	font-size: 2px; 
}


		

#content_frame {
	border-left:1px solid #BBBBBB; 
	border-right: 1px solid #BBBBBB; 
	background-color:#FFFFFF;
}



	/* Round corners Red Footer */
		
.top-left-red { 
	margin-right: 9px; 
	background-image: url('../img/corners1280x18_red.gif');
	height: 9px; /* vertical: show first half of the image with the top-coreners in it */
	font-size: 2px;
	}
.top-right-red { 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../img/corners1280x18_red.gif'); 
	background-position: 100% 0; /* show bg-image starting at the right, and as much to the left as possible */
	height: 9px; 
	font-size: 2px; 
	}
div.inside-red {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #E60026;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	}

.bottom-left-red { 
	margin-right: 9px;
	background-image: url('../img/corners1280x18_red.gif');
	background-position: 0 -9px; /* show under half of the image */
	height: 9px;
	font-size: 2px;
	}
.bottom-right-red { 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../img/corners1280x18_red.gif'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
	}
		
/* Logo */

#hills_logo_left {
	position:absolute;
	top:10px;
	left:7px;
}	

#hills_logo_right {
	position:absolute;
	left:101px;
	top:57px;
	}



/* Top Manus */

#top_menu_container {
	height:28px; width:698px; margin:0; padding:0; position:absolute; top:21px; left:105px;
}


#menu1 {
	float:left; width:79px; height:28px;
}

#menu2 {
	float:left; width:114px; height:28px;
}

#menu3 {
	float:left; width:187px; height:28px;
}

#menu4 {
	float:left; width:154px; height:28px;
}

#menu5 {
	float:left; width:124px; height:28px;
}

#menu6 {
	float:left; width:154px; height:28px;
}



/* Left Navigation Buttons */

#left_nav_container {
	position:absolute; left:10px; top:100px; padding:0; margin:0; height:439px;
}

.left_nav_item91 {
	height:91px; width:40px; padding-bottom:1px;
}

.left_nav_item148 {
	height:148px; width:40px; padding-bottom:1px;
}

.left_nav_item113 {
	height:113px; width:40px; padding-bottom:1px;
}

.left_nav_item84 {
	height:84px; width:40px; padding-bottom:1px;
}




/* Drop down menu  */

.mainmenu, .mainmenu:visited {
	color: #ffffff;font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;cursor:hand; 
}

.mainmenu:hover {
	color: #ffffff;font-size: 11px;	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none; 
	cursor:hand;
	}
	
.mainmenudyn {
	color: #ffffff;
	padding-left:0px;
	font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:hand; 
}

.omainmenudyn {
	color: #ffffff;padding-left:0px;font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	 text-decoration: none;
	cursor:hand; 
}

.secmenu, .secmenu:visited {
	color: #ffffff;background-color: #C4CEE7;font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
		cursor:hand;
	}

.secmenu:hover {
	color: #000000;background-color: #32376E;font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	 text-decoration: none;
	cursor:hand;
	}

.secmenudyn {
	color: #000000;
	background-color: #32376E;
	padding-left:0px; font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:hand; 
}

.osecmenudyn {
	color: #000000;background-color: #32376E;
	padding-left:0px;font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:hand; 
}

.secmenuborder {
		border : 1px solid #5A656A;
	}
	
.secmenuborder:hover {
		border : 1px solid #5A656A;
	}
	
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
}

.transMenu .content {
	position:absolute;
}

.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	width:210px;
}

.transMenu.top .items {
	border: 1px solid #ffffff;
}

.transMenu .item {
	color: #ffffff;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom:1px solid #62646F;
    cursor:pointer;
    cursor:hand;
	font-weight:bold;

}

.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=90);

}

.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.9;
	filter:alpha(opacity=80);
}

.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.transMenu .item.hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #32376E;
	font-size: 11px;
	font-weight:bold;
	
}

.transMenu .item img {
	margin-left:0px;
}

.menuOuter {
	margin:0px; 
	border:0; 
	position:relative; 
	float:left; 
	padding-top:0px; 
	padding-left:0px;
	padding-right:0px;
	background-repeat: repeat-x;
	text-decoration:none;
}


.menuOuterOver {
	margin:0px; 
	border:0px; 
	position:relative; 
	float:left; 
	padding-top:0px; 
	padding-left:0px;
	padding-right:0px;
	background-repeat: repeat-x;
	text-decoration:none;

}

div.mainmenu {
	padding-top:0px;

}


#mainmenu1 {
	margin:0;
	padding:0;
}


/* HTML Include pages */

#paper_cover {
	width:auto; background-color:#FFFFFF; padding:5px;
}

#dietary_management {
	width:auto;
}


.3column  {
	width:33%; 
	float:left;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.reference_tbl {
	border-top:1px solid #000000; width:470px; margin:2px; padding:2px; height:55px;
}

.reference_title {
	float:left; margin:15px; width:150px;
}

.reference_wrapper {
	width:470px;
}

.footnotes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	padding-top:8px;
	color:#000000;
}

.footnotes a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	
}

#copyright {
	background-image:url(objects/img/footer_right_new.jpg); background-repeat:no-repeat; background-position:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:8px; padding-right:20px;
	}

#change_language {
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}

#change_language a {
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

#cnr_top_left {
	background-image:url(../img/cnr_top_left.gif);  background-repeat:no-repeat; background-position:left;
}

#cnr_top_right {
	background-image:url(../img/cnr_top_right.gif); background-repeat:no-repeat; background-position:right;
}

#cnr_bottom_left {
	background-image:url(../img/cnr_bottom_left.gif);  background-repeat:no-repeat; background-position:left;
}

#cnr_bottom_right {
	background-image:url(../img/cnr_bottom_right.gif); background-repeat:no-repeat; background-position:right;
}