/* CSS Document */
body{
background-image: url(images/patterndark.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #152B65;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center; 
}
#wrapper{
background-image: url(images/bgtile_09.jpg);
background-repeat: repeat-y;
width: 770px;
height: 460px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#wrapper_print{
background-image: url(images/bgtile_09.jpg);
background-repeat: repeat-y;
width: 770px;
height: 470px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#wrapper_web{
background-image: url(images/bgtile_09.jpg);
background-repeat: repeat-y;
width: 770px;
height: 4130px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#wrapper_about{
background-image: url(images/bgtile_09.jpg);
background-repeat: repeat-y;
width: 770px;
height: 540px;
margin: 0 auto;
padding: 0;
text-align: left;
}
/* banner */
#banner{
margin: 0;
padding: 0;
width: 770px;
height: 74px;
}
#banner object{
margin: 0;
padding:0;
}
#banner a {
display: block;
width: 770px;
height: 74px;
background: transparent url(images/banner.jpg) no-repeat;
}
#leftcol{
margin: 0;
padding: 0;
float: left;
width: 257px;
}
.dude{
background-image: url(images/index_02.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 146px;
}


/* webbutton */
.web{
background-image: url(images/index-ov_04.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 30px;
}
.web a {
display: block;
width: 257px;
height: 30px;
background: transparent url(images/index_04.jpg) no-repeat;
}
.web a:hover {
background-position: -257px 0;
}


/* printbutton */
.print{
background-image: url(images/index-ov_05.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 28px;
}
.print a {
display: block;
width: 257px;
height: 28px;
background: transparent url(images/index_05.jpg) no-repeat;
}
.print a:hover {
background-position: -257px 0;
}


/* aboutbutton */
.about{
background-image: url(images/index-ov_06.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 30px;
}
.about a {
display: block;
width: 257px;
height: 30px;
background: transparent url(images/index_06.jpg) no-repeat;
}
.about a:hover {
background-position: -257px 0;
}

.motto{
background-image: url(images/index_07.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 144px;
}
.motto_about{
background-image: url(images/index_07.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 257px;
height: 230px;
}
/* content */
#content{
margin: 0 0 0 257px;
padding: 0;
}
#content p{
font-size: 11px;
line-height: 16px;
margin: 0;
padding: 36px 120px 0 20px;
}
#content p a{
color: #152B65;
}
#content p a:hover{
color: #3F548A;
}
.container{
background-image: url(images/index_03.jpg);
background-repeat: no-repeat;
width: 513px;
height: 379px;
margin: 0;
float: right;
}

.about_container{
background-image: url(images/index_03.jpg);
background-repeat: no-repeat;
width: 513px;
height: 460px;
margin: 0;
float: right;
}


/* printcontent */
#printcontent{
margin-left: 257px;
text-align: center;
}
.printcontainer{
background-image: url(images/index_03.jpg);
background-repeat: no-repeat;
width: 513px;
height: 379px;
margin: 0;
float: right;
}
#printcontent form{
margin: 40px 104px 0 0;
padding: 0;
}
#printcontent p{
font-size: 100%;
margin: 0;
padding: 0;
}
#printcontent p a{
color: #152B65;
}
#printcontent p a:hover{
color: #3F548A;
}
#ss_select{
visibility: hidden;
}
#ss_text{
font-size: 100%;
margin: 0 104px 24px 0;
padding: 0;
}
#printbuttons{
margin: 0 104px 0 0;
padding: 0;
}
#printbuttons table{
cellspace: 0;
cellpad: 0;
border: none;
}
#printbuttons td{
margin: 0;
padding: 0;
}
.spacerA{
margin: 0;
width: 112px:
}
.spacerB{
margin: 0;
width: 112px:
}
.previous{
background-image: url(images/prev_ov.gif);
background-repeat: no-repeat;
width: 32px;
height: 11px;
}
.previous a {
display: block;
width: 32px;
height: 11px;
background: transparent url(images/prev.gif) no-repeat;
}
.previous a:hover {
background-position: -32px 0;
}
.top{
background-image: url(images/top_ov.gif);
background-repeat: no-repeat;
width: 32px;
}
.top a {
display: block;
width: 32px;
height: 11px;
background: transparent url(images/top.gif) no-repeat;
}
.top a:hover {
background-position: -32px 0;
}
.stop{
background-image: url(images/stop_ov.gif);
background-repeat: no-repeat;
width: 32px;
}
.stop a {
display: block;
width: 32px;
height: 11px;
background: transparent url(images/stop.gif) no-repeat;
}
.stop a:hover {
background-position: -32px 0;
}
.play{
background-image: url(images/play_ov.gif);
background-repeat: no-repeat;
width: 32px;
}
.play a {
display: block;
width: 32px;
height: 11px;
background: transparent url(images/play.gif) no-repeat;
}
.play a:hover {
background-position: -32px 0;
}
.next{
background-image: url(images/next_ov.gif);
background-repeat: no-repeat;
width: 32px;
}
.next a {
display: block;
width: 32px;
height: 11px;
background: transparent url(images/next.gif) no-repeat;
}
.next a:hover {
background-position: -32px 0;
}
/* webcontent */
#webcontent{
margin-left: 257px;
}
.webcontainer{
background-image: url(images/index_03.jpg);
background-repeat: no-repeat;
width: 513px;
margin: 0;
float: right;
}
#webcontent p{
font-size: 100%;
margin: 0;
padding: 36px 120px 0 20px;
}
#webcontent p a{
color: #152B65;
}
#webcontent p a:hover{
color: #3F548A;
}
.leftimage{
margin: 2px 12px 0 -3px;
border: none;
float: left;
}
.clearit{
clear: both;
display: block;
}
#footer{
background-image: url(images/footer_10.jpg);
background-repeat: no-repeat;
height: 32px;
width: 770px;
margin: 0 auto;
padding: 0;
}
/* underfoot */
#legal{
width: 100%;
margin: 0;
padding: 0;
}
#legal p{
margin: 12px 0 0 0;
padding: 0;
font-size: 100%;
}
#legal ul{
padding: 0;
margin-top: 0;
margin-left: 0;
}
#legal ul li{
display: inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#legal ul li a{
font-size: 11px;
color: #152B65;
text-decoration: none;
padding: 0 5px 0 5px;
text-align: center;
}
#legal a:hover{
color: #3F548A;
}