/** BASIC layout structure*/

html, body {height: 100%;}
body {margin: 0px; padding: 0px; background-color:#CCC}
ul, li {margin:0px; padding:0px;} /* reset to 0 */


/** WRAPPER */

#wrapper {}

#wrapper2 {width: 920px; border: 10px solid #FFFFFF; margin: 0px auto;}
#extra1 {width: 940px; height: 20px; margin: 0px auto;}

/** HEADER */
#header {width: 920px;height: 116px;margin: 0px auto;}
.content-wide #header {height: 130px;}

/** LOGO */
#logo {float: left;width: 306px;height: 116px;background: url(../images/homepage03.jpg) no-repeat left top;}
.content-wide #logo {height: 130px;background: url(../images/subpage2_03.jpg) no-repeat left top;}
#logo h1, #logo p {display: none;}

/** PAGE  this wraps all the lefthand, main & right hand modules togther after the heading and logo*/
#page {width: 920px;}

/** CONTENT  this contains the mainpage module and right hand side module*/
#content {float: right;	width: 610px;}

/** SIDEBAR -- this is the space under Ryebuck heading on left hand side*/
#sidebar {float: left; width: 306px; height:190px;}

/*  lefthandcontent controls the space for the left module */
#lefthandcontent {float: left; width: 250px; padding: 10px 10px 10px 10px;}

/** FOOTER */
#footer {padding-top: 15px;}

/** BOX1 */
#box1 {float: left; width: 350px;	padding: 0px 0px 0px 10px;} /*box used on front page */
#box1a {float: left; padding: 0px 10px 0px 10px;} /* box used on inside pages */
#box1b {float: left; padding: 0px 10px 0px 10px;} /* box used for inset module */

/** BOX2 */
#box2 {float: right; width: 170px; padding: 0px 15px 0px 0px; text-align:left;}

/** BOX3 */
#box3 {padding: 20px 30px;}

/** BOX4 */
#box4 {padding: 10px 40px 0px 35px;}

/** BOX5 - left hand panel **/
#box5 {padding: 10px 10px 10px 0px; width:280px;}

/* MENU */
.mainlevel {color:#693; font-size: 13px; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif; background: url(../images/subpage1_03.gif) no-repeat left center;}

.moduletable_menu {padding-top: 20px; text-align:center; margin:auto;}
#menu 		{float: right; width: 610px; height: 116px;}
#menu ul 	{margin: 0px; padding: 0px; list-style: none;}
#menu li 	{display: inline;}

#menu a 	{display: block; float: left; 	padding-top: 3px;	padding-right: 10px; padding-bottom: 3px; padding-left: 10px; text-decoration:none;}
#menu a:hover, #active_menu {color:#369; text-decoration:underline;} 
#menu a:active {color:#369; text-decoration:underline;} 
#menu li.first a {background: none;}

/*dummyMenu */
#mainlevel_dummyMenu {
	color:#ccc;
	font-size: 0px;
	font-family:Arial;
	padding: 0px;
	margin:0px; }
.moduletable_dummyMenu {padding: 0px; text-align:center; z-index: -20;}
#dummyMenu		{visibility: hidden; z-index: -20;}
#dummyMenu ul 	{margin: 0px; padding: 0px; list-style: none;}
#dummyMenu li 	{display: inline;}
#dummyMenu a 	{display: block; float: left; 	padding: 0px; text-decoration:none;}
#dummyMenu a:hover, {color:#ccc; text-decoration:none} 
#dummyMenu a:active {color:#ccc; text-decoration:none}