body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: yellow;
	background: #bc685d;
}
.aquaboxbluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background: #81fffd;
	color: #313893;
}
.blueboxaquatext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background:#313893;
	color: #81fffd;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #bc685d;
	border: solid #ffffff;
}
.face {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background: white;
	color: yellow;
	border: solid #ffffff;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: white;
}
.aqua {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #81fffd;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #313893;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: yellow;
}
.smallblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #313893;
}
.smallred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #bc685d;
}
.regularred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #bc685d;
}
.pubs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #333399;
}
/**************** menu coding *****************/
#menu {
font: bold 16px/16px arial, helvetica, sans-serif;
width: 100%;
background:#bc685d;
float: left;
text-align: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 2;
width:150px;
float: left;
}

#menu a, #menu h2 {
display: block;
border-width: 0px;
border-style: solid;
border-color: #3bd4d4;
margin: 0;
padding: 5px 5px;
}

#menu h2 {
color: #ffffff;
background:#000000;
}

#menu a {
color: #ffffff;
background:#bc685d;
text-decoration: none;
}

#menu a:hover {
color:#bc685d;
background:#ffffff;
}

#menu li {position: relative;}

#menu ul ul {
font: bold 12px/16px arial, helvetica, sans-serif;
position: absolute;
z-index: 500;
text-align: left;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#submenu
	{
	font: bold 14px/14px arial, helvetica, sans-serif;
	position:relative;				/* position, size, and text of the menu */
	top:-25px;
	height:50px;
	left:148px;
	width: 100%;					/* width of menu boxes */
	text-align: left;
	line-height: 15px;
	}

#submenu a
	{
	display:block;
	padding: .2em;					/* expands menu box */
	white-space:nowrap;
	}

#submenu a, #submenu a:visited				/* menu at rest */
	{
	color: #ffffff;
	background-color: #bc685d;
	text-decoration:none;				/* removes underlines from links */
	}

#submenu a.sub, #submenu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	color: #bc685d;
	background-color: white;
	background-position: right center;
	background-repeat: no-repeat;
	}

#submenu a:hover	/* on mouse over -- all menus */
	{
	color: #bc685d;
	background-color: white;
	}
	
#submenu li
	{
	list-style-type:none;	/* removes bullets */
	}

#submenu ul li
	{
	position:relative;
	}

#submenu li ul
	{
	position: absolute;
	top: 0;
	left: 8em;	/* distance from of left menus (should be same as width) */
	display: none;
	}

div#submenu ul, #submenu ul ul, div#submenu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 8em;			/* width of sub menus */
	}

div#submenu ul ul, div#submenu ul ul ul, div#submenu ul li:hover ul ul, div#submenu ul li:hover ul ul ul
	{
	display: none;
	}

div#submenu ul li:hover ul, div#submenu ul ul li:hover ul, div#submenu ul ul ul li:hover ul
	{
	display: block;
	}


