html, body{
	margin: 0;
	padding: 0;
	font-family : arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #373737;
	background : #ccddff;	
}

table{	
	border : none;
	color : #193B4A;
	font-family : Verdana;
	font-size : small;
}

tr, td{
	vertical-align:top;
}

.line{
	border-top : 1px #9A9A9A dotted;
	margin: 15px 0px 0px 0px;
	width : 270px;
	clear : both;
}



p{
	padding-top : 10px;
	margin : 0;
}

h1{
	font-family : verdana, arial;
	font-size: 1.52em;
	color:#666;
	padding:0 0 5px 0px;
	margin : 0;
	line-height : 95%;
}

h2{
	font-family : verdana, arial;
	font-size: 1.3em;
	color:#666;
	padding : 0 0 3px 0px;
	margin : 0;
}

h3{
	font-family : verdana, arial;
	font-size: 1em;
	color:#666;
	padding : 8px 0 5px 0px;
	margin : 0;
}

div.Stabil{
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size : 1px;
}

.left{
	float:left;
}

.right{
	float:right;
	padding-right : 3px;
}


div.DataArea{
	width:975px;
	margin:0px auto 0px auto;
	padding:0px;
	border : solid 0px black;
}

.Header{
	margin : 0px 0 0 0px;
	padding: 0;
	text-align:left;
	height:150px;
	width : 975px;
	background :url(../i/thistlegorm2.jpg) no-repeat;
}

.HArea{
	width:454px;
	height : 100px;
	padding : 0;
	position : absolute;	
	/*background :url(../i/logoteksti.jpg) no-repeat;*/
}


/* Index Table */


.MainLeftCell{
	padding : 15px 15px 15px 15px;
	background-color : White;
	width:740px;
	border : solid 0px #317697;
}


.MainRightCell{
	background-color : white;	
	border : solid 0px #317697;
}

.ContentArea{
	margin:0px 0 0 0px;
	background-color : white;
	padding : 5px 5px 5px 5px;
}

.ContentArea a, .ContentArea a:visited
{

	text-decoration : underline;
	color : #193B4A;
}

.ContentArea a:hover
{
	text-decoration : underline;
	color : #193B4A;
}

.back
{
	margin-top : 30px;	
}

.back a
{
	text-decoration : none;
	color : red;
}

/* Footer */

.Footer{
	margin : 0;
	padding: 4px 4px 0 4px;
	background-color : #3388bb;
	color : White;
	height : 20px;
}

.tools a, .tools a:hover, .tools a:visited
{
  color : white;
  text-decoration : underline;  

}

.titleBar
{
   background-color : #317697;
   height : 20px;
   color : White;
   font-weight : bold; 
   padding-left : 900px;  
   display : none;
}

.titleBar a, .titleBar a:visited
{
   color : White;   
}

/* Menu */
.menu
{
	padding : 0;
	margin : 125px 0 0 20px;
	font-weight : bold;
	color : #fff;
	font-family : trebuchet MS, verdana,arial;
	font-size : 1.2em;
	position : absolute;	
}

.menu a, .menu a:visited{
	text-decoration : none;
	color : White;
}

.menu ul{
	list-style : none;
	padding : 0;
	margin: 0;
}

.menu li{
	list-style : none;
	padding: 0 5px 0 5px;
	margin : 0;
	float:left;
	background : transparent url(../i/menu-vertical.gif) no-repeat 0 3px;
}

.menu li#none{
	background : none;
	padding: 0 5px 0 5px;
	margin:0;
	display : block;
}

.menu li a{
	padding : 0 5px 0 5px;
	margin:0;
	display : block;	
}

.menu a:hover{
	background : #3388bb;
	padding: 0 5px 0 5px;
	margin:0;
	display : block;
	text-decoration : none;
}

.BulletList{
	width:290px;
	float : left;
}

.IndexRC{
	margin: 7px 0 0 8px;	
/*	position : relative;*/
}

.IndexRC h2
{
	padding : 5 0 5px 0px;
}

ul.bulletplain{
	list-style-type: none;	
	padding: 0;
	margin: 0;
	float : left;
}

ul.bulletplain li
{
    display : block;
    padding-bottom : 3px;
}

.bulletplain li a, .bulletplain li a:visited{
	text-decoration : none;
	background : transparent url(../i/dive-flag10.jpg) no-repeat 0 3px;	
	padding-left : 20px;
	margin : 0;
	color : #193B4A;
}
.bulletplain li a:hover
{
    color : #3388bb;
}

.bulletplain li span{
	color : gray;
	font-size : smaller;
}
/* keskustelu */
.OnlyWideCell
{    
	background-color : White;
	width: 970px;
	border : solid 3px #317697;
}

/* seurasivu */
.ClubLeftCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width:150px;
	border : solid 0px #317697;
	padding-left : 5px;
}

.ClubCenterCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width :600px;
	border : solid 0px #317697;
}

.ClubRightCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width:150px;
	border : solid 0px #317697;
}

.ClubLeftMenu
{
    list-style-type : none;
    margin-left : 0px;
    font-family : verdana, Arial;
    font-size : small;
padding-left : 0px;
}
.ClubLeftMenu li
{
    margin-bottom : 5px;
}

.ClubLeftMenu li a, .ClubLeftMenu li a:visited
{
    font-weight : bold;
	font-family : trebuchet MS, verdana,arial;
	font-size : 12px;
	font-variant : small-caps;
    text-decoration : none;
    background : transparent url("../i/xscbul3.gif") no-repeat 0 3px;
    padding-left : 25px;
    padding-bottom :5px;
	padding-top : 2px;
	color : #317697;
	
}
.ClubLeftMenu li a:hover
{
    color : White;
    background-color : #3388bb;
}

.ClubLeftMenu li
{
    padding : 2px 0px 2px 0px;
    color : gray;
}

.ClubRightMenu
{
    list-style-image : url("../i/b-plain.gif");
    margin-left : 4px;
    font-family : verdana, Arial;
    font-size : 12px;
}

.ClubRightMenu li
{
    margin-bottom : 5px;
}

.ClubRightMenu li a, .ClubRightMenu li a:visited
{	
	font-size : 12px;
	font-variant : small-caps;
    padding-bottom :5px;
	padding-top : 2px;	
	color : #193B4A;
}

.ClubRightMenu li a:hover
{
    color : White;
    background-color : #3388bb;
}

/* Yhteystiedot */
.ContactLeftCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width:200px;
	border : solid 0px #317697;
}

.ContactRightCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width:790px;
	border : solid 0px #317697;
}

/* sisaltosivu */
.ContentLeftCell
{
    width : 155px;
}

.ContentCenterCell
{
    padding : 15px 15px 15px 15px;
	background-color : White;
	width :600px;
	border : solid 0px #317697;
}

.ContentRightCell
{
}

/* tiedotteet */
span.noticeDateFront
{
	font-size : 8px;	
	width : 90px;
	color : Gray;
}

.noticeTitle
{
	display : block;
	margin-bottom : 20px;	
}

.noticeTitle a, .noticeTitle a:visited
{
	color : #193B4A;
	text-decoration : none;
	padding-left : 5px;
}

.noticeTitle a:hover
{
	color : #317697;
	text-decoration : none;
	padding-left : 5px;
}

.noticeDate
{
	/*border-bottom : 3px solid #EDEDED;*/
	width : 90px;
	color : Gray;
}


.noticeDesc
{
	display : block;
	font-style :italic;
	padding-left : 80px;
	color : #317697;
}



/* tapahtumat */
.month
{
    color : #317697; 
    padding-left : 10px;
    padding-top : 13px;
}

.events
{
    margin-top : 0px;
    margin-bottom : 8px;
    list-style-type : none;
}

.eventdate
{

    color : gray;
}

.eventitem a, .eventitem a:visited
{
    color : #193B4A;
    text-decoration : none; 
}

.eventitem a:hover
{
    color : #317697;
    text-decoration : none; 
}
}