body{ margin:0; padding:0; font-size: 100.1%; }

/*** CSS Layout based on http://webhost.bridgew.edu/etribou/layouts/skidoo_too/index.html ***/

/* generic selectors & styles */
.clear { clear:both; padding-bottom:1px; margin-bottom:-1px; /* for Gecko-based browsers */ }
.hide { display:none; }
.inside { padding:0; }

#contentcol ul, #contentcol ol, #contentcol dl 
{ margin-top:8px; margin-bottom:8px; padding-top:0; padding-bottom:0; line-height:1.35em; }
#contentcol h1, #contentcol h2, #contentcol h3, #contentcol h4, #contentcol h5, #contentcol h6
{ margin-top:8px; margin-bottom:8px; padding-top:0; padding-bottom:0; line-height:1.35em; }
h1{ color:#1d9a00; font-size:120%; display:inline; padding:0; margin:0; }
h2{ color:#014f89; font-size:110%; padding:0; margin:0; }
h3{ font-size:105%; }
h4{ font-size:100%; }
h5{ font-size:100%; }
h6{ font-size:90%; }
ol li{ padding-top: 3px; }
ul li{ padding-top: 3px; }
#contentcol p{ margin:0 0 15px 0; padding:0; line-height:1.35em }

a{ color:#1d9a00; }
form{ padding:0; margin:0; }
label{ cursor:pointer; }
table{ font-size:100%; }
td, th{ vertical-align:top; }

/* core layout of the page */
html, body{ background:#e3f1f9; color:#000; font-family: verdana, arial, helvetica, sans-serif; }
#container{ border: 0; width: 100%; }
#outercol{ border-left: solid 180px  #fff; border-right: solid 200px #fff; background-color: #fff; } /* reserves space for the left and right columns. */
#innercol{ border: 0; width: 100%; z-index: 1; }
#leftcol, #contentcol, #rightcol, * html #SOWrap{ overflow: visible; /* fix for IE italics bug */ position: relative; /* fix some rendering issues */ }
#SOWrap{ float: left; margin: 0; width: 100%; z-index: 3; }
#contentcol{ float: right; margin: 0; width: 100%; z-index: 5; }
#contentcol div.inside { padding:0 20px; margin-top:15px;  }	
#leftcol{ float: left; margin: 0 0 0 -180px; width: 180px; z-index: 4; }
#rightcol { float: right; width: 200px; margin:15px -200px 0 0; z-index: 2; background:#fff; }
#container{ font-size: 75%; font-family:verdana,arial,sans-serif; /* default font size */ }

/* header */
#header{ height:8.15em; margin:0; padding:0; background:#fff; color:#014f89; position:relative }
#header div{ position:absolute; top:0; right:0}
#header p#heading{ position:relative; width:14em; font-weight:bold; text-transform:uppercase; font-size:130%; margin:0 0 0 140px; height:2.4em; 
padding:24px 0 0 0; color:#014f89; display:block; }
#header p#heading a:hover{ background-color:transparent; }
#header p#heading a{ z-index:1; color:#fff; position:absolute; top:24px; left:0; min-width:207px; width:14em; min-height:35px; height:2.6em; padding:0;
background:url(images/rveeh.gif) no-repeat 0 0 transparent; border:0; }
#header p#heading a:hover,h1 a:focus,h1 a:active{ background-image: url(images/rveeh.gif) ; }
#header p{ position:relative; width:22.3em; font-weight:normal; height:1.5em; font-size:90%; margin:5px 0 0 140px; padding:0; color:#014f89; }
#header img#logo{ position:absolute; top:14px; left: 22px; }

/* horizontal navigation */
#topnav{ clear:both; background:url(images/topnav-curve.gif) no-repeat 0 0 #014f89; margin:0; padding:0 0 0 89px; height:2.6em; border:0; }
#topnav ul{ background:url(images/topnav-bg.gif) repeat-x top #014f89; margin:0 0 0 89px; padding:0 0 2.6em 0; }
#topnav ul li{ float:left; list-style:none; padding:8px 11px 9px 11px; background:url(images/topnav-bg.gif) repeat-x top #014f89; 
border-right:1px dashed #5897c0; color:#fff; font-weight:bold; }
#topnav ul li#first{ border-left:1px dashed #5897c0; }
#topnav ul li.on{ background:url(images/topnav-on.gif) repeat-x top #001f53; }
#topnav ul li a{ color:#fff; text-decoration:none; }
#topnav ul li a:hover{ text-decoration:underline; }
#topnav ul li#search{ padding:8px 0 4px 3px; border-right:0; width:21.3em; font-size:100%; }
#topnav ul li input.search-input{ font:100% verdana,arial,sans-serif; margin:-2px 0 0 0; background:#d1e5f0; vertical-align: top ; border:1px solid #005484; } 
#topnav ul li input{ margin:-1px 0 0 0;  } 

/* left column */
#leftnav{ margin:1px 0 0 1px; background:url(images/leftnav-top.gif) no-repeat right top #fff; padding-top:4px; width:179px }
#leftnav ul{ background:url(images/leftnav-bg.gif) repeat-x #659d34; margin:0; padding:6px 0 0 0; width:179px }
#leftnav ul li{ border-bottom:1px dashed #9ed75a; margin:0 12px; padding:7px 0 8px 0; list-style:none; }
#leftnav ul li#last{ border-bottom:0; padding-bottom:13px; }
#leftnav ul li a{ color:#fff; font-weight:bold; text-decoration:none; background:url(images/leftnav-arrow.gif) no-repeat 0 4px; 
display:block; padding-left:11px; }
#leftnav ul li a:hover{ text-decoration:underline; }
 /* 2nd level */
#leftnav ul li ul{ background:none; margin:0; padding:3px 0 0 0; width:auto; font-size:90% }
#leftnav ul li ul li{ border-bottom:0; margin:0 0 0 8px; padding:0 0 2px 0; list-style:none; }
#leftnav ul li ul li a{ font-weight:normal; background:url(images/leftnav-dot.gif) no-repeat 0 3px; padding-left:10px; }
#leftnav ul li ul li a#active{ font-weight:bold; background:url(images/leftnav-doton.gif) no-repeat 0 3px; }
 /* 3rd level */
#leftnav ul li ul li ul{ font-size:100%; }
#leftnav ul li ul li ul li{ border-bottom:0; margin:0 0 0 10px; padding:0 0 2px 0; list-style:none; }
#leftnav ul li ul li ul li a{ font-weight:normal; background:url(images/leftnav-dash.gif) no-repeat 0 6px; padding-left:10px; }
#leftnav ul li ul li ul li a#active{ font-weight:bold; background:url(images/leftnav-dash.gif) no-repeat 0 6px; padding-left:10px; }
 /* 4th level */
#leftnav ul li ul li ul li ul li a{ background:none; }
#leftnav ul li ul li ul li ul li a#active{ font-weight:bold; background:none; }

#leftnav p#leftlink1 { position:relative; background:url(images/leftnav-btm.gif) no-repeat right top #b0d3e8; margin:0 0 1px 0; padding:13px 0 8px 0}
#leftnav p#leftlink2 { position:relative; background:url(images/leftbox-btm.gif) no-repeat right bottom #b0d3e8; margin:0; padding:7px 0 8px 0 }
#leftnav p#leftlink1 img{ position:absolute; left:7px; top:13px; }
#leftnav p#leftlink2 img{ position:absolute; left:7px; top:7px; }
#leftnav p a{ display:block; color:#003366; text-decoration:none; font-size:90%; padding-left:40px  }
#leftnav p a strong{ font-size:110%; display:block; margin-bottom:2px; }
#leftnav p a:hover{ text-decoration:underline; }

#leftnav div#address { margin-top:17px; padding:10px 10px 10px 30px; background:url(images/address-frame.gif) no-repeat top right; font-size:90%; 
text-align:right }

/* right column */
#rightcol ul{ background:#ddedf7; margin:0 20px 10px 0; padding:2px 0 7px 0; width:180px; list-style:none; }
#rightcol ul li{ padding:4px 2px 0 17px; margin:0; background:url(images/arrow-right.gif) no-repeat 7px 8px }
#rightcol ul li a{ color:#005ca0; text-decoration:none; }
#rightcol ul li a:hover{ text-decoration:underline; }
#rightcol p{ color:#002346; margin:0 0 4px 4px; padding:0; }
#rightcol p strong{ background:url(images/arrow-down.gif) no-repeat right 5px; padding-right:15px; }

/* news box */
#news { clear:both; width:100%; background:url(images/news-bg.gif) repeat-x #2b72a9; }
#news h2{ color:#fff; margin:0; padding:3px 13px; background:url(images/news-rght.gif) no-repeat right top; }
#news ul{ margin:0; padding:8px 13px; list-style:none; border:1px solid #bdd8e7; background:#fff }
#news ul li{ margin:0; padding:0 0 8px 0; }
#news ul li a{ color:#0067a3; }
#news ul li strong{ color:#003366; }

/* donation box */
#donate{ background:url(images/donate-bg.gif) repeat-x top #fbe1b5; padding:1px 0 0 0; margin-top:15px; position:relative }
#donate div{ background:url(images/bow.gif) no-repeat top right transparent; padding:0 15px; }
#donate h2{ padding:10px 0 0 0; margin:0px 0 5px 0; color:#002346; }
#donate h2 a{ text-decoration:none; }
#donate h2 a:hover{ text-decoration:underline; }
#donate a{ color:#014f89; }
#donate p{ margin:0; padding:0 40px 14px 0; line-height:1.2em; }

/* footer */
#footer{ border:0; padding:0; background:url(images/footer-bg.gif) repeat-x top #e3f1f9; color:#00639d; border-top:20px solid #fff; text-align:center; }
#footer.inside { font-size:90%; }
#footer p{ margin:0; padding:10px 10px }
#footer a{ color:#00639d; text-decoration:none; padding:0 8px }
#footer a:hover{ text-decoration:underline }
#footer a.credit{ color:#8fa7ba; }

/******************************************************************************/

