/* DEFAULTS */

* {margin: 0; padding: 0}

html {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height:140%}
body {background-color: #3f3e40; height:100%; font-size: 62.5%; margin: 2em 0; padding:.0; font-family: Verdana, Arial, Helvetica, sans-serif}
h1 {font-size:2.0em; margin:0; padding:0; font-weight:normal}
h2 {font-size:1.8em; margin:0; padding:0;}
h3 {font-size:1.4em; margin:0; padding:0;}
h4 {font-size:1.4em; margin:0; padding:0;}
p {font-size:1.2em; margin: 10px 0; padding:0;}

ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0; list-style: none;}
img {border:0; margin:0; padding:0;}

a { text-decoration: none; outline: none; }



/* FORMATTING */

.green { color: #8cc63f; }
.orange { color: #ff8400; }
#accountlinks { height: 2.1em; width: 150px; position: relative; top: -10px; }
#accountlinks a, #accountlinks a:visited, #accountlinks a:active { display: block; margin: 6px 0 0 0; padding: 0; color: #fff; font-size: 1.2em; }
#accountlinks a:hover { color: #8cc63f; font-size: 1.2em; }
.searchlabel { color: #fff; font-size: 1.2em; position: relative; top: -2px; }
#advancedsearch { padding-top: 3px; !position: relative; !z-index: 10000; } /* IE 7 */
#advancedsearch a, #advancedsearch a:visited, #advancedsearch a:active { color: #fff; font-size: 1em; }
#advancedsearch a:hover { color: #8cc63f; font-size: 1em; }
#footer { color: #fff; font-size: 1em; }
/* joomla */
.contentheading, .componentheading { font-size: 2em; font-weight: bold; color: #8ba247; margin: 18px 0; }
.contentpane iframe.wrapper { border: 0; }

/* LAYOUT */

#container { width: 90em; background: #3f3e40; margin: 0 auto; }
#header { height: 9em; background: #3f3e40; margin-bottom: 16px; }
#accountlinks { float: left; margin: 60px 0 0 6px; text-align: left; line-height: 1.5em; }
/*#logo { float: left; width: 554px; text-align: center; margin-top: 2px; }*/
#logo { float: left; width: 540px; text-align: center; margin-top: 2px; }
#search { float: left; text-align: left; line-height: .3em; height: 100%; margin-top: 10px; }
#advancedsearch { text-align: right; margin: 6px 34px 0 0; }
#topbar { width: 900px; height: 34px; background: #3f3e40 url(../graphics/topbar2.png) no-repeat; }
#topbar ul.menu { float: left; padding-left: 36px; text-align: center; border-right: 1px solid #ccc; }
#topbar ul.menu li { float: left; background: #fff url(../graphics/toptabbg.png) repeat-x; }
#topbar ul.menu li a { display: block; padding: 6px 20px 4px; font-family: verdana, arial; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; border-left: 1px solid #ccc; }
#topbar ul.menu li a:hover { background: #fff; border-left: 1px solid #ccc;  color: #7bccc3; }
#topbar ul.menu li.current a { background: #fff; border-left: 1px solid #ccc; color: #8cc63f; }

#socialbox { float: right; margin: 0 20px 0 0; }
#socialbox img { position: relative; top: 5px; margin: 0 20px 0 0; border: 0; }

#content { float: left; width: 900px; min-height: 67.5em; background: #fff; }
#maincontent { width: 888px; padding: 6px; }
#centernarrow { float: left; width: 470px; }
#right { float: right; width: 205px; min-height: 67.5em; padding-left: 20px; background: #fff; }

#bottombar { width: 900px; height: 20px; background: #3f3e40 url(../graphics/bottombar.png) no-repeat; }

#footer { background: #3f3e40; text-align: left; margin: 14px 0 0 6px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }


/* Booklist Table */
table.list { width: 35em; font-size: 1.3em; background: #f1f1f1; }
table.list td {  padding: 8px; border-bottom: 1px dashed #ccc; }
table.list tr.e { background: #e7efdb; }
table.list span { display: block; }

/* Book Groups and Highlighted */
table.bk { float: left; margin: 1em .75em; margin-bottom: 1.25em; line-height: 1.4em; font-size: 1.2em; text-align: center; }
table.bk td a.t { display: block; text-align: center; width: 7em; height: 3.25em; }

/*new book item*/
table.item { float:left; width:35em; margin-top: 1em; }
table.item td { margin: 0; padding: 0; }
table.item td img { float: left; margin: 0 .5em .5em 0; }
table.item td p{ margin: 0; margin-bottom: .125em; padding: 0; text-align:left; }
table.item td p.t {}
table.item td p.a { font-style: italic }
table.item td p.c {}
table.item td p.s {}
table.item td p.l { font-size: .9em }



/* community calendar */

#comCon {width:100%;}
#comCon #col1 {float:left; width:18.5em; margin-right:1em;}
#comCon #commlogo{margin: 2em 0 2em 3em;}
#comCon #col2 {float:right; width:67em;}