* {
padding : 0;
margin : 0;
}
body {
background : #000000 url('images/stripes.png');
padding : 0 0 35px 0;
}
body, input {
font-size : 10pt;
font-family : "georgia", "times new roman", serif;
color : #333333;
}
p {
line-height : 1.5em;
margin-bottom : 1em;
text-align : justify;
}
a {
color : #b96d00;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
h3 span {
font-weight : normal;
}
h3, h4 {
display : inline;
font-weight : bold;
background-repeat : no-repeat;
background-position : right 0%;
}
h3 {
font-size : 1.7em;
padding-right : 34px;
background-image : url('images/db1.gif');
}
h4 {
font-size : 1.2em;
padding-right : 28px;
background-image : url('images/db2.gif');
}
H7 {
text-indent : 14pt;
}
.contentarea {
padding-top : 1.3em;
}
img {
border : 1px solid #6f5230;
}
img.left {
position : relative;
float : left;
margin : 0 1.8em 1.4em 0;
}
img.right {
position : relative;
float : right;
margin : 0 0 1.8em 1.8em;
}
.divider1 {
position : relative;
background : #fff url('images/border2.gif') repeat-x;
height : 14px;
margin : 2em 0 1.5em 0;
clear : both;
}
.divider2 {
position : relative;
height : 1px;
border-bottom : 1px solid #eaeaea;
margin : 2em 0 2em 0;
}
.post .details {
position : relative;
top : -1.5em;
font-size : 0.8em;
color : #787878;
}
.post ul.controls {
clear : both;
}
.post ul.controls li {
display : inline;
font-size : 0.8em;
}
.post ul.controls li a {
background-repeat : no-repeat;
background-position : left 0%;
padding : 0 1em 0 20px;
}
.post ul.controls li a.printerfriendly {
background-image : url('images/icon-printerfriendly.gif');
}
.post ul.controls li a.comments {
background-image : url('images/icon-comments.gif');
}
.post ul.controls li a.more {
background-image : url('images/icon-more.gif');
}
.box {
position : relative;
background : #fdfcf6 url('images/boxbg.gif') repeat-x;
left : -1.5em;
top : -1.5em;
padding : 1.5em;
border-bottom : 1px solid #e1d2bd;
margin-bottom : 1em;
}
ul.linklist {
list-style : none;
}
ul.linklist li {
line-height : 2em;
}
#upbg {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 275px;
background : #fff url('images/SpineImage.jpg') repeat-x;
z-index : 1;
}
#outer {
z-index : 2;
position : relative;
width : 82%;
border : 7px solid #fff;
background-color : #fff;
margin : 0 auto;
}
#header {
position : relative;
width : 100%;
height : 9em;
background : #2b2b2b url('images/topbg.gif') repeat-x;
margin-bottom : 2px;
}
#headercontent {
position : absolute;
bottom : 0;
padding : 0 2em 1.3em 2em;
left : 11px;
width : 633px;
height : 47px;
}
#headercontent h1 {
font-weight : normal;
color : #fff;
font-size : 2.5em;
}
#headercontent h1 sup {
color : #777;
}
#headercontent h2 {
font-size : 1em;
font-weight : normal;
color : #aaa;
}
#search {
position : absolute;
top : 5.5em;
right : 2em;
padding-right : 0;
}
#search input.text {
margin-right : 0.5em;
vertical-align : middle;
border-top : 1px solid #000000;
border-right : 0;
border-bottom : 1px solid #777777;
border-left : 0;
padding : 0.15em;
width : 10em;
}
#search input.submit {
background : #939b00 url('images/buttonbg.gif') repeat-x;
border : 1px solid #5f6800;
font-weight : bold;
padding : 0.25em;
font-size : 0.8em;
color : #f2f3de;
vertical-align : middle;
}
#headerpic {
position : relative;
height : 109px;
background : #fff url('images/HDR.gif') no-repeat top left;
margin-bottom : 2px;
}
#menu {
position : relative;
background : #ff6600 url('images/menubg.gif') repeat-x top left;
height : 3.5em;
padding : 0 1em 0 1em;
margin-bottom : 2px;
}
#menu ul {
position : absolute;
top : 1.1em;
}
#menu ul li {
position : relative;
display : inline;
}
#menu ul li a {
padding : 0.5em 1em 0.9em 1em;
color : #fff;
text-decoration : none;
}
#menu ul li a:hover {
text-decoration : underline;
}
#menu ul li a.active {
background : #7f8400 url('images/menuactive.gif') repeat-x top left;
}
#menubottom {
background : #fff url('images/border1.gif') repeat-x;
height : 14px;
margin-bottom : 1.5em;
}
#content {
padding : 0 2em 0 2em;
}
#primarycontainer {
float : left;
margin-right : -18em;
width : 100%;
}
#primarycontent {
margin : 1.5em 22em 0 0;
}
#secondarycontent {
margin-top : 1.5em;
float : right;
width : 18em;
}
#footer {
position : relative;
height : 2em;
clear : both;
padding-top : 5em;
background : #fff url('images/border2.gif') repeat-x 0 2.5em;
font-size : 0.8em;
}
#footer .left {
position : absolute;
left : 2em;
bottom : 1.2em;
}
#footer .right {
position : absolute;
right : 2em;
bottom : 1.2em;
}
.nav-container-outer {
background : #990000;
padding : 0;
height : 74px;
background : url(images/nav-bg.jpg);
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.nav-container .divider {
display : block;
font-size : 1px;
border-width : 0;
border-style : solid;
}
.nav-container .divider-vert {
float : left;
width : 0;
display : none;
}
.nav-container .item-secondary-title {
display : block;
cursor : default;
white-space : nowrap;
}
.clear {
font-size : 1px;
height : 0;
width : 0;
clear : left;
line-height : 0;
display : block;
float : none;
}
.nav-container {
position : relative;
margin : 0 auto;
}
.nav-container a, .nav-container li {
float : left;
display : block;
white-space : nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li {
float : none;
}
.nav-container ul {
left : -10000px;
position : absolute;
}
.nav-container, .nav-container ul {
list-style : none;
padding : 0;
margin : 0;
}
.nav-container li a {
float : none;
}
.nav-container li {
position : relative;
}
.nav-container ul {
z-index : 10;
}
.nav-container ul ul {
z-index : 20;
}
.nav-container ul ul ul {
z-index : 30;
}
.nav-container ul ul ul ul {
z-index : 40;
}
.nav-container ul ul ul ul ul {
z-index : 50;
}
li:hover > ul {
left : auto;
}
#nav-container ul {
top : 100%;
}
#nav-container ul li:hover > ul {
top : 0;
left : 100%;
}
#nav-container a {
padding : 7px 17px 7px 18px;
margin : 10px 0 0 0;
color : #ffffff;
font-family : Trebuchet MS, Arial, sans-serif, Helvetica;
font-size : 14px;
text-decoration : none;
font-weight : bold;
background : url(images/item-primary-bg.gif);
background-repeat : no-repeat;
background-position : top 0%;
}
#nav-container a:hover {
color : #6c3600;
background : url(images/item-primary-bg.gif);
background-repeat : no-repeat;
background-position : center 0%;
}
#nav-container div, #nav-container ul {
padding : 10px 4px 10px 4px;
margin : 0 0 0 0;
background : url(images/item-secondary-container-bg.jpg);
background-repeat : repeat-x;
background-color : #ff9900;
border-bottom : 1px solid #ca6500;
}
#nav-container div a, #nav-container ul a {
padding : 3px 10px 3px 6px;
background-color : #ffffff;
background : url(images/item-secondary-bg.jpg);
background-repeat : no-repeat;
background-position : 0 22px;
font-size : 11px;
border-width : 0;
border-style : none;
margin : 0 0 0 0;
width : 149px;
}
#nav-container div a:hover, #nav-container ul a:hover {
background-color : #ffffff;
background : url(images/item-secondary-bg.jpg);
background-repeat : no-repeat;
color : #cc0000;
}
#nav-container .item-secondary-title {
cursor : default;
padding : 4px 0 3px 7px;
color : #6c3600;
font-family : Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size : 11px;
background-repeat : no-repeat;
font-weight : bold;
}
#nav-container .divider-horiz {
border-top-width : 1px;
margin : 5px 5px;
border-color : #c16100;
}
#nav-container .divider-vert {
border-left-width : 1px;
height : 15px;
margin : 4px 2px 0 2px;
border-color : #aaaaaa;
}
#h2 {
text-indent : 3cm;
}