body {
    background-color: #91ce7c;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

div#container {
    margin: 0;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    max-width: 950px;
    min-width: 600px;
}
/* This bit is for the 3 column part */
#content {
    position: relative;
    display: block;
    padding-left: 170px;
    padding-right: 170px;
}

#inner {
    display: block;
    margin-left: -172px;
    margin-right: -172px;
    padding: 5px;
}

#main {
    margin-left: 172px;
    margin-right: 172px;
    position: relative;
    display: block;
    height: 1%;
    z-index: 1;
}

#leftnav {
    float: left;
    position: relative;
    width: 170px;
    left: 0px;
    z-index: 2;
}

#rightnav {
    float: right;
    position: relative;
    width: 170px;
    right: 0px;
    z-index: 2;
}
/* Various required bits for the display*/
#footer {
    clear: both;
    font-size: small;
    font-weight: bold;
    text-align: center;
}

#header {
    text-align: center;
}

#library, #databases, #foryou, .corner, #searchbox {
    margin-bottom: 20px;
}

#weather {
    text-align: center;
    border: 1px solid black;
    height: 110px;
    width: 168px;
    background: #fff;
}

h1, .box-title {
    margin: 0px;
    color: #006400;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    background: #f0e68c url(../images/gradient2.gif);
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #000;
    border-bottom: none;
    margin-right: 0px;
}

.box {
    background: #ffffe0;
    padding: 3px;
    border: 1px solid #000;
}

.rightbox {
    background: #ffffe0;
    padding: 3px 0px;
}

.mainbox {
    background: #ffffe0;
    color: black;
    padding: 20px;
    margin: 0px;
    border: 1px solid #000;
    text-align: left;
}

a:link, a:visited {
    color: #006400;
    font-weight: bold;
}

a:visited {
    color: #336600;
}

.box a:link {
    text-decoration: none;
}

a:hover {
    color: #006400;
    text-decoration: underline;
    font-weight: bold;
}

h3, h2 {
    color: #006400;
    font-weight: bold;
}

#date {
    color: #006400;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 170px;
    margin-bottom: 20px;
}

.date-top {
    background: #f0e68c url(../images/gradient2.gif);
    height: 25px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #000;
    border-bottom: none;
}

#askaway {
    text-align: center;
    margin-bottom: 20px;
}
/*This is for the fly out menus: menu is the left, menur is the right*/
#menu, #menur {
    width: 168px;
    background: #ffffe0;
    border: 1px solid black;
    font-size: 16px;
}

#menu ul, #menur ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 10;
}

#menu ul ul li.last, #menur ul ul li.last {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

div#menu ul ul li, div#menur ul ul li {
    border: 1px solid black;
    border-top: none;
}

#menu a, #menur a {
    font-family: helvetica, arial, sans-serif;
    display: block;
    margin: 0;
    padding: 2px 3px;
    background: #ffffe0;
    color: #006400;
}

#menu a, #menur a {
    color: #006400;
    background: #ffffe0;
    text-decoration: none;
}

#menu a:visited, #menur a:visited {
    color: #336600;
}

div#menu li ul, div#menur li ul {
    font-size: 12px;
    border-top: 1px solid black;
}

#menu a.parent {
    background: right url(../images/green_arrowl.gif) no-repeat;
}

#menur a.parent {
    background: left url(../images/green_arrowr.gif) no-repeat;
    text-indent: 10px;
}

#menu a:hover, #menur a:hover {
    color: #ffffe0;
    background: #006400;
}

#menu li, #menur li {
    position: relative;
}

#menu ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    border: none;
}

div#menu ul ul li, div#menur ul ul li {
    padding: 0px;
    margin: 0px;
    width: 166px;
}

#menur ul ul {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
}

div#menu ul ul, div#menur ul ul, div#menu ul li:hover ul ul, #divmenur ul li:hover ul ul {
    display: none;
}

div#menu ul li:hover ul, div#menur ul li:hover ul, div#menu ul ul li:hover ul, div#divmenur ul ul li:hover ul {
    display: block;
}
/*This is for the nifty corners, I consolidated it here so that the page dosen't have to load three files*/
.rtop, .artop {
    display: block
}

.rtop *, .artop * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: 1px
}

.artop * {
    border-style: solid;
    border-width: 0 1px
}

.r1, .rl1, .re1, .rel1 {
    margin-left: 5px
}

.r1, .rr1, .re1, .rer1 {
    margin-right: 5px
}

.r2, .rl2, .re2, .rel2, .ra1, .ral1 {
    margin-left: 3px
}

.r2, .rr2, .re2, .rer2, .ra1, .rar1 {
    margin-right: 3px
}

.r3, .rl3, .re3, .rel3, .ra2, .ral2, .rs1, .rsl1, .res1, .resl1 {
    margin-left: 2px
}

.r3, .rr3, .re3, .rer3, .ra2, .rar2, .rs1, .rsr1, .res1, .resr1 {
    margin-right: 2px
}

.r4, .rl4, .rs2, .rsl2, .re4, .rel4, .ra3, .ral3, .ras1, .rasl1, .res2, .resl2 {
    margin-left: 1px
}

.r4, .rr4, .rs2, .rsr2, .re4, .rer4, .ra3, .rar3, .ras1, .rasr1, .res2, .resr2 {
    margin-right: 1px
}

.rx1, .rxl1 {
    border-left-width: 5px
}

.rx1, .rxr1 {
    border-right-width: 5px
}

.rx2, .rxl2 {
    border-left-width: 3px
}

.rx2, .rxr2 {
    border-right-width: 3px
}

.re2, .rel2, .ra1, .ral1, .rx3, .rxl3, .rxs1, .rxsl1 {
    border-left-width: 2px
}

.re2, .rer2, .ra1, .rar1, .rx3, .rxr3, .rxs1, .rxsr1 {
    border-right-width: 2px
}

.rxl1, .rxl2, .rxl3, .rxl4, .rxsl1, .rxsl2, .ral1, .ral2, .ral3, .ral4, .rasl1, .rasl2 {
    border-right-width: 0
}

.rxr1, .rxr2, .rxr3, .rxr4, .rxsr1, .rxsr2, .rar1, .rar2, .rar3, .rar4, .rasr1, .rasr2 {
    border-left-width: 0
}

.r4, .rl4, .rr4, .re4, .rel4, .rer4, .ra4, .rar4, .ral4, .rx4, .rxl4, .rxr4 {
    height: 2px
}

.rer1, .rel1, .re1, .res1, .resl1, .resr1 {
    border-width: 1px 0 0;
    height: 0px !important;
    height /**/: 1px
}

.nomarginb{
	margin-bottom:0px;
}
.nomargint{
	margin-top:0px;
}
.nomargintb{
	margin-bottom:0px;
	margin-top:0px;
}