h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
} 

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
}

#outerbox {
	width: 960px;
	background: #ccc;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
	position: relative; right: 5em; 
}

.graybox {
	width: 250px;
	background: #ccc;
}

#mainbox {
	width: 695px;
	background: #fff;
	padding:   5px;
	text-align: left;
}

#topbox { 
	width: 695px;
	background: #ff3;
	padding: 5px;
	text-align: left;
	float: left;
}
#column1 {
	width: 695px;
	background: #fff;
	padding-bottom: 10px;
	text-align: justify;
}
#column2 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 495px;
	background: #fff;
	padding-right: 10px;
	text-align: justify;
	float: left;
	border-right: solid;
	border-width: 1px;
}

#column3 {
	width: 185px;
	background: #fff;
	margin-top: 20px;
	text-align: left;
	float: right;

}


#menu {
width: 705px;
background: #fff;
float: left;
padding-bottom: 5px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 235px;
float: left;
text-align: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu ul a {
	color: #fff;
	background: #000;
		text-decoration: none;
}


#menu ul ul a {
color: #000;
background: #efefef;
text-transform: none;
text-decoration: none;
}

#menu ul ul a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#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;}


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 250px; /* ems so it will grow */
	background: url(sidebox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	position: relative; top: 50px;
}
.boxhead {
	background: url(sidebox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sidebox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sidebox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family: Arial;
	text-align: left;
}
.boxbody a:link {
	text-decoration: none;
	color: #000;
}

.boxbody a:visited {
	text-decoration: none;
	color: #000;
}

.boxbody a:hover {
	text-decoration: underline;
	color: #000;
}