html, body {margin:0; padding:0; height:100%; width:100%;}
body {color:#000; border:none; min-width:780px; font:normal 13px Arial, Verdana, 'Trebuchet MS'; background:#fff url(images/page_bg.jpg) repeat-x left top; text-decoration:none;}
h1, h2, h3 {margin:0; font-weight:bold; line-height:120%; font-size:110%; padding:0;}
img {border:none;}
hr {margin:0; padding:0; color:#000;}
a {text-decoration:none; font-weight:bold; outline:none;}
a:hover {text-decoration:underline;}
sub, sup {font-size:75%; line-height:1em;}
p {padding:6px 0 6px 0; margin:0;}


/* ---| LAYOUT ELEMENTS |--- */
#container {position:relative; height:100%; min-height:100%; margin-bottom:-70px; background:url(images/border.gif) repeat-y left top;}
* html #container {height:100%}
body>#container {height:auto}
html>body #container{height:auto}


/* ---| HEADER ELEMENTS |--- */
#header {height:180px;}
#header .banner {width:100%; padding-top:5px; height:80px; text-align:center;}
#header .banner .siteName {margin-top:-10px;}
#header .banner .siteName a {font-size:400%; font-weight:bold; text-decoration:none; color:#c63;}
#header .banner .siteName h1 {font-style:italic; display:inline; color:#630;}
#header .banner .siteName .name {margin:-65px 20px 0 11px;}
#header .banner .siteName .shade a {color:#333;}
#header .rail {width:100%; height:82px; padding-left:15px; background:url(images/banner.jpg) repeat-x left top;}
#header .rail img {padding:0; margin:0; border:solid 1px #fff; margin-left:-5px;}
#clearheader{height:180px;}/*needed to make room for header*/


/* ---| MENU ELEMENTS |--- */
#sidebar {float:left; width:169px; padding:2px 10px 15px 15px;}
#sidebar a {color:#333; font-size:100%; line-height:20px; font-weight:bold;}
#sidebar a.head, #sidebar a.here {text-decoration:underline; text-transform:uppercase; color:#222;}
#sidebar a:hover {text-decoration:none;}
#sidebar ol {list-style-type:circle;} 
#sidebar ul, #sidebar ol {padding:0; margin:0 ;}
#sidebar ul li {color:#030; list-style-position:inside; list-style:none; padding:0;}
#sidebar ul li ul {padding-left:15px;}
#sidebar ul li ul li {list-style-type:disc;}
#sidebar ul li ul li ul li {list-style-type:circle;}
#sidebar ul li ul li ul li a {font-weight:normal;}
#sidebar a.subhere, #sidebar a.here {font-style:italic; color:#454;}


/* ---| CONTENT ELEMENTS |--- */
#content {margin-left:194px; padding:2px 10px 15px 15px;}
* html #content {height:1%}/* combat ie 3 pixel jog */
#content h2, #content h3, #content h4 {padding:5px 0 5px 20px; color:#333;}
#content h2 {font-size:200%; margin-top:-10px;}
#content h3 {font-size:125%; text-transform:uppercase; padding-top:25px;}
#content h3:first-letter {font-weight:normal; font-size:140%;}
#content h3 a {color:#333; text-decoration:none;}
#content h3 a:hover {color:#630;}
#content h4 {font-size:115%;}
#content h4:first-letter {font-weight:normal; font-size:120%;}
#content h5 {margin:0; padding:0 0 0 20px; font-size:105%;}
#content p:first-letter {font-size:120%; font-weight:bold;}
#content p.h5, #content ul.h5 {padding-top:5px; margin-top:0;}
#content p span {font-weight:bold;}
#content span.tip {font-weight:normal; color:#030;}
#content .indented {font-weight:bold; font-style:italic; padding:0 35px 0 35px;}
#content .indented span {font-weight:normal; font-style:normal;}
#content .pageNav {text-align:right; padding-top:15px; padding-right:10px;}
#content a {color:#630; text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content .pad-left {padding-left:30px;}
#content .color, span.color {font-weight:bold; color:#630;}
#content .pageNav a {text-decoration:none;}
#content .pageNav a.here {background-color:#ccc; font-size:120%; font-weight:normal;}
#content table {border:none; width:100%;}
#content table tr td {vertical-align:top; width:33%;}
#content ul li {margin-right:30px;}
#content table ul li {text-transform:uppercase; list-style-type:none;}
#content table ul li ul li {text-transform:capitalize; list-style-type:disc;}
#content .note {color:#f00; padding:5px; background:#ddd; margin:0 10px 0 10px; border-bottom:solid 10px #fff;}
#content .note:first-letter {font-size:120%}


/* BODY IMAGE ELEMENTS */
#content .rightImage, .leftImage {text-align:center;}
#content .rightImage span, .leftImage span {font-size:75%;}
#content .leftImage {padding-right:10px; float:left;}
#content .rightImage {padding-left:10px; float:right;}


/* FOOT ELEMENTS */
#clearfooter{clear:both;height:70px;}/*needed to make room for footer*/
#footer {position:relative; height:70px; background:url(images/grass.gif) repeat-x left bottom; clear:both; font-weight:bold;}
#footer .nav {position:absolute; width:100%; text-align:center; bottom:0;}
#footer .nav .links a {color:#630; font-size:80%; font-weight:normal; padding:10px 10px 2px 10px;}
#footer .nav .links a:hover {background:#fff; color:#030;}
#footer .nav .copyrite {color:#000; font-size:10px; line-height:20px; text-align:center;}
#footer .nav .copyrite a {color:#000;}
#footer .nav .copyrite a:hover {text-decoration:none;}