body {
	min-width: 715px;
	background-color: #000;
	margin: 5px;
}

#thetop {
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	width: 700px;
	margin-bottom: 0;
}

#thetop #splash {
	width: 700px;
	height: 50px;
	background-image: url(images/title.jpg);
	display: block;
	text-indent: -5000px;
}

#thetop #nav a {
	color: #fff;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#thetop #nav .buttona {
	width: 141px;
	height: 51px;
	background: url(images/buttona.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttonaon {
        width: 141px;
        height: 51px;
        background: url(images/buttona-on.jpg) no-repeat;
        display: block;
        float: left;
        text-align: center;
        padding-top: 15px;
}

#thetop #nav .buttona:hover, #thetop #nav .buttonaon:hover {
	width: 141px;
	height: 51px;
	background: url(images/buttona-hover.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttonb {
	width: 137px;
	height: 51px;
	background: url(images/buttonb.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttonbon {
        width: 137px;
        height: 51px;
        background: url(images/buttonb-on.jpg) no-repeat;
        display: block;
        float: left;
        text-align: center;
        padding-top: 15px;
}

#thetop #nav .buttonb:hover, #thetop #nav .buttonbon:hover {
	width: 137px;
	height: 51px;
	background: url(images/buttonb-hover.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttonc {
	width: 137px;
	height: 51px;
	background: url(images/buttonc.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttoncon {
        width: 137px;
        height: 51px;
        background: url(images/buttonc-on.jpg) no-repeat;
        display: block;
        float: left;
        text-align: center;
        padding-top: 15px;
}

#thetop #nav .buttonc:hover, #thetop #nav .buttoncon:hover {
	width: 137px;
	height: 51px;
	background: url(images/buttonc-hover.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttond {
	width: 137px;
	height: 51px;
	background: url(images/buttond.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttondon {
        width: 137px;
        height: 51px;
        background: url(images/buttond-on.jpg) no-repeat;
        display: block;
        float: left;
        text-align: center;
        padding-top: 15px;
}

#thetop #nav .buttond:hover, #thetop #nav .buttondon:hover {
	width: 137px;
	height: 51px;
	background: url(images/buttond-hover.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttone {
	width: 140px;
	height: 51px;
	background: url(images/buttone.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .buttoneon {
        width: 140px;
        height: 51px;
        background: url(images/buttone-on.jpg) no-repeat;
        display: block;
        float: left;
        text-align: center;
        padding-top: 15px;
}

#thetop #nav .buttone:hover, #thetop #nav .buttoneon:hover {
	width: 140px;
	height: 51px;
	background: url(images/buttone-hover.jpg) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding-top: 15px;
}

#thetop #nav .gap1 {
	width: 2px;
	height: 51px;
	text-indent: -5000px;
	background: url(images/gap1.jpg) no-repeat;
	display: block;
	float: left;
}

#thetop #nav .gap2 {
	width: 2px;
	height: 51px;
	text-indent: -5000px;
	background: url(images/gap2.jpg) no-repeat;
	display: block;
	float: left;
}

#thetop #nav .gap3 {
	width: 2px;
	height: 51px;
	text-indent: -5000px;
	background: url(images/gap3.jpg) no-repeat;
	display: block;
	float: left;
}

#thetop #nav .gap4 {
	width: 2px;
	height: 51px;
	text-indent: -5000px;
	background: url(images/gap4.jpg) no-repeat;
	display: block;
	float: left;
}

#thetop #nav {
	height: 51px;
}

#front {
	min-height: 400px;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	background: url(images/main.jpg) no-repeat;
}

#main { 
        min-height: 400px;
        margin-right: auto;
        margin-left: auto;
        width: 700px;
        background: url(images/main-bg.jpg) no-repeat;
}       
#main .head {
        border-bottom: solid #fff 5px;
        margin-bottom: 10px;
        font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        padding-bottom: 1px;
	padding-left: 5px;
        position: relative;
}

#main .subhead {
        border-bottom: solid #000 2px;
	border-top: solid #000 2px;
        margin-bottom: 10px;
        padding-bottom: 1px;
        position: relative;
        font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        margin-right: 5px;
        margin-left: 5px;
}

#main .imgrow {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        text-align: justify;
        margin-right: 8px;
        margin-left: 5px;
        clear: left;
        margin-bottom: 2px;
        float: none;
        position: relative;
        display: block;
}

#main .imgrow .imgbox  {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        margin-right: 2px;
        float: left;
        width: 170px;
}

#main .imgrow .imgboxlast {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        float: left;
        width: 170px;
}

#main .wlink {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
}
#main .imgrow img {
        padding: 0;
        border-style: none;
        border-width: 0;
}

#main #imgnav {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
        text-align: justify;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        width: 695px;
        margin-bottom: 5px;
}

#main #imgnav .prevnext {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: justify;
        margin-right: auto;
        margin-left: auto;
	text-decoration: none;
        clear: both;
        width: 695px;
        margin-bottom: 5px;
}

#main #imgnav .prevnext:hover {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: justify;
        margin-right: auto;
        margin-left: auto;
        text-decoration: underline;
        clear: both;
        width: 695px;
        margin-bottom: 5px;
}       

#main #content {
        margin-bottom: 5px;
	color: #fff;
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        text-align: justify;
        margin-right: 5px;
        margin-left: 5px;
        clear: both;
}

#main #content #left {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        text-align: justify;
        width: 235px;
        position: absolute;
        z-index: 1;
}

#main #content #right {
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        text-align: right; 
        width: 450px;
        left: 245px;
        position: relative;
        z-index: 2;

}

#footer {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	background: #222;
	padding: 5px;
	margin-top: 5px;
	font: 10px Courier New, Courier, mono;
	color: #FFF;
	letter-spacing: 3px;
	text-align: center;
}

.clear {
	clear: both;
}