html, body { height:100% ; text-align: center; }
body { 
    background: url(img/bg_body.gif);  
    font-family: Verdana, sans-serif ;  
    font-size:76% ; 
    margin:0 ; 
    padding:0 ; 
}

/* paragraph & cell styles */
img{border: 0;}
form, div, img, p{margin: 0; padding: 0;}
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display: none; position: absolute;}
.spacer { clear:both ; height:1px ; overflow:hidden ; }
p { line-height: 1em; }
strong { /*color:#111 ;*/ }
.u4-image-caption { font-size:0.8em ; font-weight: bold; color: #000; margin:0 ; padding:0 ; }
label {display: block;margin-top: 8px;}

.frontpage .hideOnFrontPage { display: none; }

 /* applies to paragraphs, lists, you name it */
#siteBody {color: #000000;}
#siteBody li p { line-height: 1em; font-size: 12px;}
.leftNavi{background: #ac0101 url(img/bg_leftNavi2.gif) no-repeat scroll left top; width: 152px; height: 20px; margin-bottom: 7px; padding: 6px 6px 0 6px; font: bold 11px Verdana, Arial, sans-serif; color: #ddd;}
.leftNavi a, .leftNavi a.external {font: bold 1em Verdana, Arial, sans-serif; color: #fff;}
.leftNavi a:hover{color: #fff;}

/* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color: #b62727; text-decoration: none;} 
a:hover{text-decoration: underline;}
a.external {color: #b62727; /*background: url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; */}

p.small { font-family:verdana; font-size:0.9em; }
p.smallCenter { font-family:verdana; font-size:0.9em; text-align:center; }
p.smallRightAlign { font-family:verdana; font-size:0.9em; text-align:right; }
p.smallJustified { font-family:verdana; font-size:0.9em; text-align:justify; }

/* Email Form style fixes */
.emailForm label.selectInputTd { display:block !important; margin-bottom: 5px; }
* html .emailForm label.selectInputTd { margin-bottom: 10px; }
.emailForm input, .emailForm textarea { display: block; }
.emailForm div div label { display:inline; vertical-align:middle; }
.emailForm div div input { display:inline; vertical-align:middle; }

/* otsikkotyylit */

h2,h3,h4,h5 { margin-top: 0; /*color:#111 ;*/ }
/*h2 { font-size:1.5em ; font-weight:bold ; letter-spacing:0.1em ; }
h3 { font-size:1.3em ; font-weight:normal ; }
h4 { font-size:1.2em ; font-weight:bold ; }
h5 { font-size:1.1em ; font-weight:bold ; }*/
h2 { font-size:1.4em ; font-weight:bold ; }
h3 { font-size:1.15em; font-weight:bold ; }
h2.hilight, h3.hilight { color: #bf2525 }
h2.blue, h3.blue { color: #0055A5; }
h2 span.red{color: #B62727; margin:0; padding: 0;}

/* oikean palstan saannot */
#right h2, #right h3 { 
    padding: 3px 4px;
    background-color: #bf2525;
    color: #fff;
}
#right h2 a, #right h3 a { color: #fff; }
#right p { margin-top: 8px; }

/* Yleisonosasto- ja Tilaa uutiskirje-linkit */
#right #yleisonosasto {
    position:relative ;
    background: url(/stc/img/icon_yleisonosasto.gif) no-repeat scroll 98% 3px;
    background-color: #BF2525;
    padding-right: 20px;
}
#right #uutiskirje {
    position:relative ;
    background: url(/stc/img/icon_uutiskirje.gif) no-repeat scroll 98% 3px;
    background-color: #BF2525;
    padding-right: 20px;
}
.frontpage #right h3 a {color: #fff; display: block; background: none;}


/* Tulostus- ja PDF-linkit */
#printsend {float: right; margin-right: 12px; clear: right; }
#printsend a {padding-left: 20px; margin: 8px 5px; }
#printsend #sendpagelink {background: url(/stc/img/icon_send.gif) no-repeat;}
#printsend #pdfversionlink {background: url(/stc/img/icon_pdf.gif) no-repeat;}

#footer{font-size: 11px; color: #333333; text-align: left;}

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }

 /* layout + columns */
 /*******************************
  #site: site container
  #siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
  #left, #middle, #right: layout columns, .column to reduce redundancy
   \     `-navigo:content
    `#docNavi
  #top: logo, top image (if applicable), #supportNavigation, #topNavi
  #footer: navigo-cms, footer slot
 *******************************/	

#issueNbr{position: absolute; bottom: 5px; left: 4px; width: 176px; font-weight: bold; font-size: 11px; text-align: center;}
#nextIssue{position: absolute; top: 93px; left: 184px; width: 424px; text-align: center; }

#topShadow{text-align: right; background: url(img/bg_topShadow.gif) no-repeat bottom left; height: 22px; position: relative;}
#topShadow img { position: absolute; right: 0; bottom: 0; }
* html #topShadow img { position: absolute; right: -1px; bottom: 0; }
#leftShadow{position: relative;padding-left: 6px; background: url(img/bg_leftShadow.gif) repeat-y scroll top left; zoom: 1;}
#rightShadow{position: relative;padding-right: 6px; background: url(img/bg_rightShadow.gif) repeat-y scroll top right; zoom: 1;}
#bottomShadow{background: url(img/bg_bottomShadow.gif) no-repeat 0 0; float: left; width: 100%;}
/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width: 981px ; margin:0 auto ; position: relative;}
* html #site { height:100% ; }

#heart{position: absolute; width: 240px; height: 512px; background: url(img/bg_heart.gif) no-repeat scroll 0 0; top: 32px; left: 0px;}
#siteBody { clear:both ; text-align:left ; border-top:1px solid #ddd ; border-bottom: 1px solid #D2B603; border-top: 1px solid #E1C300; background: #ffdd00 url(img/bg_siteBody.gif) repeat-x scroll 0 0; zoom: 1; }
.columns { position:relative ; float:left ; }
#left { background: none; width: 164px; height: 100%; padding: 15px 10px 3px 10px; overflow: hidden; }
#leftExtraContent { margin-top: 60px; width: 164px; }

#mainContainer{border: 1px solid #E1C300; background: #fff url(img/bg_mainContainer.gif) repeat-y scroll 422px 0; margin-top: 15px; margin-bottom: 3px; overflow: hidden;}
.mainPadding{background: #fff; height: 10px; width: 604px; clear: both; margin: 0; padding: 0;}
#middle { width: 402px; padding: 0 10px 10px 10px; overflow: hidden; min-height: 500px;}
#middle.wide { width: 625px; background: #ffffff; padding: 0 0 10px 0; border: 1px solid #E1C300; margin-top: 15px; margin-bottom: 3px;}
#midPadding{padding: 10px 10px 0 10px; }
#middle.widest { width: 814px; background: #ffffff; border: 1px solid #E1C300; padding: 15px 15px 0 15px; margin-top: 20px; margin-bottom: 3px;}
    #middle p{padding-bottom: 12px;}
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width: 816px !important; }
#right { width: 182px; font-size:1em ; padding: 0px 10px 0 11px; overflow: hidden; }
#extra{width: 149px; padding: 15px 5px 0 4px; overflow: hidden; }
#extra p{margin: 0;}
#footer { position: relative; background: #ffffff;  padding: 0 16px 0 16px; color: #666; margin: 0; zoom: 1; }
#footer p{margin: 0; padding: 4px 0 6px 0;}

.editMode #mainContainer, .editMode #middle, .editMode #left, .editMode #right, .editMode #extra {
    overflow: visible;
}

div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:absolute ; right: 3px; bottom: 5px ; height:18px ; background:#fff ; width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top {height: 92px; background: #fff url(img/bg_top.gif) repeat-x scroll bottom left; position: relative; }
#top h1 { margin:0 ; padding:0 ; position: absolute; top: 7px; left: 193px; width: 236px; height: 82px; background:url(/stc/img/bg_logo.gif) no-repeat top left ; }
#top h1 a { display: block; width: 236px; height: 82px;}
#top h1 a span { display:none ; }

/*search*/
#searchContainer { position: absolute; top: 10px; right: 4px;}
#searchForm{}
input#sbm{font-size: 12px;}
input#search{background: url(img/bg_search.gif) 0 0 repeat-x; border: 0; width: 154px; height: 18px; margin: 0; padding: 2px 2px 0 2px; border: 1px solid #6F6F6F;}

/* Eventsearch */
.search {border:1px solid #D2B603; padding:0 10px 10px 10px; overflow:hidden;}
 #siteBody .head{width:100%; /*font-size:.87em; */overflow:hidden; background:#bf2525; color:#fff; font-weight: bold; text-transform: uppercase; padding:3px 0 3px 0;text-align:center; margin:0 auto;}

#supportNavi{position: absolute; top: 70px; right: 4px;}
#supportNavi form { margin:0 ; padding:0 ; }
#supportNavi li { float:left ; }
#supportNavi li a { display: block; padding: 2px 5px; color: #000; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0aa0c0 ;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }

/* navigation */
#topNavi { margin:10px 0 ; }
#topNavi li { float:left ; }
#topNavi li a { margin:0 ; padding:5px 10px ; display:block ; float:left ; background:#none ; color:#333 ; font-weight:bold ; text-decoration:none ; font-size:1.1em ; margin:0 1px 0 0 ; border-top:1px solid #ccc ; border-left:1px solid #ccc ; border-right:1px solid #ccc ;  }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#000 ; background:#fafafa ; }

#docNavi { padding-bottom:1px ; border: 1px solid #E1C300 ; font: bold 11px Verdana, Arial, sans-serif; color: #000; background: #fff;}
#docNavi li { display: inline; margin: 0; padding: 0; overflow: hidden;}

#docNavi li a { display: block; padding: 9px 0 9px 10px; text-decoration: none; color: #333;}
#docNavi li a:hover { background: #fafafa; color:#000 ; }
#docNavi li a.act { color: #C32424; }

#docNavi li li a {background: url(img/dot_docNavi.gif) 11px 9px no-repeat; font-weight: normal; padding: 4px 10px 6px 21px;}
#docNavi li li a:hover{background: #fafafa url(img/dot_docNavi.gif) 11px 9px no-repeat;}
#docNavi li li a.act{background: #fafafa url(img/dot_docNavi.gif) 11px 9px no-repeat;}
#docNavi li li li a { padding:2px 10px 2px 30px ; } /* add more as needed... */
* html ul#docNavi a { height:1% ; }

#breadcrumb { margin-top:5px ; font-size:0.9em ; color:#000 ; }
#breadcrumb a { color:#666 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 /* news list */
.newsList { }
.newsList h4 {margin: 0 0 3px 0;}
.newsList h4 a, h4.list a{color: #000; font-size: 13px;}
.newsList a { text-decoration:none ; }
.newsList a:hover { text-decoration: underline; }
.newsList h4 a { }
.newsList p { }
.newsList p a { color:#000 ; }
.newsList span.readMore {color: #b62727;}

 /* news document */
.newsSummary { font-style: normal; }

 /* highlight element */
.highLight {width: 100%; float: left; background-color: #fff; margin-bottom: 10px; margin-top: 10px; padding-top: 0; padding-bottom: 3px; }
.highLight h3 {font: bold 9pt Verdana, sana-serif; background-color: #bf2525; color: #fff; margin: 0 0 5px 0; padding: 3px 4px 3px 4px; border-bottom: 0px solid #ac1a1a; } 
.highLight p { margin-left: 4px; margin-right: 4px; }
/* editMode hack */
.highLight h3 div {background-color: #bf2525; color: #fff;}

.highLightInversed {background-color: #bf2525; color: #fff;}

.highLightPA {border: 1px solid #E1C300; width: 48%; float: left; background-color: #fff; margin-bottom: 10px; margin-top: 10px; padding-top: 0; padding-bottom: 3px; }
.highLightPA.right {float:right;}
.highLightPA h3 {font: bold 9pt Verdana, sana-serif; background-color: #bf2525; color: #fff; margin: 0 0 5px 0; padding: 3px 4px 3px 4px; border-bottom: 1px solid #ac1a1a; }

/* Border around the box when on yellow background */
#left .highLight { border: 1px solid #E1C300; }

 /* 2col */
.columnContainer { width: 100%; background: #fff url(img/bg_mainContainer.gif) repeat-y scroll 50% 0;}
.columnContainer.blank{background: transparent;}
.columnContainer .twoColumnsLeft { float: left; width: 49% ; margin-right: 1%; } 
.columnContainer .twoColumnsRight { float: right; width: 49% ; margin-left: 1%; } 
.editMode .columnContainer .twoColumnsLeft, .editMode .columnContainer .twoColumnsRight { width: 48%;} 
.columnContent { width:auto ; }

 /* tables */

#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 6px;}
/* td.u4-table-stripe-header, td.u4-table-complete-header, td.u4-table-visible-borders-header{font-weight: bold;}*/
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe , .u4-table-complete{margin:0 0 10px 0;}

table.u4-table-default{border: 0;}

table.u4-table-visible-borders{border: 1px solid #CBCBCB;}
table.u4-table-visible-borders td{border: 1px solid #CBCBCB;}

table.u4-table-stripe{border: 1px solid #CBCBCB; border-style: none solid solid solid;}
td.u4-table-stripe-header{background: #CCCCCC; border: 1px solid #CBCBCB; border-style: solid none solid none;}
td.u4-table-stripe-odd{background-color: #F5F5F5;}

/*For newsletter*/
table.u4-table-complete{border: 1px solid #326F29; border-style: none solid solid solid;}
td.u4-table-complete-header{ background-color: #B4DEAE; border: 1px solid #326F29; border-style: solid none solid none;}
td.u4-table-complete-odd{background-color: #F1F9EE;}

table.u4-table-bordertable { border:1px solid #ccc ; border-width:1px ; border-collapse:collapse ; }
td.u4-table-bordertable-header { border:1px solid #ccc ; }
td.u4-table-bordertable-header2 { border:1px solid #ccc ; /*background-color:#f0f0f0*/ }
td.u4-table-bordertable-odd { border:1px solid #ccc ; } td.u4-table-bordertable-even  { border:1px solid #ccc ; /*background-color:#f0f0f0 */}

.u4-table-green{margin:0 0 10px 0;}
table.u4-table-green{border: 1px solid #326F29; border-style: none solid solid solid; border-collapse: collapse;}
td.u4-table-green-header{ background-color: #B4DEAE; border: 1px solid #326F29; border-style: solid none solid none; vertical-align: top; padding: 6px;}
td.u4-table-green-odd{background-color: #F1F9EE;}

.u4-table-grey{margin:0 0 10px 0;}
table.u4-table-grey{border: 1px solid #CBCBCB; border-style: none solid solid solid; border-collapse: collapse;}
td.u4-table-grey-header{ background-color: #CCCCCC; border: 1px solid #CBCBCB; border-style: solid none solid none; vertical-align: top; padding: 6px;}
td.u4-table-grey-odd{background-color: #F5F5F5;}

.u4-table-red{margin:0 0 10px 0;}
table.u4-table-red{border: 1px solid #E60019; border-style: none solid solid solid; border-collapse: collapse;}
td.u4-table-red-header{ background-color: #E58E98; border: 1px solid #E60019; border-style: solid none solid none; vertical-align: top; padding: 6px;}
td.u4-table-red-odd{background-color: #FFE0E8;}

.u4-table-blue{margin:0 0 10px 0;}
table.u4-table-blue{border: 1px solid #0055A5; border-style: none solid solid solid; border-collapse: collapse;}
td.u4-table-blue-header{ background-color: #93B5FF; border: 1px solid #0055A5; border-style: solid none solid none; vertical-align: top; padding: 6px;}
td.u4-table-blue-odd{background-color: #DDE8FF;}



.navigo-news-reg label { display:inline; }
/*For newsletter ends*/


 /* sitemap */

.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:85px ; background-position:0px center ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px center no-repeat ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px center no-repeat ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px center no-repeat ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px center no-repeat ; padding-left:75px ; }

.stripe { background-color:#f9f9f9 ; }

/* poll */

.navigo-tests-poll .result { padding-left: 5px; padding-right: 5px; }
.navigo-tests-poll label { display: inline; }
.navigo-tests-poll input[type="submit"] { margin-left: 8px; }
.navigo-tests-poll .result br { display: none; }
.navigo-tests-poll .result .bars .q { font-weight: bold; margin-bottom: 5px; }
.navigo-tests-poll .result .allVotes { margin: 5px 3px; }
.navigo-tests-poll .result .bars span.a { display: block; margin: 5px 3px 0 3px; padding: 0; }
.navigo-tests-poll .result .bars span.bar { display: block; margin-left: 3px; margin-right: 3px; padding: 0; }
.navigo-tests-poll .result .bars span.b0 { background-color: #5eb821; }
.navigo-tests-poll .result .bars span.b1 { background-color: #c32424; }
.navigo-tests-poll .result .bars span.b2 { background-color: #d3d3d3; }
.navigo-tests-poll dt, .navigo-tests-poll dd {margin-left: 8px;}

/* event */
dl.event {}
	.event dt {font-weight:bold; padding:.5em 0 0 0; color:#000;}
	.event dd {padding:0 0 0 3em; }
	.event dd p{margin:0;}
	
div#daysEvents h3 {margin-bottom:10px;}
	
#siteBody p.event-result-item {margin:0; padding:0 0 10px 0; line-height:1.15em;}

.event_line {padding:0 0 5px 0; height:1px; border-top:1px solid #E1C300;}


/* CALENDAR */
#siteBody .calendar{position:relative;width:180px; overflow:hidden; clear:both; /*padding:0 4px;*/background-color: #fff; }
#siteBody .calendar_head{width:100%; /*font-size:.87em; */overflow:hidden; background:#bf2525; color:#fff; font-weight: bold; text-transform: uppercase; padding:3px 0 3px 0;text-align:center; margin:0 auto;}
#siteBody .ch-left{float:left;width:15%;padding-left:2px;text-align:left;}
#siteBody .ch-center{float:left;width:65%;text-align:center;}
#siteBody .ch-right{float:right;width:15%;padding-right:2px;text-align:right;}
#siteBody .calendar_head a:link,.calendar_head a:visited {color: #fff; font-weight: bold;}
#siteBody .calendar_head a:hover{color:black; text-decoration:none;}
#siteBody .u4-calendar-container {text-align:center; margin:0 auto; padding:0; border:1px solid #D2B603;}
#siteBody .u4-calendar {border-spacing: 0px; font-size:10px; margin:4px auto 0 auto; width:90%; padding:0; border-collapse: collapse;}
#siteBody .u4-calendar-navi, .u4-calendar-title {font-weight: bold; text-transform: uppercase; font-size: 10px; margin:0; padding:0; color: #fff;}
#siteBody .u4-calendar-header, .u4-calendar-header-vko {font-weight: bold; border-bottom: 1px solid #E1C300; text-align: left;}
#siteBody .u4-calendar-header-vko { color:#000; }
#siteBody .u4-calendar-weeknum {padding:4px 2px; margin:0; text-align: left; color:#000; font-weight: bold;}
#siteBody .u4-calendar-weeknum a:link, .u4-calendar-weeknum a:visited {color:#80a6bd;}
#siteBody .u4-calendar-day {padding:4px 2px; margin:0;  }
#siteBody .calendar .u4-calendar-day-events {padding:4px 2px; margin:0; text-align: left; font-weight:bold;}
.calendar_bottom{text-align:left; margin:0 auto; /*font-size:.87em; */overflow:hidden; color: #fff; padding:3px 0 3px 10px;}
/*.calendar_bottom a:link,.calendar_bottom a:visited{color:#534e4a; text-decoration:none;}
.calendar_bottom a:hover{ text-decoration:underline;}*/
#siteBody .calendar .today{background:#bf2525; font-weight:bold;}
#siteBody .calendar .today a {color:#fff;}

/* forum */
#forum-container { width:100% ; margin:0 auto; }
#forum-container img { border:none ; }
.navigo-forum a { color:#466EAD ; text-decoration:underline ; }
.navigo-forum a:hover { text-decoration:none ; }

.navigo-forum { width:100% ; padding:0 ; margin:0 auto ; border:1px solid #000 ; border-collapse:collapse ; }
.navigo-forum .header { font-weight:bold ; background:#ffdd00 ; color:#000 ; font-size:1.1em ; }
.navigo-forum .header td { padding:4px 5px ; }
.navigo-forum .title { width:40% ; }
.navigo-forum .name {display:block;}
.navigo-forum .date { }
.navigo-forum h3 { font-size:1.1em ; }
.navigo-forum h3 a { color:#000 ; text-decoration:none ; }
.navigo-forum h3 a:hover { color:#333 ; text-decoration:underline ; }
.navigo-forum h3 a:visited { color:#333 ; }
.navigo-forum td { border:1px solid #466EAD ; padding:2px 5px ; margin:0 ; text-align:center ; font-size:0.9em }
.navigo-forum td.leftAlign { text-align:left ; }
.navigo-forum td img { border:none ; }
.navigo-forum td.tools { width: 5px; }
.navigo-forum td.replys { width: 1px; }
.navigo-forum td.sender { width: 1px; }
.navigo-forum tr.topic-hidden { border: 2px dotted #222; background-color: #efefef; color:#888; font-style: italic;}

.navigo-forum .odd { background:#f3f3f6 ; }

.forum-info {margin-top:10px;}
.forum-info * {float:left;}
.forum-info p img { padding:0 5px; }
.forum-info p { width:12em; float:left; margin:0;  padding:3px 0;}

.leftAlign .name {font-weight:bold;}

/* registration element */
#registration label { width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block }
#registration .textinput { width:20em; }
#registration .submit { margin-left: 9.5em; }


/* Recipe list*/
div.recipeList{padding-left: 10px;}
.recipeList{border-top: 1px solid #eeeeee; border-left: 1px solid #eee; padding: 1px 0 3px 0; margin: 0 0 2px 0; background: #fafafa; font-size: 0.9em;}

/*Article lists*/
p.simple a{color: #000;}
div.articleList{padding-left: 10px;}
.articleList{border-top: 1px solid #eeeeee; border-left: 1px solid #eee; padding: 1px 0 3px 0; margin: 0 0 2px 0; background: #fafafa; font-size: 0.9em;}
dl.articleList{float: left; width: 100%;}
.articleList dt{float: left; width: 15%; text-align: right; margin: 0; padding: 0 3% 0 0;}
.articleList dd{float: left; width: 82%; margin: 0; padding: 0;}

/*Article highlights*/

.whiteBorder{border: 1px solid #ccc; background: transparent; /*height: 8em; padding-bottom: 10px;*/ }
.articleHighlight .whiteBorder{ /* height: 10em; */ }

.articleHighlight{clear: both; border: 3px solid #eee; background: #fafafa; display: inline-block; }
.articleHighlightSmall{clear: both;  border: 3px solid #eee; background: #fafafa; margin-bottom: 10px; }

.articleHighlight .articleHighlightImage{ float: left; width: 180px; overflow: hidden; padding: 5px 0 5px 5px;}
.articleHighlightSmall .articleHighlightImage{float: left; width: 85px; overflow: hidden; padding: 5px 0 5px 5px;}

.articleHighlightContent{color: #333333; }
.articleHighlight .articleHighlightContent{float: left; width: 397px; padding-left: 10px; padding-top: 3px; font-size: 1.1em;}
.articleHighlightSmall .articleHighlightContent{ float: left; width: 184px; padding-left: 10px; font-size: 0.9em;}

.articleHighlight h3{font-size: 1.1em; font-weight: bold; margin: 5px 0 10px 0; padding: 2px 0 0.2em 5px; background: #eee; color: #000; border: 1px solid #ccc;}
.articleHighlightSmall h4{font-size: 1em; font-weight: bold; margin: 5px 0 7px 0; padding: 2px 0 0.2em 5px; background: #eee; color: #000; border: 1px solid #ccc;}

.articleHighlightImage img{}
    

/*Election override styles*/
.siteBody2 { clear:both ; text-align:left ; border-bottom: 1px solid #016386; border-top: 1px solid #016386; background: #0099CC; zoom: 1; }
.siteBody2 #middle { border: 1px solid #016386 !important;}
.siteBody2 #docNavi, .highLightPA {border: 1px solid #016386;}

.siteBody2 table {border-collapse: collapse;}
.siteBody2 table td {vertical-align: top; padding: 6px;}

.election_header { margin:0 ; padding:0 ; float:left; position: absolute; top: 7px; left: 193px; width: 460px; height: 82px;}