body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: center;
	padding: 0;
	margin: 0;
	/*background-image: url(../images/arcade-slim-c.jpg);
	background-repeat: repeat-x;*/
}

#wrapper {
	width: 975px;
	text-align: left;
	background-color: #f2f3e0;
	margin: 0px auto;
	/*float: left;*/
	/*border: 1px solid black;*/
}

#header {
	float: left;
	width: 975px;
}

#topbanner {
	width: 975px;
	background-image: url(../images/arcade-slim-c.jpg);
	background-repeat: repeat-x;
	font-size: 40px;
	/*border: solid 1px black;*/
}

#topbanner p {
	margin: 0px;
	border: 0px;
	padding: 25px 0 25px 30px;
}

#topbanner img{
	margin: 0px;
	border: 0px;
	float: left;
	position: relative;
}

#menubar {
	/*width: 100%;*/
	margin: 0px;
	padding: 0px;
	border-bottom: 0px;
	color: #333333;
	/*background-color: #CCFF33;*/
	float: right;
}

/* This is the part for the CSS menu - these settings are for a horizontal menu */
#dmenu{                         /* menu list container */
    list-style-type: none;      /* disable the display of the list item bullets */
    /*height: 22px;*/
	margin: 0 0 0 0px;                /* space around the list container */
	padding: 0px 0px;               /* space within the list container */
	border: 0px;
    position: static;           /* need this so that the z-index stuff works correctly */
    background-color: transparent;     /* the default background color within the main menu container */
    color: #fff;                /* the default font color (not links) within the main menu container */
    z-index: 100;                /* push the menu up in the layer order a bit so it isn't hidden behind
								 anything */
							    /* Browser plug-ins like Flash or Quicktime may not allow you to overlap
								 then with this menu! */
}

#dmenu li{                      /* top-level menu element */
    list-style-type: none;      /* disable the display of the list item bullets */
    float: left;                /* this is to allow for the horizontal main menu */
    /* border: black solid 1px;    border for each of the main menu items */
	border-right: white solid 2px;
	font-weight: bold;
    background-color: transparent;     /* main menu item background color */
    color: #fff;                /* main menu item font color (not links) */
    margin: 0px;                /* spacing between main menu items */
    padding: 2px 8px;               /* padding within main menu items */
    width: auto;               /* the width of each main menu item */
    display: block;
}
	
#dmenu li#last {
	border-right: 0;
}

#dmenu li a{                    /* top-level menu element links */
    text-align: center;         /* text alignment in main menu item links */
    width: auto;               /* set this to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
    display: block;
	text-decoration: none;
	color: #333333; 
}
	
#dmenu li a:hover{
    /*background: #d1e0ef;*/
    background-color: #FF9966; 
}
	
#dmenu li ul{                   /* sub-menu list container */
    position: absolute;         /* this is so that it doesn't push that page content around on hover */
    margin: 0px;                /* space around the list container */
    padding: 0px;               /* space within the list container */
    list-style-type: none;      /* disable the display of the list item bullets */
    display: none;
    width: 110px;               /* the width of the sub menus */
    border: black solid 1px;    /* sub-menu borders */
    background-color: white;    /* sub-menu default background color */
    color: #000;                /* sub-menu default font color (not links) */
}

#dmenu li ul li{                /* sub-menu element links */
    background-color: white;    /* default background color for sub-menu container */
	color: #009;                /* default font color (not links) for sub-menu container */
    border: none;               /* sub-menu item border settings */
    margin: 0px;                /* spacing between sub-menu containers */
    padding: 2px;               /* This is for padding between menu items in the drop-downs */
    width: 101px;               /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width
									 and set for this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
}

#dmenu li ul li a{
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	width: 109px;               /* should be set to the same value as #dmenu li ul li -> width */
	color: #171f22;
}

#dmenu li ul li a:hover{
    background: #171f22;
    color: white;
}

#dmenu li:hover ul, #dmenu li.over ul{
	display: block;
}	
	

#lhcol {
	width: 417px;
	float: left;
	padding: 4px;
	font-family: "Times New Roman", Times, serif;
}

#lhcol p {
	margin: 0;
	border: 0;
}

#pagebody {
	width: 550px;
	float: left;
	background-color: #99FFCC;
}

#pagebody p {
	margin: 0;
	border: 0;
}

#pbht {
	width: 1px;
	float: left;
}

#pbbody {
	width: 519px;
	float: left;
}

#rhcol {
	width: 550px;
	float: left;
	font-family: "Times New Roman", Times, serif;
}

#rhcol p {
	margin: 0;
	border: 0;
}

#footer {
	width: 975px;
	float: left;
	font-size: 8pt;
}

#footer p {
	border: 0;
	margin: 0;
	padding: 2;
}