/* Color Glossary
black - #000000
white - #ffffff
charcoal grey - #3A3734
orange - #F78320
*/

body { margin: 5px 0px 0px 0px; padding: 0; background: #ffffff; color: #000000; font-family: verdana, helvetica, sans-serif; font-size: 11px;}

h1 { font-size: 1.5em; padding: 0px 0px 10px 0px; margin: 0; }
h2 { font-size: 1.3em; padding: 0px 0px 5px 0px; margin: 0; text-align: left;}

ul li { padding-bottom: 5px; }

div#outer { width: 100%; text-align: center;}
div#inner { width: 780px; text-align: left; margin-left: auto; margin-right: auto;}

div#header { background: url('images/snippet2.jpg') repeat-x; position: relative; height: 168px; } 
div#header div#bottomtext { position: absolute; bottom: 3px; right: 3px; color: #ffffff; font-size: 1.3em; font-style: italic; font-weight: bold; width: 200px; text-align: right;} 
div#header>div#bottomtext { bottom: 2px;}
div#header div#bottomtext2 { position: absolute; bottom: 3px; right: 3px; color: #ffffff; font-size: 1.3em; font-style: italic; font-weight: bold; width: 600px; text-align: right;} 

div#header div#toptext { position: absolute; top: 0px; right: 4px; color: #ffffff; font-size: 1.3em; font-style: italic; font-weight: bold; }
div#header div#pictures { position: absolute; top: 35px; right: 5px; }

div#menubar { background: #3A3734; color: #ffffff; width: 19%; font-family: "Tahoma", verdana, sans-serif; font-size: 1.2em;  margin: 15px 0px 0px 0px; height: 380px; float: left; position: relative; }
div#menubar img { position: absolute; bottom: 1px;}
div#menubar ul { list-style: none; margin: 0px; padding: 10px 0px 10px 15px; line-height: 1.7em;}
div#menubar a { color: #ffffff; text-decoration: none; font-weight: normal; }
div#menubar a:hover { text-decoration: underline; font-weight: normal; }

div#content { float: left; width: 56%; text-align: justify; margin: 15px 10px 0px 10px; min-height:600px; height:auto !important; height:600px;}
a, a:link, a:visited { color: #F78320; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline; }

div#widecontent { float: left; width: 78%; text-align: justify; margin: 15px 10px 0px 10px; min-height:600px;}

div#rightbar { float: right; width: 22%; margin-top: 20px;}
div#rightbar div.box { border: 1px solid #000000; margin-bottom: 15px; }
div#rightbar div.box h1 { background: #F78320; font-size: 12px; font-weight: bold; color: #ffffff; padding: 2px; text-align: center; }
div#rightbar div.box div.content { padding: 5px; margin: 0px 15px; text-align: center; }
div#rightbar div.box img { margin-top: 10px; }

div#footer { clear: both; text-align: center; }
div#map { height:400px; margin-top:0px;}