/* CSS Document */

body {

	margin:0;
	padding: 0;
	font-size: 100%;
	}

#wrapper {
	text-align: left;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: #FFFFFF;
	border: 2px solid #0b8469;
}

p {

	font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 0;

}
	

#header {
	height: 110px;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(images/newheader.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFFFEC;


}
#content {

	position:relative;
	width:auto;
	top: 8px;
	margin:0px 165px 0px 145px;
	background-color: #ffffff;
	padding:5px;
	left: 8px;
	max-width: 50em;
	}

#side2 {

	position:absolute;
	width:150px;
	top:122px;
	right:5px;
	padding: 2px;

}



#side1 {

	position: absolute;

	width: 130px;

	color: #666666;

	border: none;

	padding: 0 3px;

	left: 10px;

	top: 122px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;



}

#side1 a:link, #side1 a:visited  {

	color: #666666;

	display: block;

	background-color: #DCEBFA;

	text-decoration: none;

	border-bottom: 1px solid #C0C0C0;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #C0C0C0;

	border-left-color: #C0C0C0;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #E4E4E4;

}

#side1 a:hover, #side1 a:active  {

	color: #000000;

	border-right: 1px solid #C0C0C0;

	border-bottom: 1px solid #C0C0C0;

	border-left: 1px solid #C0C0C0;

	background-color: #FFFFFF;



}

#side1 a {

	width: 110px;

	padding: 0 3px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	;

	font-size: 11px;

}



#side2 a:link, #side2 a:visited  {

	color: #000099;

	display: block;

	background-color: #B4d7f8;

	text-decoration: none;

	border-bottom: 1px solid #C0C0C0;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #C0C0C0;

	border-left-color: #C0C0C0;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #0033FF;

}

#side2 a:hover, #side2 a:active  {

	color: #000000;

	border-right: 1px solid #C0C0C0;

	border-bottom: 1px solid #C0C0C0;

	border-left: 1px solid #C0C0C0;

	background-color: #FFFFFF;



}

#side2 a {

	width: 100px;

	padding: 0 10px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	;

	font-size: 11px;

}



.box1 {

	background-color: #FFFFCC;

	padding: 0px 4px 0px 6px;

	margin: 0 0 2px;

	border: 1px solid #876499;

}



.box2 {

	background-color: #FFFFCC;

	padding: 2px 4px 2px 6px;

	margin: 0 0 10px 0;

	border: 1px solid #82C4D8;

}



.box3 {

	background-color: #FFFFFF;

	padding: 0 8px 4px 8px;

	margin: 0 0 10px 0;

	border: 1px none #cccccc;

}



#box4 {
	background-color: #FFFFCC;
	padding: 0px 4px 2px 6px;
	margin: 0 0 2px;
	border: 1px solid #876499;
	height: 160px;
}

#box5 {
	background-color: #FFFFCC;
	padding: 0px 4px 4px 6px;
	margin: 0 0 2px;
	border: 1px solid #876499;
	height: auto;
}


#box4 a:link, #box4 a:visited, #box5 a:link, #box5 a:visited  {
	color: #000099;
	display: block;
	background-color: #D1CEFF;
	text-decoration: none;
	border-bottom: 1px solid #33CCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C0C0C0;
	border-left-color: #C0C0C0;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 2px;
	margin-top: 10px;
	margin-left: 250px;


}

#box4 a:hover, #box5 a:hover, #side2 a:active  {

	color: #000000;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	background-color: #FFFFFF;

}

#box4 a, #box5 a {

	width: 175px;
	padding: 0 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
#box5 li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: circle;
	margin-left: 100px;
	padding-top: 0;
	padding-bottom: 0;
}

.box1 .txt {

	width: 160px;
	}

.txtfloat {

	width: 100%;
	margin-top: 10px;

	color: #663399;

	font-size: 12px;

	line-height: 18px;

	font-family: Geneva, Arial, Helvetica, sans-serif;







		

}



#content h1 {

	width:auto;

	top: 5px;

	padding:10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #CC3366;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 50px;





}

#secondarynavigation {

	background-color: #33CCCC;

	position: absolute;

	height: 15px;

	width: 600px;

	left: 170px;

	top: 70px;

}

.navigationheader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #330099;

	padding-top: 10px;

	padding-right: 25px;

	padding-bottom: 10px;

	padding-left: 10px;

	font-weight: bold;





}

.imgl {
	float: left;
	margin-right: 7px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;








}

li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 15px;

	font-weight: normal;

	color: #3333CC;

	padding: 2px 2px 2px 15px;

}

.imgr {



	float: right;

	margin: 10px;

	padding: 0px;

}
.listings {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #0000CC;

}
.listingsbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
}


 LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS
 tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac 
this continues the horizontal menu demo
<style type="text/css">
body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);}
* {margin:0; padding:0;} 

/* the horizontal menu starts here */
div#listmenu {
	width:9em; 	/*  *changed****/
	float:left; /*makes the div enclose the list */
	border-top:1px solid #069;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	background-color:#CCF; /* colors the div */
	margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:10em;
}
div#listmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFA; /*sets the background of the menu items */
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	border-left:1px solid #069; /*the first vertical line on the menu */	/*  *ADDED****/
	border-bottom:1px solid #069; /*dividers on the menu */	/*  *ADDED****/
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#069;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:10em; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:-1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-260px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	background-color:#EFF; /* ADDED - sets the background of the submenu items */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#listmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#listmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#listmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* HACK ZONE - on hack only for IE */
* html div#listmenu ul li ul {
    border-top:1px solid #069; /*the top edge of the dropdown */
	}

/* END OF LIST-BASED MENU */.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000CC;
}