/* Main CSS Document */

@import url("core.css");

#container { width: 900px; margin: 0px auto; background-color: #FFFFFF; background-image: url(../images/bg-home.gif); background-repeat: repeat-y; }
#container .gradholder { width: 900px; margin: 0px auto; }

#header { width: 900px; height: 152px; margin: 0px auto; background-image: url(../images/bg-header-home.gif); background-repeat: no-repeat; }
#header .logo { padding-left: 34px; float: left; }
#header .author { width: 245px; height: 152px; float: left; background-image: url(../images/author.gif); background-repeat: no-repeat;  font-size: 12px; line-height:100%}
#header .author .text { width: 200px; text-align: center; margin: 100px 0px 0px 30px;}
#header .toll { padding-right: 25px; float: right; }

#nav { width: 832px; height: 30px; padding-top: 5px; margin: 0px auto;  background-image: url(../images/bg-nav.gif); background-repeat: no-repeat; }
#nav p {font-size: 21px; color: #ffffff; text-decoration: none;}
#nav ul li { margin: 0px; padding: 0px 0px 0px 15px; list-style-type: none; display: inline; font-size: 21px; color: #ffffff; text-decoration: none;  }
#nav a:link, #nav a:visited { font-size: 21px; color: #ffffff; text-decoration: none; }
#nav a:hover { color: #ff9900; }

#chapters { width: 832px; margin: 0px auto; }
#chapters .links { width: 561px; height: 270px; float: left; background-image: url(../images/bg-chapters.gif); background-repeat: no-repeat; background-color: #333333; }
#chapters .links ul li { margin: 0px; padding: 3px 0px 0px 15px; list-style-type: none; }
#chapters .links a:link, #chapters .links a:visited { font-size: 13px; color: #ffffff; text-decoration: none; }
#chapters .links a:hover { text-decoration: underline; }
#chapters .splash { width: 271px; height: 270px; float: right; }
#chapters .bottom { clear: both; }

#bottomgrad { width: 900px; margin: 0px auto; }
#bottomgrad p { color: #7f7f7f; font-size: 11px; text-transform: uppercase; text-align: center; }

#content { width: 832px; margin: 0px auto; }
#content .left { float: left; background-color: #fbfdff; padding: 10px; }
#content .vdivider { width: 20px; background-color: #fbfdff; float: left; }
#content .right { width: 316px; float: right; background-color: #dbddde; background-image: url(../images/bg-right.gif); background-repeat: no-repeat; background-position: left top; }

#content .twoboxholderright { width: 560px; float: right; }
#content .photo75 { width: 560px; }
#content .twoboxholderleft { width: 570px; float: left; }
#content .title { width: 570px; padding-bottom: 74px; }
#content .rightbox { width: 280px; height: 200px; background-image: url(../images/bg-right-box.gif); background-repeat: no-repeat; padding: 5px; }
#content .rightbox .whitetext { line-height: 14px; color: #ffffff; font-size: 15px; }

#fullimg { width: 860px; margin: 0px auto; text-align: right; }

#footer { width: 900px; height: 30px; background-image: url(../images/bg-footer.gif); background-repeat: no-repeat; background-color: #990000; text-align: center; padding-top: 10px; }
#footer ul li { margin: 0px; padding: 0px 0px 0px 15px; list-style-type: none; display: inline; }
#footer a:link, #footer a:visited { color: #ffffff; font-size: 15px; text-decoration: none; }
#footer a:hover { color: #ff9900; }


/*--------------DROP MENU---------------------*/
#dropmenudiv { position:absolute; border:1px solid #e6e6e6; border-bottom-width: 0; font:normal 11px Arial; line-height:18px; z-index:100; }

#dropmenudiv a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #e6e6e6; padding: 2px 0; text-decoration: none; color: #ffffff; }

#dropmenudiv a:hover { /*hover background color*/ background-color: #c00d20; color: #ffffff; }