body          { color: #333; font: 62.5%/150% Tahoma, Sans-Serif; background: #6f6f6f url(../img/bg.gif) repeat-x left top; margin: 0; padding: 0; width: 9666px; height: 800px }

h2 {font-size: 1.1em}
h3  { font-size: 1.4em }

hr, .hide     { position: absolute; top: 0; left: -9000px }	

#page   { height: 700px }

#leftsider    { padding: 50px 0 0 50px; width: 590px; float: left }

#leftsider h1 {font-size: 2.0em;}

#menu {
	margin-top: 60px; 
	padding-left: 6px;
}

#menu ul  { list-style: url(../img/rightsmall.png) }

#menu a{
	text-decoration: none;
	color: #22b1e1;
}

#menu a:hover{
	border-bottom: 1px solid #22b1e1;
}

#content {
	margin: 75px 0 0 40px; 
	float: left;
	font-size: 1.1em; 
}

#content h4 {font-size: 1.2em;}

.par    { margin: 0 30px 0 0; padding-left: 30px; width: 900px; height: 700px; float: left }

.alt {/* modify this to add style to alternate sections*/}

#note { 
	margin-top:10px;
}

p.secbot a { color: #22b1e1; font-size: 0.9em; text-decoration: none; background: url(../img/leftsmall.png) no-repeat left center; margin-top: -5px; padding-left: 15px; border-bottom: medium none }

p.secbot a:hover {
	border-bottom:1px solid #22b1e1;
}

#arrows {
	position: fixed;
	top: 440px;
	left: 650px; 
	width: 90px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a  { background: url(../img/leftbig.png) no-repeat }
#arrows ul #right a { background: url(../img/rightbig.png) no-repeat }


#rightsider {
	margin: 0; 
	padding: 0 10px 0px 0;
	float: left;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}