body {margin:0; padding:0; width: 4500px; height: 609px; font-family: 'comic sans ms', Tahoma, sans-serif; background: white url(images/bridge.gif) no-repeat left top fixed;}
* {margin:0; padding:0;}

h1 {font-size: 1.5em; font-weight: bold; color: #660033;}
h2 {font-size: 1.1em; font-weight: bold; color: #660033; padding-bottom: 10px;}
img {border: 0px;}
p {font-size: 1em; color: #999999; padding-bottom: 10px;}

.clearleft {clear: left;}
a:hover {color: fuchsia;}
.hidden {visibility: hidden;}
#page {height: 609px; }

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

#menu {padding-top: 50px;}
#menu ul {list-style-type: none;}
#menu a{text-decoration: none; color: maroon;}
#menu a:hover{color: fuchsia;}

#content {margin: 60px 0 0 40px; float: left;}

.par {margin: 0px 30px 0 0px; padding-left: 30px; float: left; width: 515px;}

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

p.secbot a{margin-top: -5px; padding-left: 15px; border-bottom:none; color: maroon; background: url(images/leftsmall.gif) no-repeat scroll left center; text-decoration:none;}

p.secbot a:hover {color: fuchsia;}

#arrows {position: fixed; top: 540px; 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: transparent url(images/leftbig.gif) no-repeat;}
#arrows ul #right a{background: transparent  url(images/rightbig.gif) no-repeat;}