body {text-align: center; margin: 0px; font: 11px verdana, arial, helvetica; color: #000000; background-color: #453f2a;}
#container {width: 770px; margin: 0 auto; background-color: #c4b78d; background-image: url(../images/back_container.jpg); padding-bottom: 30px;}
#topnav {background-color: #69624E; border: 1px solid #69624E; background-image: url(../images/back_topnav.jpg); height: 25px;}
#topnav ul {list-style-type: none; margin: 0 auto; padding: 0px;}
#topnav li {float: left; }
#topnav a {color: #ffffff; text-decoration: none; }
#topnav a div {padding: 5px 10px; }
#topnav a:hover {background-color: white; color: black;}
#topnav a:hover div {background-color: white; color: black;}

#logo {width: 260px; float: left; margin-left: 25px; margin-top: 10px;}
#slogan {width: 352px; float: right; margin-right: 25px;}
#page {width: 720px; background-image: url(../images/back_content.jpg); background-repeat: repeat-y; background-color: #ece5cd; border: 2px solid #958c6c; margin: 0px auto 10px auto;}
#leftnavcol {width: 200px; float: left;}	
#leftnav {margin: 6px 6px; width: 187px; background-image: url(../images/back_leftnav_bottom.jpg); background-repeat: no-repeat; background-position: bottom; background-color: #47412b; text-align: left;}	
#leftnavhead {width: 187px; background-image: url(../images/back_leftnav_top.jpg); background-repeat: no-repeat; }	

#leftnav ul {list-style-type: none; margin: 160px 0px 0px 0px; padding: 0px;}
#leftnav li {position: relative; top: -13px;}
#leftnav a {color: #ffffff; text-decoration: none;}
#leftnav a div {padding: 4px 12px; }
#leftnav a:hover {background-color: #9dc9ca; color: #453f2a;}
#leftnav a:hover div {background-color: #9dc9ca; color: #453f2a;}
#leftnav .public {color: #ffffff; margin: 0 10px; font-size: 9px;}

#content {width: 503px; margin-left: 210px; text-align: left;}	

#plugins {width: 700px; font-size: 9px; text-align: left; line-height: 10px; margin: 0 auto;}
#plugins-links {float: left; margin-right: 10px; margin-top: 2px;}

.title {margin-top: 30px;}
.subtitle {margin-top: 30px;}

form.login {display: block; margin-top: 10px; background-color: #9dc9ca; width: 90%; border: 1px solid black; margin: 0 auto;}
form.login div {padding: 5px 10px;}

a {color: #69624e;}
a:hover {color: #000000; text-decoration: none;}
div.hideme {position: relative; left: -1000px;}
div.clear {clear: both;}
p {margin: 5px 5px 10px 10px;}
p.intro {margin: 5px 5px 10px 10px; font-style: italic; font-size: 13px;}
img {border: none;}

h4 {font-size: 18px; font-style: italic; font-weight: normal; margin: 0 5px; color: #453F2A;}
ul.page {list-style-type: none; font-weight: bold;}
ul.page li {font-size: 16px;}
ul.link {list-style-type: square; font-weight: normal;}
ul.link li {font-size: 13px;}
ul.page p {font-size: 10px; font-weight: normal; padding-right: 20px;}

.firstLetter {font-size: 18px; margin-top: 15px;}
#alphabetNav {margin-bottom: 40px;}
#alphabetNav a {display: block; padding: 2px; border: 1px solid black; background-color: #bfccc5; float: left; text-decoration: none; margin-right: 5px; color: black;}