/*       |=== CSS COPYRIGHT DAN FOX (danfoxdesign.co.uk) ===|             */

    /* general */
html {overflow:scroll;overflow-x:hidden;}
body{background:#ddd;margin:0;padding:0;font:90% "Trebuchet MS";}
div#container{position:relative;width:60em;z-index:2;border:1px solid #a00;top:1em;margin: 0 auto 2em auto;padding-top:10em;max-width:98%;color:#444;background:#fff url('mbg.png') no-repeat center 0.5em ;}
div#skiplinks {position:absolute;top:-1000px;left:-10000px;}

    /* header */
div#header{background:#fff url('hbg3.png') no-repeat center 0.5em ;margin-top: -10em;padding:1px 0;height:10em;z-index:1;}
div#header2{margin-top:4em;}
h1 {margin:0;color:#a00;margin: 0 auto; padding:0 1%;text-align:center;}
h1 a, h1 a:visited, h1 a:hover{text-decoration:none;color:#a00;}
h1 a span {visibility:hidden;}

    /* general */
a[href^="http:"] {background:url('external.png') top right no-repeat;padding-right:14px;}
a[href^="http://www.hopeintonbridge.org"] {background:0;padding:0;}
a[href^="http://hopeintonbridge.org"] {background:0;padding:0;}
a[href$=pdf] {background:url('pdf.gif') top right no-repeat;padding-right:18px;}
a[href^=mailto] {background:url('emailicon.png') top right no-repeat;padding-right:18px;}
div#footer a {background:0;padding-right:0;}

    /* menu */
div#menu {position:absolute;top:0;z-index:3;left:0;background:#aaa;width:100%;text-align:right;font-size:105%;}
div#menu ul{margin:0;padding:0.3em 12px 0.1em 12px;}
div#menu ul li{margin: 0.3em 0em;display:inline;list-style:none;}
div#menu ul li a{text-transform:lowercase;padding:0.1em 0.4em 0.1em 0.4em;text-decoration:none;color:#ddd;}
div#menu ul li a:hover {color:#a00;background:#bbb;}
div#menu ul li a:active {color:#a00;background:#ccc;}
div#menu ul li.c a{background:#fff;color:#a00;}


    /* main */
div#main {padding:1%;width:73%;float:left;border-top:1px solid #fff;z-index: 5;line-height:1.3em;}
div#main.full {width:98%;}
div#main h2{border-bottom:1px solid #acacac;font-size:120%;margin:1em 0 1em 0;color:#000;}
div#main h3{font-size:110%;margin:1.5em 0 0 0;border-bottom:1px solid #ccc;}
div#main a, div#main a:visited{color:#00e;text-decoration:underline;}
div#main a:hover{color:#a00;}
div#main p {padding:0;margin:0.4em 0 0.6em 0;}
div#main span.mceEditorContainer a:hover{margin:0;font-weight:normal;}
/*div#main td,div#main th{border-bottom: 1px solid #ccc;}*/
div#main table.hoverable tr:hover td{background:#ddd;}
div#main th {text-align:left;background:#eee;}
div#main div.graph {background:#ccc;height:1em;border:1px solid #bbb;float:right;cursor:help;}
div#main table.hoverable tr:hover div.graph {border-color:#000;}

    /* sidebar */
div#sidebar {padding:1%;width:23%;float:right;border-top:1px solid #fff;z-index: 5;margin-left:-1px;overflow:hidden;}
div#sidebar h2{border-bottom:1px solid #bbb;font-size:110%;margin:1.35em 0 0 0;}
div#sidebar h3{font-size:105%;margin:1em 0 -0.4em 0;}
div#sidebar ul{padding: 0 0 0 11%;margin-left:0;}
div#sidebar li{list-style:circle;}
div#sidebar a,div#sidebar a:visited {color:#00a;}
div#sidebar a:hover {color:#a00;}

    /* footer */
div#footer {clear:both;background:#aaa;padding:0.1em 1em;margin-bottom:-1px;text-align:right;color:#ddd;font-size:90%;border-bottom:1px solid #a00;}
div#footer span{float:left;margin-top:-0.2em;}
div#footer a, div#footer a:visited{color:#ddd;text-decoration:underline;}
div#footer a:hover{color:#a00;}

    /* corners */
div.tl,div.tr,div.bl,div.br{height:12px;width:12px;margin:0;border:0;position:absolute;background:url('c.png');z-index:10;font-size:10%;}
div.tl{top:-1px;left:-1px;background-position:0 0;}
div.tr{top:-1px;right:-1px;background-position:-12px 0;}
div.bl{bottom:-1px;left:-1px;background-position:0 -12px;}
div.br{bottom:-1px;right:-1px;background-position:-12px -12px;}

    /* print stuff */
@media print {
body{margin:-4em 0 0 0;padding:0;}
div#container {width:100%;border:0;margin:0;padding:0;}
div#header {margin:0;padding:0;height:10px;}
div#main {margin:0;}
h1{padding:0;margin:0;}
h1 a span {visibility:visible;}
div#main h2 {border-bottom-color: #000;}
div#menu,div#footer,.noprint {display:none;}
}

      /* BROWSER COMPATIBILITY  */
    /* internet explorer 7 */
*+html div#sidebar {margin-left:-2px;}
*+html a[href^=mailto] {background:0;padding:0;}

    /* internet explorer 6 */
/*\*/ * html div#sidebar {margin-left:-3px;} /**/
/*\*/ * html div#footer {height: 1.2em;} /**/
/*\*/ * html div#menu {position:relative;top:-9.65em;} /**/
/*\*/ * html div#main {margin-top:-1.9em;} /**/
/*\*/ * html div#sidebar {margin-top:-1.9em;} /**/
/*\*/ * html div.bl,* html div.br {bottom:-2px;} /**/