body {
	margin:0px;
	font-family: helvetica,arial,sans-serif;
	height:100%;
	background: #fff url('images/back.gif') repeat-y;
	width:980px;
}
.menu {
	float:left;
	padding:5px;
	width:320px;
}
.site {
	text-align:left;
	margin-left:340px;
	padding:5px;
	background: #fff;
}

#Tooltip { display:none; width:300px; background: #fdffac; border: 2px solid; border-color:rgb(141,142,96); padding:5px; color:black; font-size:8pt; }
#Tooltip p { color:black; font-size:8pt; }
#ontop{ margin:0; position:fixed; height: 100%; z-index:999; padding:0px; width:100%; left:0px; top:0px; clear:none; background:url('images/whiteshadow.png'); display:none; }

.wdiv { text-decoration:none; float:left; margin:5px; color:black; }
.wdiv a { text-decoration:none; color:black; }
.wref { width:290px; height:190px; text-decoration:none; display:block; padding:5px; background:url('img5.jpg') no-repeat; }
.wref { background-position:-0 -200; text-decoration:none; color:black; }

.mpic { width:45; height:45; text-decoration:none; display:block; background:url('img3.png') no-repeat; margin-right:5px; float:left; }
#logo { width:309; height:91; text-decoration:none; display:block; background:url('img3.png') 0 0 no-repeat; }
#service { background-position:0 -92px; }
#hw { background-position:-45px -92px; }
#club { background-position:-90px -92px; }
#fw { background-position:-135px -92px; }
#hosting { background-position:-180px -92px; }
#webref { background-position:-225px -92px; }
#impress { background-position: -270px -92px; }
#beamer { background-position: -315px -92px; }
table { font-size: 12pt; font-family: sans-serif,helvetia,arial; }
table a { color:black; }
th { color:white; }
h1 { font-size: 15pt; font-family: sans-serif,helvetia,arial; }
h2 { font-size: 14pt; font-family: sans-serif,helvetia,arial; }
p,ol,ul,li { font-size: 12pt; font-family: sans-serif,helvetia,arial; }
p a,ol a, ul a,li a,h1 a, h2 a { color:black; }
dl,dt,dd,dd p,dd li,dl li { font-size:8pt; }
.twocol { -moz-column-count:2; column-count:2; -moz-column-rule:1px solid #ccc; column-rule:1px solid #ccc; -webkit-column-count:2; -webkit-column-rule:1px solid #ccc; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px; }
.small { font-size: 8pt; }
.small a { color:black; }

.banner { font-size:8pt; display:block; position:fixed; background-color:#fff; border:2px solid #999; width:170px; height:95%; overflow:auto; top:0; right:0; margin:10px 10px; text-align:center; -moz-box-shadow: 0px 0px 10px #777; -webkit-box-shadow: 0px 0px 10px #777; box-shadow: 0px 0px 10px #777; }
.banner a { font-size:8pt; color: #1a486b; }
.m_entry {
	background-color: #0090da;
	width:309px;
	padding:5px;
	cursor:pointer;
	border: solid 1px #0090da;
	min-height:45px;
	text-align:left;
	color:white;
}
.m_entry img, .m_entry_selected img { float:left; }
.m_entry a {
	text-decoration: none;
	font-weight:bold;
	color:white;
}
.m_entry_selected {
	background-color: #0080c2;
	width:309px;
	padding:5px;
	cursor:pointer;
	border: solid 1px;
	border-color: #0068da #6bb4da #6bb4da #0068da;
	min-height:45px;
	text-align:left;
	color:white;
}
.m_entry_selected a {
	text-decoration: none;
	font-weight:bold;
	color:white;
}
.m_entry_onover {
	background-color: #0090da;
	width:309px;
	padding:5px;
	cursor:pointer;
	border: solid 1px;
	border-color: #6bb4da #0068da #0068da #6bb4da;
	min-height:45px;
	text-align:left;
	color:white;
}
.m_entry_onover a {
	text-decoration: none;
	font-weight:bold;
	color:white;
}