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

table{	
	border : none;
	color : White;
	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.1em;
	color: Blue;
	padding:0 0 5px 0px;
	margin : 0;
	line-height : 95%;
}

h1.Notice
{
	padding-left : 10px;
	color : #004455;
	font-variant : small-caps;	
}

h1.Notice a, h1.Notice a:visited
{
    color : #004455;
    font-variant : small-caps;
}

/*H1.NoticeLink, H1.NoticeLink a:visited
{
    padding-left : 6px;    
    color : #004455;
    font-variant : small-caps;
}*/


h2{
	font-family : verdana, arial;
	font-size: 1.1em;
	color : yellow;
	padding : 0 0 3px 0px;
	margin : 0;
	font-variant : small-caps;
}

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 1px yellow;*/
}

/* header + menu */
.Header{
	margin : 0px 0 0 0px;
	padding: 0;
	text-align:left;
	height : 140px;
	width : 975px;	
	padding-bottom : 20px;
}


/* header image */
.HArea{
	width : 975px;
	height : 120px;
	padding : 0;
	position : absolute;	
	background :url(../i/ylakuva_dyykki.jpg) no-repeat;	
	background-color : black;
}


/* Index Table */


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


.MainRightCell{
	background-color : Black;
	/*width : 250px;*/
	border : solid 3px #317697;
}

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

.ContentArea a, .ContentArea a:visited
{

	text-decoration : underline;
	/*color : #193B4A;*/
	color : Yellow;
}

.ContentArea a:hover
{
	text-decoration : underline;
	color : yellow;
}


a.white, a.white:visited
{
	color : white;
}

.back
{
	margin-top : 30px;	
}

.back a, .back a:visited
{
	text-decoration : none;
	color : Yellow;
}

/* Footer */

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

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

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

/* Menu */
.menu
{
	padding-top : 10px;
	padding-left : 0px;
	margin : 120px 0 0 20px;
	font-weight : bold;
	color : #004455;
	font-family : trebuchet MS, verdana,arial;
	font-size : 1.4em;
	position : absolute;	
	font-variant : small-caps;
}

.menu a, .menu a:visited{
	text-decoration : underline;
	color : Yellow;
}

.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.select a{
	list-style : none;
	padding: 0 5px 0 5px;
	margin: 0;
	background : #00A4C4;
}
*/
/*.menu li.select a:hover{
	list-style : none;
	padding: 0 5px 0 5px;
	margin: 0;
    background : #00A4C4;
}*/

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

.menu a:hover{
	background : yellow;
	color : black;
	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 : underline;
	background : transparent url(../i/dive-flag10.jpg) no-repeat 0 3px;	
	padding-left : 20px;
	margin : 0;
	color : White;
	/*color : #004455;*/
}
.bulletplain li a:hover
{
    color : Yellow;
}

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


/************* RAAMIT ********************/
.ClubLeftCell
{
	padding-top : 20px;
	background-color : Black;
	width : 20px;
	padding-left : 5px;
}

.ClubCenterCell
{
    padding : 15px 15px 15px 15px;
	background-color : Black;
	width :600px;	
}

.ClubRightCell
{	
	padding-top : 20px;
	background-color : Black;
	width : 250px;	
}
/*
.ClubLeftMenu
{
    list-style-type : none;
    margin-left : 0px;
    font-family : verdana, Arial;
    font-size : small;
}
.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 : #00A4C4;
}

.ClubLeftMenu li
{
    padding : 2px 0px 2px 0px;
    color : gray;
}
*/
.ClubRightMenu
{
    list-style-image : url("../i/dive-flag10.jpg");
    list-style-position : inside;
    margin-left : 4px;
    font-family : verdana, Arial;
    font-size : 12px;
    margin-top : 20px;
}

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

.ClubRightMenu li a, .ClubRightMenu li a:visited
{
	/*font-family : trebuchet MS, verdana,arial;*/
	font-size : 12px;
	font-variant : small-caps;
    padding-bottom :5px;
	padding-top : 2px;
	padding-left : 7px;
	/*color : #193B4A;*/
	color : White;
}

.ClubRightMenu li a:hover
{
    color : Black;
    background-color : Yellow;
  	padding-left : 5px;

}

/* Yhteystiedot */
.ContactLeftCell
{
    /*padding : 15px 15px 15px 15px;*/
    padding-top : 20px;
	background-color : Black;
	width:100px;
	padding-left : 5px;
	/*border : solid 3px #317697;*/
}

.ContactRightCell
{
    padding : 15px 15px 15px 15px;
	background-color : Black;
	width:790px;
	/*border : solid 3px #317697;*/
}

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

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

.ContentRightCell
{
}

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

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

.noticeTitle a, .noticeTitle a:visited
{
	color : Yellow;
	text-decoration : underline;
	padding-left : 5px;
}

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

.noticeDate
{
	width : 90px;
	color : Gray;
}


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


/* 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; 
}
*/

/************* NEWSBOX ********************/
/*
.newsFlash
{
	width : 190px;
	background-color : #FFFF66;
	color: Black;
	border : double;
	border-color : Yellow;
	border-width : 3px 3px 3px 3px;
	align : center;	
	margin-top : 2px;
	margin-left : 2px;
	margin-bottom : 6px;	
	height : 100px;
	padding : 5px 5px 5px 5px;
	margin-left : 5px;
	margin-right : 5px;
}

.newsFlash h2
{
	font-size : 14px;
	margin-bottom : 3px;
	
}
*/
.roundcont {
	width: 205px;
	background-color: #ffd800;
	color: #000000;
	margin-bottom : 10px;
}



.roundcontWide {
	width: 400px;
	background-color: #ffd800;
	color: #000000;
	margin-bottom : 10px;
	
}

.roundcontWide p {
	margin: 0 10px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../i/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../i/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

p.NoticePara
{
    padding-top : 2px;
}

.greyBG
{
    background-color : #222222;
}

.alkavatKurssit
{
    margin-top : 20px;
	width : 190px;
}

.InfoLine
{
    font-size : smaller;
    color : Gray;
}

.TiedoteNosto
{
	width : 185px;
	border-color : #ffcc00;
	border-style : solid;	
	border-width : 2px;	
	padding-bottom : 10px;
	padding-top : 10px;
	padding-left : 5px;
	padding-right : 5px;
	margin-bottom : 10px;
	background-color : black;
}

h1.TiedoteOtsikko
{
	padding-left : 5px;
	color : #ffcc00;
	font-variant : small-caps;
}

h1.TiedoteOtsikko a.TiedoteLinkki, h1.TiedoteOtsikko a.TiedoteLinkki:visited
{
	color : #ffcc00;
}

p.TiedoteKuvaus
{
	padding-left : 5px;
	color : white;
}