@charset "UTF-8"; /* CSS Document */

body, caption, table, th, td, input, textarea, select, option, legend, fieldset {font: 100% Verdana, sans-serif;}
body {color: #000; background: #FFF; text-align: center; margin: 1em 0; padding: 0;}
h1 {font-size: 1.3em; margin: 0 0 .5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
p {margin: 0 0 1em;}
img {border: none;}
li {margin: 5px;}
#mainmenucontainer li {margin: 0;}
hr {color: #CCC; background: #CCC; height: 1px; border: none; clear: both;}
#page {font: 75%/1.25 Verdana, sans-serif; text-align: left; width: 770px; margin: 0 auto;}
#topmenu {float: left; width: 390px; margin: 0 20px 0 0; padding: 0;}
#topmenu li {display: inline; margin: 0 .75em 0 0;}
#topmenu li#first {display: none;} 
#topmenu a {display: inline-block;}
#weather {width: 360px; text-align: right; float: right;}
#weather h2 {font-size: 100%; float: left; margin: 0;}
#weather .date {display: inline-block;}
#weather form {margin: 0;}
#weather label {float: left; margin-top: .9em;}
#weather select {width: 240px; margin: .75em 5px 0;}
#logo {float: left; width: 325px; margin-top: 3em;}
#handpicked {float: left; margin-top: 5em; width: 140px; text-align: center;}
#handpicked a:link, #handpicked a:visited {display: block;}
#searchbox {float: right; width: 275px; margin: 2em 0 0 30px;}
#searchbox h2 {font-size: 100%; margin: 0 0 .75em; padding: 0;}
#searchform {text-align: right; margin: 0;}
.searchfield {width: 200px; float: left;}
#searchform a {display: inline-block; margin-top: .5em;}
#breadcrumbs {clear: both; padding: .5em 0 .75em; margin-bottom: .75em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#breadcrumbs h2 {font-size: 1em; display: inline; margin: 0 .5em 0 0;}
#breadcrumbs ul {display: inline; margin: 0; padding: 0;}
#breadcrumbs li {display: inline;}
#breadcrumbs a {display: inline-block;}

#mainmenucontainer {float: left; width: 210px; margin-right: -210px; margin-top: .5em;}
/* mainmenu level 1+ */
.mainmenu {width: 190px; margin: 0; padding: 0;}
.mainmenu li {list-style: none; display: inline;}
.mainmenu li#first {display: none;}
.mainmenu .act, .mainmenu .actifsub {font-weight: bold;}
.mainmenu a:link, .mainmenu a:visited {color: #FFF; text-decoration: none; background-repeat: no-repeat; display: inline-block; padding: .583em 20px .583em 10px;}
.mainmenu a:link, .mainmenu a:visited {display: block;}
.mainmenu a:hover {text-decoration: underline;}
#menu1a_7 a:link, #menu1a_7 a:visited {background-color: #B52200;}
#menu1a_6 a:link, #menu1a_6 a:visited {background-color: #06576D;}
#menu1a_5 a:link, #menu1a_5 a:visited {background-color: #108100;}
#menu1a_4 a:link, #menu1a_4 a:visited {background-color: #4E1800;}
#menu1a_3 a:link, #menu1a_3 a:visited {background-color: #646E00;}
#menu1a_21 a:link, #menu1a_21 a:visited {background-color: #B20028;}
/* menu level 2+ */
#left {display: inline;}
.mainmenu ul {/* font-size: 87.5%;*/ font-weight: normal; margin: 0; padding: 0}
#mainmenu ul {padding-bottom: .25em;}
#menu1a_7 li a:link, #menu1a_7 li a:visited {color: #B52200; background-color: #FFF}
#menu1a_6 li a:link, #menu1a_6 li a:visited {color: #06576D; background-color: #FFF}
#menu1a_5 li a:link, #menu1a_5 li a:visited {color: #108100; background-color: #FFF}
#menu1a_4 li a:link, #menu1a_4 li a:visited {color: #4E1800; background-color: #FFF}
#menu1a_3 li a:link, #menu1a_3 li a:visited {color: #646E00; background-color: #FFF}
#menu1a_21 li a:link, #menu1a_21 li a:visited, .blog #articles a:link, .blog #articles a:visited, .blog #archive a:link, .blog #archive a:visited {color: #B20028; background-color: #FFF}
.mainmenu li .ifsub a:link, .mainmenu li .ifsub a:visited {background-position: 175px .83em;}
.mainmenu li .actifsub a:link, .mainmenu li .actifsub a:visited, .mainmenu li .ifsub a:hover {background-position: -10px .83em;}
#menu1a_7 li.ifsub a:link, #menu1a_7 li.ifsub a:visited, #menu1a_7 li.actifsub a:link, #menu1a_7 li.actifsub a:visited, #menu1a_7 li.ifsub a:hover {background-image: url(images/arrow_7.gif);}
#menu1a_6 li.ifsub a:link, #menu1a_6 li.ifsub a:visited, #menu1a_6 li.actifsub a:link, #menu1a_6 li.actifsub a:visited, #menu1a_6 li.ifsub a:hover {background-image: url(images/arrow_6.gif);}
#menu1a_5 li.ifsub a:link, #menu1a_5 li.ifsub a:visited, #menu1a_5 li.actifsub a:link, #menu1a_5 li.actifsub a:visited, #menu1a_5 li.ifsub a:hover {background-image: url(images/arrow_5.gif);}
#menu1a_4 li.ifsub a:link, #menu1a_4 li.ifsub a:visited, #menu1a_4 li.actifsub a:link, #menu1a_4 li.actifsub a:visited, #menu1a_4 li.ifsub a:hover {background-image: url(images/arrow_4.gif);}
#menu1a_3 li.ifsub a:link, #menu1a_3 li.ifsub a:visited, #menu1a_3 li.actifsub a:link, #menu1a_3 li.actifsub a:visited, #menu1a_3 li.ifsub a:hover {background-image: url(images/arrow_3.gif)}
#menu1a_21 li.ifsub a:link, #menu1a_21 li.ifsub a:visited, #menu1a_21 li.actifsub a:link, #menu1a_21 li.actifsub a:visited, #menu1a_21 li.ifsub a:hover {background-image: url(images/arrow_21.gif);}
/* menu level 3+ */
.mainmenu ul ul {font-size: 100%; padding-left: 10px;}
.mainmenu li .actifsub li a:link, .mainmenu li .actifsub li a:visited {background-position: 200px;}

#content {float: left; display: inline; width: 560px; margin: 0 -770px 0 210px; overflow: visible;}
/* clears float */
#fullwidth {clear: both;}
#fullwidth:after {content: " "; font-size: 0; display: block; height: 0; clear: both; visibility: hidden;}
#fullwidth {display: inline-block;}
#fullwidth {display: block;}

.forum #content h1, .forum #content h2, .forum #content h3, .forum #content h4 {color: #B52200;}
.news #content h1, .news #content h2, .news #content h3, .news #content h4 {color: #06576D;}
.about #content h1, .about #content h2, .about #content h3, .about #content h4 {color: #108100;}
.practice #content h1, .practice #content h2, .practice #content h3, .practice #content h4 {color: #4E1800;}
.resource #content h1, .resource #content h2, .resource #content h3, .resource #content h4 {color: #646E00;}
.blog #content h1, .blog #content h2, .blog #content h3, .blog #content h4 {color: #B20028;}

#bottommenu {width: 560px; margin: 2em -770px 2em 210px; padding: 1em 0 0; border-top: 1px solid #ccc;}
#bottommenu li {display: inline;}

.home #breadcrumbs {display: none;}
.home #content {width: auto; margin: 0; padding-top: .5em; clear: both;}
.home #content .section {width: 185px; height: 12.8em; float: left; margin: 0 15px 1em 0;}
.home #content>.section {height: auto; min-height: 12.8em;}
.home #blog.section, .home #forum.section {border-bottom: 1px solid #CCC;}
.home #about.section, .home #practice.section {width: 370px; margin-right: 0;}
.home #content a:link, .home #content a:visited {text-decoration: none;}
.home #content a:hover {text-decoration: underline;}
.home #content h2 {font-size: 1.083em; margin: 0;}
.home #content h2 a:link, .home #content h2 a:visited {color: #FFF; display:block; padding: .538em 10px;}
.home #blog a:link, .home #blog a:visited {color: #B20028;}
.home #forum a:link, .home #forum a:visited {color: #B52200;}
.home #about a:link, .home #about a:visited {color: #108100;}
.home #news a:link, .home #news a:visited {color: #06576D;}
.home #resource a:link, .home #resource a:visited {color: #646E00;}
.home #practice a:link, .home #practice a:visited {color: #4E1800;}
.home #blog h2 a:link, .home #blog h2 a:visited {background: #B20028;}
.home #forum h2 a:link, .home #forum h2 a:visited {background: #B52200;}
.home #about h2 a:link, .home #about h2 a:visited {background: #108100;}
.home #news h2 a:link, .home #news h2 a:visited {background: #06576D;}
.home #resource h2 a:link, .home #resource h2 a:visited {background: #646E00;}
.home #practice h2 a:link, .home #practice h2 a:visited {background: #4E1800;}
.home #blog .content, .home #forum .content  {padding: .583em 10px;}
.home #content ul {margin: .167em 0 0 0; padding: 0; list-style: none;}
.home #content li {border-bottom: 1px solid #CCC; list-style: none; padding: .417em 10px;}
.home #bottommenu {width: auto; margin: 2em 0; clear: both;}
/* .low-image, .low-textpic-image {width: 280px; background-color: #ebebeb; padding: 1em; margin: 0 0 0 1em; text-align: center;}
.low-textpic-image {float: right; clear: both;} */

div.low-images div.csi-textpic div.csi-imagewrap,
div.news-list-item div.low-images,
div.news-single-img div.low-images {float: right; clear: both;}

div.low-images div.csi-image div.csi-imagewrap p, 
div.low-images div.csi-textpic div.csi-imagewrap p,
div.news-list-item div.low-images,
div.news-single-img div.low-images {text-align: center; width: 268px; margin: 0 1em 0 1em;}

div.low-images div.csi-image div.csi-imagewrap p a, 
div.low-images div.csi-textpic div.csi-imagewrap p a,
div.news-list-item div.low-images a,
div.news-single-img div.low-images a {display: block; padding: 1em; margin: 0 0 1em 0; background-color: #ebebeb;}

div.low-images div.csi-image div.csi-imagewrap p {float: left; margin: 0 1em 1em 0;}

table.dailyTable th, table.dailyTable td {font-size: 85%; padding: 0.2em 0.1em 0.2em 0.1em; border: 1px solid #ccc;}
table.dailyTable {margin-bottom: 1em;}
td.dailyTable-symbol {display: none;}
.legendTableHeader {font-weight: bold; text-align: left;}
.restrictTable {margin: 1em 0 1em 0;}
fieldset.csc-mailform {border: 0; padding: 0; margin: 0;}
fieldset.csc-mailform label {display: block; float: left; clear: both; width: 12em; margin-top: 5px; text-align: left; font-weight: bold;}
div.csc-mailform-field {text-align: right; margin-bottom: 1em;}
fieldset.csc-mailform input, fieldset.csc-mailform select, fieldset.csc-mailform textarea {width: 30em;}
fieldset.csc-mailform input.csc-mailform-submit, fieldset.csc-mailform input.csc-mailform-check, fieldset.csc-mailform input.csc-mailform-radio {width: auto;}
p.csc-frame-frame2, p.csc-frame-frame2 {float: left; width: 280px; text-align: center; clear: both; padding: 1em; margin: 0 0 0 1em; background-color: #ebebeb; font-weight: bold;}
p.csc-frame-frame2 {float: right;}
div.home div#top {text-align: center; color: #797979;}
div.home div#top h1 {font-size: 1.5em; border-top: 1px solid #ccc; padding-top: 0.4em;}
div.home div#top h2 {font-weight: normal;  font-size: 1.25em; border-top: 1px solid #ccc; padding: 0.4em 1em 1em 1em;}
/* Miscellaneous */
#printversion-link {float: right; display: block; width: 108px; margin: 0 0 9px 20px; padding-top: 1px;}