/*
    The width for the second and third parts of the #menu background is 681px.
*/

* {
    padding:0;
    margin:0;
}

body {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    font-size:16px;
    background-color:#8a968a;
}

p {
    margin-top:.5em;
    margin-bottom:.5em;
    text-indent: 3em;
    line-height:1.5em;
}

a {
    text-decoration:none;
}

a:link {
    color: #0c523c;
}

a:visited {
    color: #0b154b;
}

img {
    border:0;
}

h1 {
    text-align:center;
    font-size: 36px;
    padding:15px;
}

h2 {
    text-align:center;
}

hr {
    margin:10px;
}

div#menu {
    background: transparent url("../images/menubkgrnd.gif") left center no-repeat;
    width:700px;
    height:50px;
}

div#menu ul, li {
    list-style-type:none;
    text-align:center;
}

div#menu ul li {
    display:inline;
}

div#menu ul li a {
    margin: 0 6px;
}

#menu1 a {
    float:left;
    padding:7px 0 10px 0;
    position:relative; top:7px;
}

#menu1 img {
    width:63px;
    height:20px;
    display:block;
    margin: 0 1.5px 0 4.5px;
}

#menu1 :hover {
    background: url("../images/menubkgrnd.gif") -709px;
}

#menu1 :active {
    background: url("../images/menubkgrnd.gif") -1409px;
}

#menu2 a {
    float:left;
    padding:3px 0 10px 0;
    position:relative; top:7px;
}

#menu2 img {
    width:69px;
    height:24px;
    display:block;
    margin: 0 1.5px;
}

#menu2 :hover {
    background: url("../images/menubkgrnd.gif") -785px center;
}

#menu2 :active {
    background: url("../images/menubkgrnd.gif") -1485px center;
}

#menu3 a {
    float:left;
    padding:3px 0 10px 0;
    position:relative; top:7px;
}

#menu3 img {
    width:136px;
    height:24px;
    display:block;
    margin: 0 1.5px;
}

#menu3 :hover {
    background: url("../images/menubkgrnd.gif") -934px center;
}

#menu3 :active {
    background: url("../images/menubkgrnd.gif") -1634px center;
}

#menu4 a {
    float:left;
    display:block;
    padding-top:3px;
    position:relative; top:7px;
}

#menu4 img {
    width:147px;
    height:34px;
    display:block;
    margin: 0 1.5px;
}


#menu4 :hover {
    background: url("../images/menubkgrnd.gif") -1094px center;
}

#menu4 :active {
    background: url("../images/menubkgrnd.gif") -1794px center;
}

#menu5 a {
    float:left;
    padding: 7px 0 10px 0;
    position:relative; top:7px;
}

#menu5 img {
    width:106px;
    height:20px;
    display:block;
    margin: 0 1.5px;
}

#menu5 :hover {
    background: url("../images/menubkgrnd.gif") -1213px center;
}

#menu5 :active {
    background: url("../images/menubkgrnd.gif") -1913px center;
}

#menu6 a {
    float:left;
    padding: 7px 0 10px 0;
    position:relative; top:7px;
    
}

#menu6 img {
    width:81px;
    height:20px;
    display:block;
    margin: 0 4.5px 0 1.5px;
}

#menu6 :hover {
    background: url("../images/menubkgrnd.gif") -1305px center;
}

#menu6 :active {
    background: url("../images/menubkgrnd.gif") -2007px center;
}

#content {
    margin-top: 10px;
    padding-right:30px;
    position:relative;
    z-index:50;
}

#content #news {
    float:left;
    margin-right:30px;
    width:43%;
    padding-bottom:10px;
}

#content #news div {
    border: 1px solid black;
    display:block;
    margin-left:auto; margin-right:auto;
    padding: 0 8px 0 15px;
}

#content #news div ul li {
    list-style-image:url('../images/bullet.gif');
    list-style-type:disc;
    list-style-position:inside;
    text-align:left;
    display:list-item;
}

#content #news div p {
    text-indent:20px;
    line-height:1.3;
    font-size:14px;
}

#bkgrndshiny {
    background: transparent url("../images/bkgrndshiny.png") no-repeat;
    width: 394px;
    height: 145px;
    position:fixed; left: 0;  bottom: 0; z-index:0;
}

#content form table {
    margin-left:auto; margin-right:auto;
    line-height:1.5em;
}

#content form table tr td {
    vertical-align:top;
}

#darkover, #darkover tr td {
    line-height:1.2;
}

#darkover tr td+td p {
    margin:0;
}

#darkover img {
    border: 1px solid black;
}

#darkover tr td+td {
    border: 1px solid black;
    padding:.5em 2em 0 2em;
}

#darkover ul {
    padding-top:10px;
}

#darkover .bookInfo td {
    font-size:15px;
    vertical-align:bottom;
    text-align:center;
    border:0;
    padding:0;
    margin:0;
}

#darkover .bookInfo {
    margin-left:auto; margin-right:auto;
    width:85%;
    padding-top:10px;
}

#photo tr td+td p{
    text-indent:0;
    padding:2em;
}

#shieldlist ul li{
    text-align:left;
    padding-left:10%;
}

#shortStories li {
    list-style-type:circle;
    text-align:left;
    margin-left:50px;
    line-height: 1.7em;
}

#heading p {
    text-indent:0;
    text-align:center;
    height: 70px;
}

#heading img {
    vertical-align: -31px;
}