/*----------------------------------------------
Switzerland County Website Stylesheet
Media Type: screen
URL: n/a
Author: BitWise Solutions Inc. - Bryan Kohlmeier
Last Updated: March 06, 2005
----------------------------------------------*/

/* =universal - Set everything to square 1
----------------------------------------------*/
* {margin: 0px; padding: 0px;}
body {text-align: center;background: #0072BC url(../images/glow.jpg) no-repeat top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: medium; padding-bottom: 10px;}
div#container {width: 766px; text-align: left; margin-right: auto; margin-left: auto;}



/* =heading  - Top of website
----------------------------------------------*/



/* =headers  - The header tags
----------------------------------------------*/
div#top {padding-bottom: 10px;}
div#top h1 {padding-left: 25px; width: 220px; float: left; margin-top: 10px;}
div#top h1 span {display: none;}
div#top img {border: none;}
div#search {float: right; width: 150px; margin-top: 20px;}
div#search input.search {background: #B3D5EB; border: solid 1px #004C7E;padding: 1px; font-size: 80%; color: #015084; margin-bottom: 5px;}
div#search input.search-button {float: right;margin-right: 2px;border: none; background: url(../images/search-button.gif) no-repeat top left;width:78px; height: 11px; display: block;}
.noimage {display: none;}
div#search input.search:hover, div#search input.search:focus {background: #F0F6F9;}


/* =mainnav  - Top Navigation
----------------------------------------------*/
div#nav {width: 766px; height:33px; background: url(../images/nav-bg.jpg) no-repeat;}
div#nav ul {padding-top: 3px;}
div#nav ul li {list-style: none;float: left; height: 29px; text-indent: -9000px; margin-right: 2px;}
div#nav a {height: 29px; display: block; float: left; text-decoration: none;}
div#nav a:link, div#nav a:visited {background-position: top left;}

div#nav ul li#homelink { width: 61px; }
div#nav ul li#aboutlink { width: 92px; }
div#nav ul li#availablelink {width: 107px;}
div#nav ul li#communitylink {width: 130px;}
div#nav ul li#joblink {width: 69px;}
div#nav ul li#corporatelink {width: 147px;}
div#nav ul li#newslink {width: 52px;}
div#nav ul li#contactlink {width: 94px;}

li#homelink a {background: url(../images/home-link.gif) no-repeat; width: 61px;}
li#aboutlink a {background: url(../images/about-link.gif) no-repeat; width: 92px;}
li#availablelink a {background: url(../images/available-link.gif) no-repeat; width: 107px;}
li#communitylink a {background: url(../images/community-link.gif) no-repeat; width: 130px;}
li#joblink a {background: url(../images/job-link.gif) no-repeat; width: 69px;}
li#corporatelink a {background: url(../images/corporate-link.gif) no-repeat; width: 147px;}
li#newslink a {background: url(../images/news-link.gif) no-repeat; width: 52px;}
li#contactlink a {background: url(../images/contact-link.gif) no-repeat; width: 94px;}
div#nav li a.active {background-position: left bottom !important;cursor: auto;}

li#homelink a:hover, li#aboutlink a:hover, li#availablelink a:hover, li#communitylink a:hover, li#joblink a:hover, li#corporatelink a:hover, li#newslink a:hover, li#contactlink a:hover {background-position: bottom left;}



/* =sidenav  - Side Navigation
----------------------------------------------*/



/* =links  - Link styles
----------------------------------------------*/



/* =content  - Main Content styles
----------------------------------------------*/
div#contentcontain {background: url(../images/site-bg.gif) repeat-y; color: #333333;}
div#contentint {background: url(../images/site-bg-int.gif) repeat-y; color: #333333;}
div#contentcontain p {margin-top: 15px; margin-bottom: 15px;}

div#homeflash-left {width: 271px; height: 261px; float: left;}
div#homeflash-right {background: url(../images/home-flash-01.jpg) no-repeat; width: 495px; height: 261px; float: left;}

div#homecontent {float: left; width: 505px; padding-top: 10px;padding-left: 10px; margin-bottom: 20px;}
div#homecontent-top {background: url(../images/home-whitetop.gif) no-repeat; height: 12px;overflow:hidden;}
div#homecontent-middle {background: #fff; padding: 0px 10px 10px 10px; font-size: 70%; line-height: 19px;}
div#homecontent-bottom {background: url(../images/home-whitebottom.gif) no-repeat; height: 12px;}

/*Interior white box*/
div#intcontent {float: left; width: 559px; margin-left: 15px;}
div#intcontent-top {background: url(../images/int-whitetop.gif) no-repeat; height: 15px;overflow:hidden;}
div#intcontent-middle {background: #fff; padding: 0px 10px 10px 10px; font-size: 70%; line-height: 19px;}
div#intcontent-bottom {background: url(../images/int-whitebottom.gif) no-repeat; height: 15px;}

div#contentcontain h2 {color: #0077BD; font-size: 120%; font-weight: bold; margin-bottom: 10px;}
div#contentcontain h3 {color: #03426B; font-size: 120%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}

div#contentcontain ul {margin-left: 25px;}
div#contentcontain ul li {list-style: none; padding-left: 15px; background: url(../images/greenarrow.gif) no-repeat; padding-top: 1px; padding-bottom: 1px;}
div#contentcontain ul li {background-position: 0px 6px !important; background-position: 0px 7px;}

div#homemap {float: left; width: 229px; height: 222px; margin-left: 10px; margin-top: 10px;}
div#homemap-int {}
div#homemap h3 {color: #fff; font-size: 90%; margin-left: 10px; margin-top: 10px;}

div#subnavwrap {padding-left: 7px;}
div#subnav {min-height: 200px !important;width: 171px; float: left; background: url(../images/subnav-bg.jpg) no-repeat top left;font-size: 75%; position: relative; margin-top: -115px;}
* html div#subnav {height: 200px;}
div#subnav ul {margin-left: 15px; margin-top: 20px; position: relative;}
div#subnav ul li {background: url(../images/sub-bullet.gif) no-repeat 0px 6px; padding: 3px 5px 3px 18px; font-weight: bold;}
div#subnav ul li ul {margin-top: 10px; margin-left: 0px;}
div#subnav ul li ul li {background: url(../images/arrow.gif) no-repeat 0px 8px !important; padding: 2px 2px 2px 8px; font-weight: normal; font-size: 90%;}
div#int-header {width: 766px; height: 131px;}





/* =links  - Link styles
----------------------------------------------*/

div#contentcontain a:link, div#contentcontain a:visited {color: #0077BD;}
div#contentcontain a:hover {color: #003B5E;}




/* =misc - Miscellaneous styles
----------------------------------------------*/
.clear {clear: both;}
.print {display: none;}
.nc {color: red;}
.complete {color: green;}
.progress {color: #BD7800;}
.warning {color:red;}
.error {padding: 10px; background: #fff url(http://dev2.bitwisesolutions.com/woods/images/error.jpg) no-repeat 10px 20px; border: solid 1px #AB9A71;}
.warn {font-weight: bold; color: #990000; padding: 10px 10px 30px 75px; border-bottom: dashed 1px #eee;}


table.table {margin-right: auto; margin-left: auto; width: 400px; border-collapse: collapse;border-top: solid 2px #E6E6E6; border-bottom: solid 2px #E6E6E6; background: #FFFFF3;}
table.table td {vertical-align: top; padding: 3px; border: solid 1px #ECECCB; }

/* =footer  - Footer Styles
----------------------------------------------*/
div#footer {width: 776px; margin-right: auto; margin-left: auto;background: url(../images/site-bottom.gif) no-repeat top center; padding-top: 20px; color: #fff; font-size: 80%; text-align: center;}
div#footer a:link, div#footer a:visited {color: #fff; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}