/* www.SalamanderInteractive.net */

/* STRUCTURE ---------------------------------------------- */
body { font: 1.1em times, serif; margin: 0px; padding: 0px; text-align: center; }
* { margin: 0; padding: 0; }
.clearthis { clear:both; }
img { display: block; } /* remove whitespace from below images in Firefox and Opera */

#wrapper { width: 751px; margin: 0px auto; border: 0px; height: auto; background-color: #FFF; padding: 3px 0 0 0; }
#topline { width: 751px; text-align: right; margin: 0px -9px; padding: 2px 0px; font: .8em times, serif; color: #000; position: relative; }
#title { width: 751px; height: 50px; margin: 3px 0px 0px 0px; position: relative; border-top: 1px solid #00853E; border-bottom: 1px solid #00853E; }
#navcontainer { width: 751px; margin: 2px auto; padding: 3px 0px; background:#FC3; font: .9em times, serif; position: relative; }
#slogan { width: 751px; height: 57px; margin: 0px auto; position: relative; border-top: 1px solid #00853E; }

/* bottom ----------------------- */
#bannerwrapper { width: 729px; height: auto; background-color: #FFF; margin: 0px auto; padding: 5px 11px; position: relative; }
#footerlinks { width: 751px; margin: 0px auto 20px auto; padding: 20px 0px; background-color: #F1F1F1; position: relative; text-align: center; border-top: 1px solid #00853E; border-bottom: 1px solid #00853E; }
/* end STRUCTURE ---------------------------------------------- */




/* STYLE ---------------------------------------------- */
/* top line styles ----------------------- */
#topline ul { border: none; }
#topline li { margin-left: 2px; list-style-type: none; display: inline; }
#topline a { color:#00853E; text-decoration: none; padding: 2px 3px; }
#topline a:hover { color:#FC3; text-decoration: underline; }
#topline a:active { color:#FFF; text-decoration: none; background: #00853E; }

/* title and slogan styles ----------------------- */
#title img { margin: 0px; }
#slogan img { margin: 0px; }

/* navbar styles ----------------------- */
#navcontainer ul { list-style-type: none; text-align: center; padding: 0; position: relative; }
#navcontainer li { display: inline; text-align: center; margin: 0 1px; }
#navcontainer li a { padding: 3px 7px; color: #00853E; text-decoration: none; border-left: 1px solid #FC3; border-right: 1px solid #FC3; }
#navcontainer li a:hover { color: #FFF; background-color: #00853E; border-left: 1px solid #00853E; border-right: 1px solid #00853E; }
#navcontainer li a:active { color: #00853E; background-color: #FFF; border-left: 1px solid #00853E; border-right: 1px solid #00853E; }
#navbullet { background-image: url("/interface/header/nav-bullet.gif"); background-repeat: no-repeat; }

/* banner styles ----------------------- */
#banner { width: 172px; float: left; padding: 5px; background-color: #FFF; }
#banner p { font: .7em times, serif; text-align: center; }
#banner img { float: center; margin: 2px; }
#banner a { color: #00853E; text-decoration: none; }
#banner a:hover { color: #FC3; text-decoration: underline; }
#banner a:active { color: #00853E; text-decoration: none; }

/* footer styles ----------------------- */
#footerlinks hr { width: 555px; height: 1px; margin: 7px auto; text-align: center; }
#footerlinks p { margin: 0px auto; text-align: center; font: .7em times, serif; line-height: 1em; color: #000; }
#footerlinks a { padding: 2px 5px; color: #00853E; text-decoration: none; }
#footerlinks a:hover { color: #FFF; background-color: #00853E; text-decoration: none; }
#footerlinks a:active { color: #00853E; background-color: #FC3; text-decoration: none; }
/* end STYLE ---------------------------------------------- */