// site-wide style

body {background-color: #fff;}

div.clearer {clear: left; line-height: 0; height: 0;}

#top {background: #fff; height: 16px;}

h1#title {font: 40px 'Trebuchet MS', arial, sans-serif; color: #00B803; margin: 0 0 0 23px;}

#title_sub {font-size: 13px;}

ul#topnav {list-style-type: none; margin: 0 0 0 23px; padding: 13px 0 0 10px; background: #eee; height: 30px; border-left: 3px solid #00B803;}
	
ul#topnav li {float: left; margin: 0 20px 0 0; padding: 0px; font: 13px verdana, arial, sans-serif;}

ul#topnav li#currenttop {text-decoration: none; color:  #00B803; border-bottom: 3px solid #ccc; margin-bottom:  1px;}

ul#topnav a {text-decoration: none; color: #00B803; border-bottom: 3px solid #eee; margin-bottom: 1px;}

ul#topnav a:hover {text-decoration: none; border-bottom: 3px solid #ccc; margin-bottom: 1px;}

ul {font: 11px verdana, arial, sans-serif; color: #444; padding-left: 30px;}

li {padding-bottom: 10px;}

#container {width: 610px; margin: 10px 0 0 23px; background: transparent;}

#content {float: left; width: 380px; margin: 0; padding: 0; background: transparent;}

#sidebar {float: left; width: 165px; margin: 0 30px 0 0; padding: 16px; background: #eee; border-left: 3px solid #00B803;}

h2 {font: 15px verdana, arial, sans-serif; color: #fff; font-weight: bold; background-color: #888; padding: 5px; margin-top: 23px;}

p {font: 11px verdana, arial, sans-serif; color: #444; line-height: 130%;}

blockquote {font: 11px verdana, arial, sans-serif; color: #444; font-style: italic; padding-right: 10px;}

a {text-decoration: none; color: #00B803;}

a:hover {text-decoration: none; color: #C0008F;}

a.anchor {color: inherit; text-decoration: none; border: none; padding: 0;}

img.video {border-top: 5px solid #00B803; border-bottom: 5px solid #00B803; margin-top: 10px;}

a:hover img.video {border-top: 5px solid #C0008F; border-bottom: 5px solid #C0008F;}

img {border-top: 5px solid #AEFFAD; border-bottom: 5px solid #AEFFAD; margin: 10px 0 10px 0;}

a:hover img {border-top: 5px solid #FF94DB; border-bottom: 5px solid #FF94DB;}

img.exception {border: none;}

a:hover img.exception {border:none;}

p#footer {font: 10px verdana, arial, sans-serif; color: #444; border-top: 1px solid #ccc; margin: 30px 0 30px 0; padding: 10px 0 0 0;}

p#footer_front {font: 10px verdana, arial, sans-serif; color: #444; border-top: 1px solid #ccc; margin: 30px 0 30px 0; padding: 10px 0 0 0; text-align: center;}

p.nextpage {font: 15px verdana, arial, sans-serif; color: #444; text-align: right;}

#sidebar p {font: 11px verdana, arial, sans-serif; color: #000; margin: 3px 0 15px 0; padding-left: 10px;}

#sidebar h3 {font: 13px verdana, arial, sans-serif; font-weight: bold; margin:  0 0 30px 0; color: #777;}

#sidebar a {text-decoration: none; border-left: 3px solid #eee; padding-left: 3px;color: #23A800;}

#sidebar a:hover {text-decoration: none; border-left: 3px solid #ccc;}

#sidebar a#currentpage {text-decoration: none; border-left: 3px solid #ccc; color: #777;}

#content .creditname {font-weight: bold;}

// special cases in the content section

.caption {font: 10px verdana, arial, sans-serif; color: #000; font-style: italic;}

.note {font-style: italic;}

.pullquote {font: 14px verdana, arial, sans-serif; color: #111; margin: 10px 0px 10px 0px; padding: 5px 20px 5px 20px;line-height: 20px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc;}

hr {border: 0; width: 100%; color: #ddd; background-color: #ddd; height: 10px;}