body { 
color: #555; 

font-size: 12px; 
font-family: Futura, "Helvetica Neue", Verdana; 

background-image: url("images/ss_bg.gif");
background-repeat: y-repeat; 
background-color: #FFF;

background-position: 0px 0px; 

	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #aaa;
	scrollbar-3dlight-color:#aaa;
	scrollbar-arrow-color: #aaa;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;

line-height: 1.4em ;
vertical-align: top; 
}


a:link { color: #545;}
a:visited { color: #545;}
a:hover { color: #CAC;}
a:active { color: #545; }
a { text-decoration: none; }

p { 
font-size:12px; 
line-height:1.5em; 
v-align: top; }

iframe {
border:solid 1pt ;
border-color:#CCC ;
}


#indexlogo { 
background: url(images/ss_index_logo.gif) no-repeat top left #FFF ; 
width: 600px; height: 53px; margin: 0 0 5px 0; padding: 37px 0 10px 140px }
#indextext { 
width: 600px; margin: 0 0 ;}

#indeximg {
margin: 0 0 15px 0 ;
padding: 0 0 0 20px ;}

.indextopictitle { 
font-size: 24px; 
line-height: 1.1em ;
background: url(images/ss_topic.gif) no-repeat top left #FFF ; 
width: 340px;
margin: 0 18px 4px 22px ; 
padding: 8px 0 5px 40px ;}

.indextopictext { 
width: 360px ; 
margin: 2px 23px 1px 37px ; 
padding: 0 0 ;}

.indextopicdate { 
font-size: 9px; 
width: 330px ; 
margin: 1px 23px 15px 37px ; }

#indexphoto {
margin: 17px auto 4px 25px ; }

#indexmenu { 
width: 360px; height: 354px; 
margin: 15px 20px auto auto ; }


#menu { 
width: 800px; 
height: 73px; 
margin : 14px 0 0 0 ;
padding : 0 0 ;
}

#main { 
width: 800px ;
margin : 0 0 ;
padding : 0 0 ;
}

#mainleft { 
width: 400px ;
float: left ; }
#mainright { 
width: 380px ;
float: right ; }

#aboutmain { 
background: url(images/ss_about_bg.gif) no-repeat bottom left #FFF;
width: 800px ;
height: 400px ;
margin : 0 0 4px 0 ;
padding : 0 0 ;
}

#footer {
font-size: 12px;
text-align: center ;
color: #666;
line-height: 1.3em ;
width:800px;
height: 40px; 
margin : 0 0 ;
padding : 1px 0 ;
}

.submenu {
text-align: center ;
width: 600px ; 
margin: 0 100px ;
padding: 0 0 ;
}



.contentstitle {
font-size: 21px ;
text-align: left ;
width: 600px ; 
margin: 21px auto 0 70px ;
padding: 0 0 6px 0 ;
}
.contentstitleif {
font-size: 21px ;
text-align: left ;
width: 600px ; 
margin: 0 auto 0 70px ;
padding: 0 0 6px 0 ;
}
.contentstitlesmp {
font-size: 21px ;
text-align: left ;
width: 600px ; 
margin: 5px auto 0 70px ;
padding: 0 0 6px 0 ;
}
.contentssubtitle {
font-size: 12px ;
}

#header {
font-size: 12px ;
text-align: right ;
color: #666;
width: 600px; 
margin : 0 100px ;
padding : 1px 0 ;
}

.contents {
text-align: left ;
width: 600px ; 
margin: 1px 100px ;
padding: 0 0 ;
}
.contentscap {
font-size: 16px ;
margin: 5px 0 2px 3px ;
}

.box0 {
width: 400px ;
margin: 0 200px;
padding: 20px 0 ;
}
.box1 {
width: 400px ;
margin: 0 100px ;
padding: 20px 0 ;
}
.box2 {
width: 610px ;
margin: 0 auto ;
padding: 0 0 12px 0 ;
}
.box2left { 
width: 240px ;
margin: 25px 0 4px 0 ;
float: left ; }

.box2right { 
width: 340px ;
margin: 25px 0 4px 0 ;
float: right ; }

.box3 {
width: 380px ;
margin: 0 210px ;
padding: 15px 0 5px 0 ;
}
.box3center {
width: 380px ;
margin: 0 40px 0 180px;
padding: 15px 0 5px 0 ;
}


.table1 {
background-color: #DDD ;
}
td {
vertical-align: top ;
padding: 3px 3px ;
background-color: #FFF
}



.caption {
font-size: 11px ; }

.caption td {
vertical-align: middle ;
padding: 2px 0 0 5px ; }

.pmonth0 {
width: 50px ; 
text-align: left; }
.pmonth {
width: 40px ; 
text-align: right; }
.pdate {
width: 70px ; 
text-align: right; }
.ptime0 {
width: 100px ; 
text-align: left; }
.ptime {
width: 130px ; 
text-align: center; }
.plocation {
width: 140px ; }
.pcomments {
width: 160px ; }



.edate {
width: 120px ; }

.ename {
width: 220px ; }

.elocation {
width: 200px ; }


.placename {
width: 150px ; }
.stationname {
width: 280px ; }
.comments {
width: 150px ; }

.lcategory {
font-size: 16px ;
padding: 7px 0 2px 0 ; }
.lalphabetic {
font-size: 10px ; 
padding: 5px 35px 1px 35px ; }
.llinks {
padding: 0 30px ;
line-height: 21px ; }


.rcontent {
width: 120px ; }
.rtext {
width: 400px ; }

.ccontent {
width: 320px ; }
.ctext {
width: 300px ; }

.conccontent {
width: 50px ;
padding: 10px 5px ; }
.conctext {
font-size: 14px ;
width: 350px ;
padding: 10px 5px ; }

.conctitle {
font-size: 16px ;
color: #444 ;
}

.activitymonth {
font-size: 11px ;
width: 60px ;
text-align: right ;
padding: 4px 5px ; }
.activitytext {
width: 340px ;
padding: 4px 5px ; }

.historymonth {
font-size: 11px ;
width: 40px ;
text-align: right ;
padding: 4px 5px ; }
.historytext {
width: 420px ;
padding: 4px 5px ; }

.strongcolor {
color: #553 ;
font-weight : bold; }
.lightcolor {
color: #aaa ;}
.lightcolorsmall {
color: #aaa ;
font-size : 12px ;}
.captionl {
font-size : 21px ;
padding: 2px 1px ; 
margin: 12px 1px 2px 1px ; 
}

.textdata { 
font-size: 9px; 
color: aaa ;
margin: 0 0 0 7px ; }


#counterspace {
width: 800px ;
margin: 5px 0 0 0 ; 
padding: 0 0 ;
text-align:center ;
}
#counterspace td{
font-size: 9px ;
text-align:center ;
}

.menu2 {
font-size:15px ;
}

#ss4rcgraphic {
background: url(images/ss_4rc_top.jpg) no-repeat top left #FFF ; 
width: 799px; height: 362px; margin: 12px 0 20px 0; padding: 0 0 ; 
}

