body {margin: 0px; padding:0px; background-color: #fff; color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;background-image: url("../images/2009_body_bk.jpg"); background-repeat: repeat-x; }
html {margin: 0px; padding: 0px;}
body#homepage {background-image: none;}
img {margin: 0px; padding: 0px;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
h3 {font-weight:600}
#header {position: absolute; top: 45px; left: 160px; font-family: Verdana, Arial, Helvetica, sans-serif; white-space: nowrap;}
#header h1 {margin-left: 100px; padding:0px; font-weight: 600;}
#logo {float: left; border-right: 1px solid #000;}
#bernerOrg {position: absolute; left: 170px; top: 10px;font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight:bold;}
#bernerOrg a {text-decoration: none; color:#000;}
#skip {float: right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .6em;}
#skip a {color: #333;text-decoration: none;}
#content {position: absolute; left: 180px; top: 180px; font-size: small; margin-right:2px;}
#content a{color: #000;}
#content p a{display: inline;text-decoration:none;}
#content p a:hover{border-bottom: 1px dotted #969696;}
#content img {border: none;}
#homepage #content{position: absolute; left: 160px; top: 160px;}
#wrap {width:800px;}
#twoColLeft {float:left;width:260px;}
#twoColLeft ul {margin:0px; padding:0px;}
#twoColRight {float:right; width:540px;}
#twoColRight ul {margin:0px; padding:0px;}
#twoColRight img {margin-right: 20px;}
#threeColWrap {width: 950px;}
#threeColLeft {width:300px;position:absolute; left:0px; top:60px;}
#threeColCenter {width:300px;position: absolute; left:310px; top: 60px;}
#threeColright {width:300px;position: absolute; left:620px; top: 60px;}
#fourColWrap {width: 1200px;}
#fourColFirst {width:300px;position:absolute; left:0px; top:60px;}
#fourColFirst ul {margin: 0px; padding:0px;}
#fourColSecond {width:300px;position: absolute; left:310px; top: 60px;}
#fourColSecond ul {margin: 0px; padding:0px;}
#fourColThird {width:300px;position: absolute; left:620px; top: 60px;}
#fourColThird ul {margin: 0px; padding:0px;}
#fourColFourth {width:300px;position: absolute; left:920px; top: 60px;}
#fourColFourth ul {margin: 0px; padding:0px;}
.floatRight {float: right;}
.floatLeft {float:left;}
.inline {display: inline;}
.noline {text-decoration: none;}
.inlineNoline {display: inline; text-decoration: none;}
.wide {width: 100%;}
#nav {border: 1px solid #000; border-left: 0px;position: absolute;width: 160px;	left: 0px;	top: 160px;	z-index: 100;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 125%; text-indent: .5em; z-index: 101;}
#nav ul, li, a {display: block; margin: 0; padding: 0; border: 0;}
#nav ul {width: 160px;background: #fff;	list-style: none; color: #000;}
#nav li {position: relative;padding: 1px;z-index: 9;}
#nav li.folder { }
#nav li.folderUP { }
#nav li.folder ul {position: absolute;	left: 120px;/* IE */	top: 5px;}
#nav li.folderUP ul {position: absolute;	left: 120px;/* IE */	top: -200px;}
#nav li.folderUP40 ul {position: absolute;	left: 120px;/* IE */	top: -40px;}
#nav li.folder > ul {left: 140px;}/* others */
#nav li.folderUP > ul {left: 140px;}/* others */
#nav a {padding: 1px;	border: 1px outset #fff;	text-decoration: none;	color: #000;width: 100%; background-color: #fff; height: 1%;/* IE */}
#nav li > a {width: auto;}/* others */
#nav li a.submenu { }
#nav a:hover {background-color:#f7f7f8;color: #000;border: 1px inset #fff;}
#nav li.folder a:hover {background-color: #f7f7f8; color: #000;}
#nav li.folderUP a:hover {background-color: #f7f7f8;color: #000;}
#nav li.folder:hover {z-index: 10;}
#nav li.folderUP:hover {z-index: 10;}
#nav ul ul, #nav  li:hover ul ul {display: none;}
#nav ul ul ul, #nav  li:hover ul ul ul {display: none;}
#nav li:hover ul, #nav  li:hover li:hover ul {display: block;}
/*div#nav to force csshover to apply to non-anchor divs for ie 5.5*/
div#nav ul ul, div#nav  li:hover ul ul {display: none;}
div#nav ul ul ul, div#nav  li:hover ul ul ul {display: none;}
div#nav li:hover ul, div#nav  li:hover li:hover ul {display: block; border:1px solid #000;}
div#nav li, div#nav li:hover{position: relative;}
div#nav li ul{position:absolute;top:0;left:100.1%;display:none;}
#menu {float: right; z-index: 100; margin-top: 142px;margin-right: 1px;}
#menu ul{list-style-type:none;padding:0px;margin:0;}
#menu li{float:left;position:relative;z-index:100;}
#menu table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;top:15px;}
#menu a, #menu :visited {display:block;font-size:10px;width:129px;padding:2px 0;color:#000;background:#fff;text-decoration:none;text-align:center;}
#menu a.red {display:block;font-size:10px;width:129px;padding:2px 0;color:red;background:#fff;text-decoration:none;text-align:center;border: 1px solid red;}
#menu a:hover {border: 1px inset #c6d4c3;}
#menu :hover{color:#444;background:#f7f7f8;}
#menu ul ul {visibility:hidden;position:absolute;width:129px;height:0;}
#menu ul li:hover ul,#menu ul a:hover ul{visibility:visible;}
#current {background-color: #e0edd1;cursor: default;color:#000; border: 1px inset #c6d4c3;}
#content li a:hover[href$=".pdf"] {list-style-image:url("http://www.berner.org/images/icons/pdf_content12.png");list-style-type: square; text-decoration:underline;}
#content p {margin-right: 20px;}
#content p a {color:blue}
fieldset div {margin:0;padding:0;}
fieldset div input {width: 200px;border : 1px solid #900;padding : 1px;}
fieldset div select {width: 200px;border : 1px solid #900;padding : 1px;}
.googleLegend {font-size: small; font-variant:small-caps; }
.googleSearch {margin-top:-140px; float:right; width:400px;}
.googleSearch2 {float:right; width:400px;}
.googleSearch2.input {background-color: #000;}
.up {border: 1px outset #fff;}
.poison {color: red; font-weight: bold; background-color: #f5f5ed;}
.redborder {border: solid 1px red; line-height: 1.4; padding-bottom: 2px; width: 150px;}
.small {font-size: 10px; margin:0px; padding:0px; line-height:12px;}
.red {color: #DC143C; background-color: #fff;}
.bold {font-weight: bold;}
.illus {text-align: center;}
.cent  {text-align: center;}
.marginTen {margin: 10px;}
.marginTwenty {margin: 20px;}
.marginRightTwenty {margin-right: 20px;}
.marginRightSixty{margin-right: 60px;}
div#content ul li a {line-height: 1.4; text-decoration: none;}
div#content ul li a:hover {line-height: 1.4; text-decoration: underline;}
div#content ul {list-style: none;}
.pad36left {padding-left: 36px;}
/*   jquery slider */
#javaSlide{border-bottom: 1px dotted #000; margin: 2px; padding: 4px; text-align: left; cursor: pointer;}
#javaSlide :hover{border-bottom: 1px solid #000; margin: 2px; padding: 4px; cursor: pointer;}
#javaSlideDiv {text-align: right;}
.galleryIndexTD {padding-right: 40px;position:relative;vertical-align:top;}
.borderInset {padding: 4px; border: 1px inset #fff;}
.restrained {width: 300px;}
.restrained200 {width: 200px;}
.restrained400 {width: 400px;}
.clearer {clear: both;line-height: 0;}
.wide100 {width:100px;}
.wide200 {width:200px;}
.wide300 {width:300px;}
.wide400 {width:400px;}
.wide500 {width:500px;}
.wide150 {width:150px;}
.wide250 {width:250px;}
.wide350 {width:350px;}
.wide450 {width:450px;}
.wide550 {width:550px;}
form#goog {position:relative;float:left;}
#contentNav {border: 1px solid #000; border-left: 0px;position: absolute;width: 160px;	left: 0px;	top: 160px;	z-index: 100;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 125%; text-indent: .5em; z-index: 101;}
#contentNav ul, li, a {display: block; margin: 0; padding: 0; border: 0;}
#contentNav ul {width: 160px;background: #fff;	list-style: none; color: #000;}
#contentNav li {position: relative;padding: 1px;z-index: 9;}
#contentNav li.folder { }
#contentNav li.folderUP { }
#contentNav li.folder ul {position: absolute;	left: 120px;/* IE */	top: 5px;}
#contentNav li.folderUP ul {position: absolute;	left: 120px;/* IE */	top: -200px;}
#contentNav li.folderUP40 ul {position: absolute;	left: 120px;/* IE */	top: -40px;}
#contentNav li.folder > ul {left: 140px;}/* others */
#contentNav li.folderUP > ul {left: 140px;}/* others */
#contentNav a {padding: 1px;	border: 1px outset #fff;	text-decoration: none;	color: #000;width: 100%; background-color: #fff; height: 1%;/* IE */}
#contentNav li > a {width: auto;}/* others */
#contentNav li a.submenu { }
#contentNav a:hover {background-color:#f7f7f8;color: #000;border: 1px inset #fff;}
#contentNav li.folder a:hover {background-color: #f7f7f8; color: #000;}
#contentNav li.folderUP a:hover {background-color: #f7f7f8;color: #000;}
#contentNav li.folder:hover {z-index: 10;}
#contentNav li.folderUP:hover {z-index: 10;}
#contentNav ul ul, #contentNav  li:hover ul ul {display: none;}
#contentNav ul ul ul, #contentNav  li:hover ul ul ul {display: none;}
#contentNav li:hover ul, #contentNav  li:hover li:hover ul {display: block;}
/*div#contentNav to force csshover to apply to non-anchor divs for ie 5.5*/
div#contentNav ul ul, div#contentNav  li:hover ul ul {display: none;}
div#contentNav ul ul ul, div#contentNav  li:hover ul ul ul {display: none;}
div#contentNav li:hover ul, div#contentNav  li:hover li:hover ul {display: block;}
div#contentNav li, div#contentNav li:hover{position: relative;}
div#contentNav li ul{position:absolute;top:0;left:100.1%;display:none;}

/* style the outer div to give it width */
.menu a {text-align: center; display: block; width: 100%;}
.menu {font-size: 10px;}
.menu ul {padding:0;margin:0;list-style-type:none;background-color:#fff;}

/* style the sub-level lists */
.menu ul ul {width:129px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;line-height:1.5; border: 1px inset #fff; width:129px;}
.menu ul li:hover {float:left;line-height:1.5; border: 1px outset #fff; width:129px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:129px;height:auto;position:relative;line-height:1.5;border: 1px inset #fff;  }

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:10px;text-decoration:none;color:#000;background:#fff;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background-color:#fff; color:#00a;width:129px;height:100%;line-height:1.5;}
.menu ul table ul a, .menu ul table ul a:visited  {width:129px; w\idth:129px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:10px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#fff;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#fff;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#fff;}

/* first */
.menu a:hover {color:#000;background-color:#fff;}
.menu :hover > a {color:#000;background-color:#fff;}
/* second */
.menu ul ul a:hover{color:#000;background-color:#fff;}
.menu ul ul :hover > a {color:#000;background-color:#fff;}
/* third */
.menu ul ul ul a:hover {background-color:#fff;}
.menu ul ul ul :hover > a {background-color:#fff;}
/* fourth */
.menu ul ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:1.5em;left:0;width:129px;}

/* position the third level flyout menu */
.menu ul ul ul{left:129px;top:0;width:129px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-133px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto;background-color:#fff;border: 1px inset #fff;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
.bordered {border: 1px solid #000;}