html, body {
margin:0;
padding:0;
}
body {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
background-color: #204223;
background-image: url(im/bg.jpg);
background-repeat: repeat;
}
div#header {
height:130px;
position: relative;
top: -35px;
}
hr.head{
color: #bbbbbb;
background-color: #bbbbbb;
height: 1px;
width: 95%;
border: 0px;
margin: 0 auto;
margin-top: -50px;
margin-bottom: 20px;
}
#pagebk{
width:950px;
margin:0 auto;
background-image: url(im/pagetop.gif);
background-repeat: no-repeat;
/**width: 100%;
overflow: visible;
background-image: url(im/tbg.jpg);
background-repeat: repeat-x;**/
}
div#container {
position: relative;
top: 70px;
text-align:left;
width:950px;
background-color: #ffffff;
}
div#middle {
background-color: #ffffff;
width: 100%;
}
div#wrapper{
position: relative;
background-color: #ffffff;
}
#pagetop{
width: 1000px;
margin:0 auto;
overflow: visible;
height: 300px;
}
div#extra {
}
div#footer {
text-align:left;
width:910px;
margin-left: 30px;
}
div#bottom {
margin-left: 0px;
width:950px;
margin:0 auto;
height: 100px;
background-image: url(im/pagebottom.gif);
background-repeat: no-repeat;
}
div#footer #ftr_content p{
color: #006600;
font-size: 15px;
margin-right: 20px;
text-align: right;
}
div#content {
float:right;
width:680px;
margin-right: 10px;
background-color: #ffffff;
}
div#navigation {
float:left;
width:250px;
background-color: #ffffff;
}
div#extra {
clear:both;
width:100%
}
/*
Paragraphs
*/
p {
margin:0 10px 10px;
line-height:1.4;
color:#444444;
font-size: 14px;
}
ul.content {
margin-left: 30px;
line-height:1.4;
color:#444444;
font-size: 14px;
}
ul.content li{
list-style-type: disc;
}
div#content ul li a{
padding-left: 2px;
list-style-type:none;
display: inline;
color: #006699;
font-size: 16px;
text-decoration: none;
}
div#content ul li a:hover{
color: #cc0000;
text-decoration: underline;
}
/********* top of search *****/
div#content #topheading{
float: left;
width: 190px;
}
div#content .resultnavigation{
float: right;
width: 640px;
text-align: right;
margin-right: 30px;
margin-bottom: 3px;
}
div#content .resultnavigation ul li{
display: inline;
font-size: 14px;
color:#444444;
list-style-type:none;
}
div#content .resultnavigation ul li a{
list-style-type:none;
display: inline;
color: #006699;
/**font-size: 0.9em;**/
text-decoration: none;
}
div#content .resultnavigation ul li a:hover{
color: #cc0000;
text-decoration: underline;
}
p a{
padding-left: 2px;
list-style-type:none;
display: inline;
color: #006699;
/**font-size: 0.9em;**/
text-decoration: underline;
}
a:link, a:visited, a:active{
color: #006699;
}
a:hover{
color: #cc0000;
text-decoration: underline;
}
/*
Headings
*/
div#content h1
{
font-family: "Times New Roman", Times, serif;
font-size: 24px;
color: #006600;
text-align: left;
}
div#content h2
{
font-family: "Times New Roman", Times, serif;
font-size: 20px;
color: #444444;
text-align: left;
}
div#content h3
{
font-size: 17px;
font-weight: bold;
color: #444444;
text-align: left;
}
/*
Navigation
*/
div#header #globalnav{
margin-top: 10px;
margin-right: 40px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #006699;
text-align: right;
}
div#header #globalnav ul li {
list-style-type:none;
display: inline;
}
div#header #globalnav ul li a{
padding: 6px;
color: #006699;
display: inline;
text-decoration: underline;
}
div#header #globalnav ul li a:hover, div#header #globalnav ul li a .active {
color: #cc0000;
text-decoration: none;
}
/***********************/
div#header #hdrnav{
position: absolute;
top: 45px;
left: 296px;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-style: normal;
letter-spacing: -.05em;
text-align: center;
}
div#header #hdrnav ul li {
list-style-type:none;
display: inline;
}
div#header #hdrnav ul li a{
color: #444444;
display: inline;
text-decoration: none;
padding: 10px;
}
div#header #hdrnav ul li a:visited {
}
div#header #hdrnav ul li a:hover{
color: #006600;
background-image: url(im/navunder.jpg);
background-repeat: repeat-x;
background-position: 0 36px;
}
div#header #hdrnav .active {
background-image: url(im/navunder.jpg);
background-repeat: repeat-x;
background-position: 0 36px;
}
/*************************/
div#navigation #side-bar{
background-color: #ffffff;
width: 245px;
margin-left: 15px;
}
div#navigation #side-bar #side-cnt #sidecontent .in-sidebar{
width: 206px;
margin-left: 5px;
overflow: hidden;
font-size: 14px;
}
div#navigation #side-bar #side-cnt #sidecontent .in-sidebar ul li a{
padding-left: 2px;
list-style-type:none;
display: inline;
color: #006699;
font-size: 14px;
text-decoration: none;
}
div#navigation #side-bar #side-cnt #sidecontent .in-sidebar .right{
text-align: right;
padding-right: 4px;
}
div#navigation #side-bar #side-cnt #sidecontent .in-sidebar ul li a:hover{
color: #cc0000;
text-decoration: underline;
}
div#navigation #side-bar #side-cnt #sidecontent .in-sidebar .olive{
margin-left: auto;
margin-right: auto;
width: 100%;
height: 22px;
background-color: #f5f9ee;
text-align: center;
font-weight: bold;
padding-top: 3px;
color: #333333;
}
/*
Lists and Results
*/
/************ search result, item summary display */
div#content .search_index{
text-align: right;
margin-right: 8px;
}
div#content .search_index p{
font-size: 12px;
}
div#content .search_index a{
font-size: 12px;
}
div#content .search_index hr{
margin-top: -10px;
}
div#content #itemlist {
clear: both;
}
div#content #itemlist ul{
width: 98%;
}
div#content #itemlist ul li{
list-style: none;
color: #444444;
font-size: 16px;
}
div#content #itemlist ul li.book {
font-weight: bold;
}
div#content #itemlist ul li.small {
font-size: 13px;
color: #006600;
}
div#content #itemlist .left{
float:left;
width: 50%;
}
div#content #itemlist .right{
float: left;
width: 50%;
}
/*
Button
*/
a.button, a.buttonred, a.button:hover, a.buttonred:hover {
background: transparent url('im/buttons/btn_norm_right.gif') no-repeat scroll top right;
display: block;
float: left;
height: 29px; /* img h */
margin-right: 6px;
padding-right: 30px; /* img w */
text-decoration: none;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
a.button span , a.buttonred span{
background: transparent url('im/buttons/btn_norm_left.gif') no-repeat;
display: block;
line-height: 29px; /* im h */
padding-left: 25px;
}
a.buttonred, a.buttonred:hover {
background: transparent url('im/buttons/btnred_norm_right.gif') no-repeat scroll top right;
}
a.buttonred span, a.buttonred:hover span{
background: transparent url('im/buttons/btnred_norm_left.gif') no-repeat;
}
/**
Search Form
**/
#content #criteria{
margin: 0 auto;
width: 575px;
background: #f5f9ee;
padding: 8px;
border: 1px solid #798f76;
}
#content #criteria h1 {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
color: #444444;
text-align: left;
}
#content #criteria {
}
#content #criteria ul li{
font-size: 14px;
color:#444444;
list-style-type:none;
}
#content #criteria ul li a{
list-style-type:none;
color: #006699;
/**font-size: 0.9em;**/
text-decoration: none;
}
#content #criteria ul li a:hover{
color: #cc0000;
text-decoration: underline;
}
.searchbox{
margin: 0 auto;
width: 450px;
background: #f5f9ee;
padding: 8px;
border: 1px solid #798f76;
}
.searchbox td{
height: 24px;
}
.searchbox td.textleft{
text-align: left;
}
.searchbox hr{
margin-top: -2px;
}
.searchbox input{
width: 260px;
margin-right: 43px;
margin-left: 3px;
margin-top: 3px;
height: 16px;
font-size: 13px;
}
.searchbox input.short{
width: 80px;
margin-right: 18px;
}
.searchbox input.button{
position: relative;
width: 113px;
height: 29px;
top: -6px;
}
.searchbox input.supershort{
width: 30px;
margin-right: 5px;
}
.searchbox .searchleft p{
margin-top: 7px;
margin-right: 10px;
text-align: right;
}
.searchbox .searchleft a.morelink{
font-size: 11px;
color: #006699;
}
.searchbox .searchleft a.morelink:hover{
color: #CC0000;
}
.searchbox td.label{
margin-right: 4px;
font-size: 16px;
color: #444444;
font-weight: bold;
text-align: right;
}
.searchbox td em{
color: #006600;
font-size: 16px;
}
/**
* Form input
**/
.sform{
margin: 0 auto;
width: 600px;
background: #f5f9ee;
padding: 8px;
border: 1px solid #798f76;
}
div#content .sform h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #444444;
font-weight: bold;
}
.sform td.label{
margin-right: 2px;
font-size: 14px;
color: #444444;
font-weight: bold;
text-align: right;
}
.sform td.label.nobold{
font-weight: normal;
}
.sform td{
height: 24px;
}
.sform td.textleft{
text-align: left;
}
.sform td.textright{
text-align: right;
width: 30px;
}
.sform hr{
margin-top: -2px;
}
.sform input{
width: 260px;
margin-right: 43px;
margin-left: 3px;
margin-top: 3px;
height: 16px;
font-size: 13px;
}
.sform input.rb {
width: 15px;
margin-right: 0px;
margin-left: 0px;
margin-top: 3px;
height: 18px;
font-size: 16px;
}
.sform input.button{
width: auto;
height: auto;
}
.sform input.short{
width: 100px;
margin-right: 18px;
}
/**
* Alert Display
**/
.alert{
margin: 0 auto;
width: 600px;
background: #f2ef65;
padding: 8px;
border: 1px solid #798f76;
}
div#content .alert h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #cc0000;
font-weight: bold;
}
div#content .alert p{
color: #333333;
}
.alert hr{
margin-top: -2px;
}
/*
Special
*/
.image {
float: left;
margin-right: 5px;
}
.image p{
font-size: 15px;
margin-bottom: 0px;
text-align: center;
}
.hide {
visibility: hidden;
display: none;
}
.show {
visibility: visible;
display: block;
}
.status{
color: #ffffff;
font-size: 12px;
font-weight: bold;
width: 100px;
height: 15px;
display:block;
text-align: center;
background-color: #009900;
}
.green{
background-color: #009900;
}
.blue{
background-color: #000099;
}
.red{
background-color: #990000;
}
br .clear {
clear: both;
}
.toright{
float:right;
margin: 5px;
}
.toleft{
float:left;
margin: 5px;
}
div#header #logo{
position: absolute;
top: 20px;
left: 50px;
width: 180px;
}
strong {
font-weight: bold;
}
strong.sale{
font-size: 20px;
color: #006600;
}
em {
font-style: italic;
}
div#content hr{
color: #bbbbbb;
background-color: #bbbbbb;
height: 2px;
width: 98%;
border: 0px;
margin-left: 0px;
margin-right: 12px;
}
div#content hr.thin{
height: 1px;
}
div#content hr.green{
color: #006600;
background-color: #006600;
}
div#content hr.clear{
clear: both;
}
.in-sidebar hr{
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 98%;
border: 0px;
}
hr .clear {
clear: both;
}
.hide {
visibility: hidden;
height: 0px;
}
.show {
visibility: visible;
}