* { font-family: arial,sans-serif; }
body { background-color: #E7E7E7; background-image:url('kunnallisbg.gif'); margin:0; font-size: 12px; color:black; }
a:link, a:active, a:visited { color: #339999; text-decoration: none; }
a:hover { text-decoration: underline; }

form,button { display:inline; }

h1,h2 { color: #31686F; }
h1 { margin: 0px 0 21px 0; font-size: 15px; font-weight: bold; padding-top: 10px; }
h2 { font-size: 13px; font-weight: bold; }

/* div#footer, */ div#abar { width: 920px; margin-left: 50px; color: white; font-weight:bold; }
div#abar a { color: white; }
div#menu { }

table#mainbody { border-collapse:collapse; background-color: white;}
table#mainbody td { vertical-align:top; padding:0; }
div#leftbar {  width: 140px;}
div#contents {  width: 585px; margin: 0 auto;  padding: 0 10px 20px 15px; overflow: hidden; }
div#ads {  width:230px; margin-top: 50px; text-align: center; margin-bottom: 30px; }

div#top { background-color:white;
width: 980px; 
height: 60px; 
background-image: url("kunnallislogo.jpg"); 
background-repeat:no-repeat; 
background-position: top left; }


div#info { color: #31686F; font-size: 12px; font-weight:bold; width: 980px; text-align:right; margin: 0 auto;  position: relative; top: 42px; }
div#info a:link, div#info a:visited { text-decoration:none; color: #339999; }
div#info a:hover { text-decoration: underline; }
div#info ul { list-style-type:none; margin:0; padding:0; }
div#info li#homepagelink { margin-right: 370px; }
div#info ul li { display:inline; margin: 0 5px; padding:0;}

div#navi,div#footer,table#mainbody,div#top { margin-left:26px; }

div#navi { width: 980px; background-color: #339999; }

table#navipanel { background-color: #339999; width: 980px;  border-collapse:collapse; margin: 0 auto 0 auto;}
table#navipanel td#c1 { width: 145px; vertical-align:middle; font-weight:bold; color:#eeeeee; font-size: 11px; padding-left: 10px;  }
table#navipanel td#c2 { width: 420px; text-align:left; vertical-align:middle; }


table#search { border-collapse:collapse;  }
table#search td#col1 { vertical-align: middle; font-weight:bold; padding-top: 4px; color: #eeeeee; }
table#search td#col2 { }
table#search td#col2 input { font-size: 11px; margin: 2px; width: 150px; }
table#search td#col2 button { font-size: 11px; margin: 2px; }
table#search td#col3 { font-size: 11px; }
table#search a { color:white; }

div#menu { font-size: 13px; font-weight: bold; display:block; text-transform:lowercase; }
div#menu ul { float:left; margin: 0; list-style-type: none; padding:0; }
div#menu ul li { float:left; display:inline; padding-right: 10px; padding-left: 10px; border-left: 0px solid #1133DD; font-family:century gothic; }
div#menu a:link,div#menu a:active,div#menu a:visited { color: white; font-weight:bold; }
div#menu a:hover { text-decoration: underline; }

div#contents p { width: 85%; }


div#footer { text-align: center; font-size: 11px;  width: 980px; padding: 0; color:white; background-color: #339999; font-weight:bold; height: 18px;} 
div#footer a { color:white; }
div#abar { font-size: 11px; text-align: right; }


a.catlink:link,a.catlink:active,a.catlink:visited { margin: 20px; padding-left: 35px; height: 20px; font-weight: bold; text-transform: none; font-size: 14px; display:block; background-repeat:no-repeat; background-position: left bottom; color:black; }

a.catlink:hover { }



/* video list styles */
table.fvid { border: 0; width:100%; }
table.fvid td { padding: 10px 0;   }
table.fvid td.col1 { width: 120px; padding-right: 5px; padding-left: 5px; }
table.fvid td.col1 img, table.vid td.col1 span { border: 1px solid black; }
table.fvid td.col2 { vertical-align: top; color:#555555; }

table.fvid div.title { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
table.fvid div.title a { color: #555555; }
table.fvid div.title a:hover { background-color:#eeeeee; text-decoration:none; }

table.fvid div.info1 { font-weight: bold; font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
table.fvid div.info2 { font-weight: bold; font-size: 12px; }
table.fvid div.info2 a { color: #3E8DF2; }
table.fvid div.info3 { font-weight: bold; font-size: 12px; }
/* end */





/* video list styles */
table.vid { border: 0; width:95%; margin-bottom: 25px; }
table.vid td { padding: 10px 0;   }
table.vid td.col1 { width: 120px; padding-right: 5px; padding-left: 5px;}
table.vid td.col1 img, table.vid td.col1 span { border: 3px double silver; margin-right: 10px; }
table.vid td.col2 { vertical-align: top; color:black; }
table.vid td.separator {  height: 20px; margin:0; padding:0; }

table.vid div.title { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
table.vid div.title a { color: black; }
table.vid div.title a:hover { background-color:#eeeeee; text-decoration:none; }

table.vid div.info1 { font-weight: bold; font-size: 11px; margin-top: 10px; margin-bottom: 10px; }
table.vid div.info2 { font-weight: bold; font-size: 11px; }
table.vid div.info2 a { color: #85241C; }
table.vid div.info3 { font-weight: bold; font-size: 11px; }
/* end */


table.videocontrol_videolist { width: 560px; }
table.videocontrol_videolist td { font-size: 11px; }
table.videocontrol_videolist tr.th td { font-weight: bold; }

table.form td.caption { font-weight: bold; text-align: right; }
table.form td.field { padding-left: 10px; }
table.form td.field input { font-size: 11px; }

input#videoform_file,input#videoform_title,input#videoform_reporter { width: 400px; }
textarea#videoform_description { width: 400px; height: 200px; }
select#videoform_category { width: 400px; }
button#videoform_submitbutton,button#videoform_cancelbutton { margin-right: 20px; }


div#video_videoarea { width: 545px;}
div#video_time { margin-bottom: 20px; font-weight: bold; margin-top:10px; }
div#video_description { text-align: justify; width: 500px; margin-bottom: 10px; }
div#video_reporter, div#video_category { margin-bottom:5px; font-size: 11px; }
div#video_category a { color:black; }

ul#adminlinks { list-style-type: none; }
ul#adminlinks li, ul#adminlinks li a { font-size: 16px; font-weight: bold; margin-bottom: 5px;  }

div#comments { margin-top: 25px; font-size: 12px; }
div#comments table.comment td.r1 { font-weight: bold; }
div#comments table.comment td.r2 { padding-bottom: 15px; }

div#comments div#commentpage { margin-bottom: 15px; }
div#comments div#commentpage a.selected { font-weight: bold; text-decoration: underline; }
div#comments div#commentpage span.current { color: black; }

div#commentform input#commentform_name { width: 200px; font-size:11px; }
div#commentform input#commentform_comment { width: 450px; font-size: 11px; }