
/* LAYOUT STYLES                             */
/* ----------------------------------------- */

html {
	margin: 0;
	padding: 0;
	font-size: 86%;
}
body {
	margin:0;
	padding:0;
	color:#000;
	background-color: #eee;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 12px;
}
#wrapper {
	text-align: left;
	margin: 0px auto 12px auto;
	padding: 0px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	width: 728px;
	background: url("/graphics/page_bg.gif") repeat;
}

#header {
	margin: 0;
	background:#ddd;
	background-image: url('/graphics/rc_header.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 171px;
}

#header a {
	text-decoration: none;
}

#tohome {
	width: 726px;
	height: 169px;
}

#sidebar {
	float: left;
	width: 200px;
	font-size: 10px;
	text-align: center;
}

#main { 
	margin: 0 6px 24px 6px;
	float: right;
	width: 500px;
	height: 1%; /* Holly hack for Peekaboo Bug */
}


#footer {
	width: 728px;
	margin: 0px auto;
	clear: both;
	background: #000;
	color: #ccc;
	font-size: 8px;
	text-align: center;
}


/* FUNCTION STYLES                           */
/* ----------------------------------------- */

h1, h2, h3, h4 {margin-top: 18px; margin-bottom: 4px; padding: 0; }
h1 {font-size: 18px; color: #960; text-transform: uppercase;}
h2 {font-size: 16px; color: #a70;}
h3 {font-size: 14px; color: #b80;}
h4 {font-size: 12px; color: #c90;}

#main a {
	text-decoration: underline;
	color: #00b;
}

#main a:hover {
	text-decoration: none;
	border-bottom: 1px solid #960;
	color: #960;
	background-color: #eee;
}
	




/* LEFT COLUMN BOX STYLES                     */
/* ----------------------------------------- */

.leftcolbox {
	margin-left: 1px;
	width: 198px;
	background-image: url('/graphics/col_box_bg.gif');
	background-repeat: repeat-y;
	text-align: center;
	overflow: hidden;
}
.leftcolbox p {
	margin: 0;
}
.leftcolbox div.top {
	width: 199px;
	height: 12px;
	background-image: url('/graphics/col_box_top.gif');
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}
.leftcolbox div.bot {
	width: 199px;
	height: 12px;
	background-image: url('/graphics/col_box_bot.gif');
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}
.leftcolbox div.sep {
	width: 199px;
	height: 12px;
	background-image: url('/graphics/col_box_sep.gif');
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}
.leftcolbox div.content {
	width: 199px;
}



/* DROP-DOWN MENU STYLES                     */
/* ----------------------------------------- */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 185px;
	font-size: 13px;
	text-align: left;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 185px;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 184px;
	margin-top : -19px;
	background-color: #fff;
	border: 1px #000 solid;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999px;
	background-color: #fff;
	border: 1px #000 solid;
}

#nav li a {
	width: 183px;
	w\idth : 173px;
	display : block;
	color : black;
	font-weight : regular;
	text-decoration : none;
	 /*	background-color : #fff;
 border-left : 1px solid #ccd; */
	padding : 2px 0.5em;
}

#nav a.parent {
	background-image: url('/graphics/rightarrow2.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

/* test */
#nav li:hover, #nav li.over {
	background-color : #eef;
}
/* test */

#nav li a:hover {
	color : #800;
	text-decoration: underline;
	background-color : #eef;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, 
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999px;
}

#nav li:hover ul, #nav li li:hover ul, 
#nav li li li:hover ul, #nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

	table.listing {
		margin: 0;
		padding: 8px;
                width: 100%;
                border-collapse: collapse;
	}
	table.listing td {
		margin: 0px 18px;
        padding: 6px 0px;
		border-top: 1px #aaa solid;
	}		

