/* basic
----------------------------------------------- */
html {overflow: -moz-scrollbars-vertical;}
body {
	background: #BA4415 url("img/bg.jpg") left top repeat;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	color: #541D0A;}
.show_join_submit_button { margin:15px 0 0 0;padding: 0;}
.show_join_reset_button { margin:15px 0 0 0;padding: 0;}

.show_join_form, .show_update_form, .show_lostpass_form { padding: 0;margin: 10px 0 15px 39px;}

p.aff { text-align: center;line-height:3.5em;}

div.codesort ul {  font-size:0.8em;line-height: 1.3em;color: #541D0A;padding-left: 10px;margin: 35px 0 0 30px 0;}
div.codesort ul li { display:inline;padding: 0 0 0 12px;background: url(img/ar.gif) no-repeat;background-position: 0 5px;margin: 0 0 2px 0;list-style:none;}
div.codesort{ margin-bottom:5px;}
div.codesort img { margin-left:4px;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 13em;}

p.thanks { font-size:0.9em;font-weight:bold;font-style:italic;}


#counter { position:absolute; top:0; left:0; margin: 0;padding: 0;text-align: right;font-size: 0.1em;line-height: 0.1em;visibility: hidden;}
.pic {
	float: left;
    padding-right: 15px;
    margin: 0;
}

 .pic2 {
	float: left;
    padding-right: 15px;
    margin-top: 7px;
} 
 
#ar img {

	border:0;
	margin:0;
	padding:0;
 }

a img { border:0; }

hr {

	border: 1px solid #E9AA59;
	height: 1px;
    clear: left;
}


.in {
	width: 200px; }


input, textarea {
	background: #FDF9DD;
	border: 1px solid #BB944F;
	color: #541D0A;
	font-family: verdana, arial, sans-serif;
	font-size: 1.0em;
}

select {
	background: #FDF9DD;
	border: 1px solid #BB944F;
	color: #541D0A;
	font-family: verdana, arial, sans-serif;
	font-size: 1.0em;
}
.show_sort_form {
	margin: 5px 0 10px 0px;
	font-size: 0.8em;
}

.formi {
	font-size: 0.75em;
	line-height: 1.5em;
}

.formi td {
	text-align: left;
}


p {
	text-align: left;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #541D0A;
}

h2, div.codesort h3 {
	text-align: justify;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	color: #796E23;
	letter-spacing:1px;
	border-bottom: 3px double #9D8F2D;
}


/* links and lists
----------------------------------------------- */
a, a:link, a:visited{
	color: #BE3702;
	text-decoration: underline;
}

a:hover
{
	color: #997C23;
	text-decoration: none;
}


.fanss li {
	padding: 0 0 0 12px;
	background: url(img/ar.gif) no-repeat;
	background-position: 0px 5px;
	margin: 0 0 2px 0;
	list-style:none;
}

.fanss {
	text-align: justify;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #541D0A;
	padding-left: 15px;
	margin: 0 0 17px 0;
}



.ull1 li {
	padding: 0 0 0 12px;
	background: url(img/ar.gif) no-repeat;
	background-position: 0px 5px;
	margin: 0 0 2px 0;
	list-style:none;
}

.ull1 {
	text-align: justify;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #541D0A;
	padding-left: 15px;
	margin: 0 0 17px 0;
}


.ol1 li {
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}

.ol1 {
	line-height: 1.3em;
	font-size: 0.75em;
	text-align: justify;
	padding-left: 20px;
	margin-left: 8px;
}



/* divit
----------------------------------------------- */

#tausta {
	
	background: url("img/bgg.jpg") left top repeat-x;
	margin: 0;
	padding: 0;	
	border-top: 0px solid;
	border-bottom: 0px solid;
}


#top {

	position: relative;
	width: 584px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
}

#container {
	margin: 0;
	padding: 0;
}


#lay {
	background: url("img/logo.jpg") no-repeat 0 0;
	margin: 0;
	padding: 0;
	height: 179px;
	width: 287px;
	position: relative;
	top: 0px;
	left: 155px;
}

#lay2 {
	margin: 0;
	padding: 0;
	width: 273px;
	height: 71px;
	clear: both;
}

#lay2 h1 {
	margin: 0;
	padding: 0;
	}
	
#lay2 h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width: 273px;
	height: 71px;
	background: url("img/logo2.jpg") no-repeat 0 0;
	display: block;
	float: right;
	position: relative;
	top: 0px;
	left: 186px;
	}

#pictures {
	background: url("img/pics.jpg") left top no-repeat;
	width: 600px;
	height: 136px;
	margin: 0;
	padding: 0;
}


/*content
----------------------------------------------- */
#content1 {
	background: url("img/bgdivv.jpg") left top repeat-y;
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;
}

#content {
	background: url("img/top.jpg") left top no-repeat;
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;
}

#vasen {
	float: right;
	width: 360px;
	margin: 0;
	padding: 10px 26px 0 0;
}

#oikea {
	float: right;
	width: 188px;
	margin: 0;
	padding: 10px 13px 0 0;
}

/* footer
----------------------------------------------- */
#bott {
	margin: 0;
	padding: 0;
}

#boot {
	background: url("img/bottom.jpg") left top no-repeat;
	position: relative;
	width: 600px;
	height: 24px;
	text-align: left;
	margin-bottom: 10px;
	padding: 0;
	float: left;
}


/* navi
----------------------------------------------- */
#navi {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.75em;
}

#navi li {
	margin-bottom: 2px;
	padding: 0;
}
#navi a {
	background: #EEC76A;
	display: block;
	width: 173px;
	border-left: 5px solid #6D6705;
	padding: 1px 0 1px 10px;
	color: #BE3702;
	text-decoration: none;
}

#navi a:hover {
	background: #EA9244;
	color: #800000;
	text-decoration: none;
	border-left: 5px solid #FCDC04;
}

#navi li.selected a { background: #EA9244;color: #800000;text-decoration: none;border-left: 5px solid #FCDC04;}
	
body#home #navi li#home1 a { background: #EA9244;color: #800000;text-decoration: none;border-left: 5px solid #FCDC04;}

/* CSS File for Dagon Design Formmailer Script
------------------------------------------------------------------------------------------------------- */
.ddfmerrors { color: #FF0000;}

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 30px 39px; }
/* IE5.5 */
* html .ddfmwrap { margin: 0 0 30px 0; }
form.ddfm { text-align: left; padding: 0; width: 255px; }
form.ddfm label { float: left;   width:335px; text-align: left; margin: 0;  padding: 0;clear: both;  }

form.ddfm textarea { float: left; position: relative; width: 88%; padding: 2px; margin-bottom: 10px;}
/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm select.fmselect { width: 40%; }
form.ddfm input.fmverify { float: left;  width: 22%; margin-bottom: 10px; padding: 2px; position: relative;}
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left; position:relative;width: 80%; margin-bottom: 10px;  padding: 2px;}
form.ddfm .submit { font-size:0.8em;clear:both;}
.ddfmwrap .ddfmerrors { display: block;  float: left;  width: 10%;  text-align: right; margin: 0;  padding-bottom: 15px;}
.ddfmwrap .errorlist { line-height:1.6em; float: left;  display: block; width: 100%; margin: 0;   padding: 3px; text-align: left; color:#FF0000;font-size:0.8em;}
.ddfmwrapp p.fieldwrap { float:left;position:relative;clear:both;}