/*/*/

body { margin: 0px; padding: 0px; background: url(images/bg.gif) repeat-x #CADAE2; font-family: verdana, arial, sans-serif; color: #000000; }
.hide {display: none;}

div.master {width: 100%; text-align: center;}
div.content {width: 789px; text-align: left; margin-right: auto; margin-left: auto;}
div.header {background: url(images/header.gif) no-repeat #ffffff; width: 789px; height: 105px; margin-top: 45px;}
div.header h1 {display: none;}
div.mainmenu {position: relative; width: 789px; height: 33px; background: url(images/spacers.gif) no-repeat transparent;}

div.mainmenu a, div.mainmenu span {display: block; height: 30px; position: absolute; top: 0px;}
div.mainmenu a.ajankohtaista 	{left: 7px; width: 112px; background: url(images/bn_ajankohtaista.gif) no-repeat transparent;}
div.mainmenu a.yhdistys 	{left: 120px; width: 78px; background: url(images/bn_yhdistys.gif) no-repeat transparent;}
div.mainmenu a.jasenyys 	{left: 199px; width: 80px; background: url(images/bn_jasenyys.gif) no-repeat transparent;}
div.mainmenu a.historia 	{left: 280px; width: 72px; background: url(images/bn_historia.gif) no-repeat transparent;}


/* Poistettu foorumi
div.mainmenu a.foorumi 		{left: 353px; width: 78px; background: url(images/bn_foorumi.gif) no-repeat transparent;}
div.mainmenu a.yhteydet 	{left: 434px; width: 82px; background: url(images/bn_yhteydet.gif) no-repeat transparent;}
*/
div.mainmenu a.yhteydet 	{left: 353px; width: 82px; background: url(images/bn_yhteydet.gif) no-repeat transparent;}

/* div.mainmenu a.yhteydet 	{left: 353px; width: 82px; background: url(images/bn_yhteydet.gif) no-repeat transparent;} */


div.mainmenu span.ajankohtaista {left: 7px; width: 112px; background: url(images/ba_ajankohtaista.gif) no-repeat transparent;}
div.mainmenu span.yhdistys 	{left: 120px; width: 78px; background: url(images/ba_yhdistys.gif) no-repeat transparent;}
div.mainmenu span.jasenyys 	{left: 199px; width: 80px; background: url(images/ba_jasenyys.gif) no-repeat transparent;}
div.mainmenu span.historia 	{left: 280px; width: 72px; background: url(images/ba_historia.gif) no-repeat transparent;}

/* Poistettu foorumi
div.mainmenu span.foorumi	{left: 353px; width: 78px; background: url(images/ba_foorumi.gif) no-repeat transparent;}
div.mainmenu span.yhteydet 	{left: 434px; width: 82px; background: url(images/ba_yhteydet.gif) no-repeat transparent;}
*/
div.mainmenu span.yhteydet 	{left: 353px; width: 82px; background: url(images/ba_yhteydet.gif) no-repeat transparent;}

/* div.mainmenu span.yhteydet 	{left: 353px; width: 82px; background: url(images/ba_yhteydet.gif) no-repeat transparent;} */


div.mainmenu span.hide {display: none; border: none;}

div.body_start{width: 789px; height: 14px; background: url(images/bo_top.gif) no-repeat transparent; font-size: 0px;}
div.body_end {width: 789px; height: 18px; background: url(images/bo_bottom.gif) no-repeat #cadae2; font-size: 0px;}
div.body {width: 789px; background: url(images/body_bg2.jpg) no-repeat transparent; position: relative; background-position: 8px 0px; min-height: 200px;}
div.body_borders {width: 789px; background: url(images/mainbg.gif) repeat-y #ffffff; position: relative;}
div.text {width: 491px; margin-left: 205px; padding: 30px 45px 43px 34px;}
div.text div.clear {clear: both;}

div.bl {background: url(images/bo_l_top.gif) no-repeat transparent; width: 7px; height: 168px; position: absolute; left: 0px; top: 0px;}
div.br {background: url(images/bo_r_top.gif) no-repeat transparent; width: 8px; height: 168px; position: absolute; left: 781px; top: 0px;}

div.submenu {text-align: right; float: left; padding-bottom: 50px; width: 204px;}
div.submenu a:link, div.submenu a:visited, div.submenu a:active, div.submenu a:hover {text-decoration: none; color: #2d3769;}
div.submenu a:hover {text-decoration: underline;}
div.submenu div {margin-top: 6px; background: url(images/menu_arrow.gif) no-repeat transparent; background-position: 100% 50%; padding-right: 14px; color: #2D3769; margin-right: 4px;}
div.submenu div.active {color: #188D00; background: url(images/menu_arrow_active.gif) no-repeat transparent; background-position: 100% 50%; }
div.submenu div.headerimage {margin: 0px; padding: 0px; margin-top: 32px; margin-left: 42px; background: none;}
div.submenu div.headerimage h2 {margin-bottom: 12px;}
div.submenu, div.text {font-size: 80%;}
div.submenu div.sep {background: transparent; height: 10px; border: none; margin: 0px; padding: 0px; font-size: 1px;}


h1 {font-size: 180%; font-weight: normal; color: #384473; margin-top: 0px;}
h2 {font-size: 150%; font-weight: normal; color: #384473; }
h3 {font-size: 100%; font-weight: bold;}

div.footer {width: 789px; height: 40px; position: relative; background: #cadae2;}
div.footer p {font-size: 70%; color: #7284A2; margin: 3px 10px 25px 15px; padding: 0px;}
div.footer a:link, div.footer a:visited, div.footer a:active, div.footer a:hover {color: #5274a2; text-decoration: none; padding: 0px 5px;}
div.footer a:hover {text-decoration: underline;}
div.footer p.copyright { position: absolute; left: 0px; top: 1px;}
div.footer p.quicklinks { position: absolute; right: 0px; top: 1px;}


a:link    { color: #087000; }
a:visited { color: #507050; }
a:active  { color: #800000; }
a:hover   { color: #183483; }

a.func:visited {color: #087000;}

div.grid { margin: 0px;}
div.grid p {width: 240px; float: left; margin: 0px; padding: 6px 0px 18px 0px;}
div.grid_small {margin: 0px; padding: 8px 0px 0px 0px;}
div.grid_small p {width: 245px; float: left; margin: 0px; padding: 0px; font-size: 85%;}

blockquote {border-left: 3px solid #c0d0e0; margin-left: 0px; padding-left: 20px;}

ul.cells, ul.cells li { margin: 0px; padding: 0px; list-style: none;}
ul.cells {margin-left: 20px; margin-right: 25px; background: #E4F1F7; font-size: 95%;}
ul.cells li {border-bottom: 2px solid #ffffff; padding: 4px 6px}

p.emptycalendar, p.emptydocuments { text-align: center; background: #e4f1f7; padding: 3px 5px; color: #586493;}

ul.eventlist {margin: 0px; padding: 0px;}
ul.eventlist li {list-style: none; margin: 0px 0px 8px 0px; padding: 6px 8px; border-top: 1px solid #c4d1d7;}
ul.eventlist h2 {margin: 6px 0px 0px 0px; padding: 0px;}
ul.eventlist h2 a {text-decoration: underline;}
ul.eventlist h2 a:hover {color: #000000;}
ul.eventlist p {margin: 4px 16px;}

div.eventinfo {padding: 0px 16px 8px 16px;}
div.eventinfo p {margin-top: 0px; margin-bottom: 0px; padding: 10px 0px;}
span.fieldname {font-weight: bold;}

div.registration {padding: 0px; margin-top: 4px;}
div.registration p {margin-top: 0px; margin-bottom: 0px; padding: 10px 16px 0px 16px;}
div.registration h2 {margin: 0px; padding: 3px 10px; background: #289020; color: #ffffff; font-size: 100%; font-weight: bold;}
div.registration h3 {margin: 0px; padding: 3px 10px; background: #eaffea; border-top: 2px solid #289020;}
div.registration h3 span.regnum {font-weight: normal; font-size: 85%;}


span.isStrict {color: #900000; font-size: 90%;}
div.registration p.noregs {padding-top: 0px; padding-bottom: 10px;}
div.registration table {margin: 0px; width: 491px; border-bottom: 1px solid #557755;}
div.registration table td, div.registration table th {padding: 2px 10px; border-top: 1px solid #aabbaa; background: #e4f7e4; empty-cells: show;}
div.registration table th { border: none; font-weight: normal; color: #668866; border-bottom: 1px solid #557755; background: #eaffea;}
div.registration table td p, div.registration table th p {margin: 0px; padding: 0px;}
div.registration table tr.firstOut td, div.registration table tr.out td {background: #f0f0f0; empty-cells: show;}
div.registration table tr.firstOut td p, div.registration table tr.out td p {color: #777777;}
div.registration table tr.firstOut td {border-top: 1px dashed #888888;}

div.registration p.regbutton {padding-bottom: 16px;}
div.registration p.regbutton a {background: #bbddff; color: #000000; text-decoration: none; padding: 2px 12px; border: 2px outset #000088;}
div.registration p.regbuttonDisabled {padding-bottom: 16px; color: #aa0000;}

table.regform td {padding: 2px 4px;}
table.regform th {font-weight: normal; text-align: right; padding: 2px 4px;}
table.regform td p, table.regform th p {margin: 0px; padding: 0px;}

p.error {color: #990000;}

h1.news span.date {font-size: 60%;}
div.newsbox h2 {border-top: 1px solid #c4d1d7; padding-top: 10px;}

ul.dirs {margin: 0px; padding: 0px; list-style: none;}
ul.dirs li {margin: 0px; margin-bottom: 16px;}
ul.dirs h2 {margin-top: 0px; margin-bottom: 10px;}
ul.files{margin: 0px; padding: 0px; margin-left: 20px; list-style: none; }
ul.files li {margin: 0px; padding: 0px; border: none; padding-left: 15px; margin-bottom: 2px;background: url(images/menu_arrow.gif) no-repeat transparent;}

table.feedback th p, table.feedback td p {margin: 0px;}
table.pastevents {border-bottom: 1px solid #dddddd;}
table.pastevents th, table.pastevents td {border-top: 1px solid #dddddd; padding: 4px 5px;}
table.pastevents td p { margin: 0px;}
table.pastevents th {text-align: left; padding: 0px;}
table.pastevents th h2 {font-size: 100%; font-weight: bold; margin: 0px; background: #e4f1f7; padding: 4px 10px;}


div.freshEvents table {margin-bottom: 0px; margin-top: 0px; margin-left: 10px;}
div.freshEvents table td {padding: 4px;}
div.freshEvents table td p {margin: 0px;}
div.freshEvents table a {font-weight: bold;}
div.freshEvents {background: #eaffea; margin-bottom: 1.7em; margin-top: 1.7em; border: 1px solid #aaeeaa; padding: 10px 13px;}
div.freshEvents h1 {font-size: 150%; color: #005500; margin-bottom: 4px;}

hr {color: #cccccc; background: #cccccc; border: none; height:1px;}

