/* CSS Document */

body {background: #343e4c url(images/bg.gif)  repeat-x; margin: 0px; padding-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {font-weight: 100; font-size: 14px;}
h1 a {color: #afdcf6; text-decoration: none;}
p {font-size: 12px;}
ul {font-size: 12px; list-style-type: square;}
#container {width: 900px; margin-right: auto; margin-left: auto; background: #FFFFFF url(images/body.jpg);}
#header {width: 900px; height: 200px; background-image: url(images/header.jpg);}

#nav {float: left; background: #c9d8e7; width: 900px;}
ul.menu {list-style:none; margin:0; padding:0 10px 0 0; font-size: 12px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#25282d; text-decoration:none}
ul.menu li {position:relative; float:left; border-right: 1px solid #78a0b7;  text-align: center;}
ul.menu ul {position:absolute; top:26px; left:0; background-color: #a7bed5; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:none; width:160px; margin:0; text-align: left;}
ul.menu ul li a {display:block; padding:3px 7px 6px; background-color:#c9d8e7}
ul.menu ul li a:hover {background-color:#e0e9f2}
ul.menu ul ul {left:148px;}
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; width:125px;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#e0e9f2}
ul.menu .sub {background:#c9d8e7 url(images/arrow.gif) 136px 8px no-repeat}


#page {padding-left: 10px;  background-image: url(images/body.jpg);}

.columnleft {float: left; width: 200px; margin-left: 2px; margin-bottom: 0px; padding: 10px 10px 10px;}
.columnleft p {font-style: italic;}
.columnright {width: 670px; margin: 40px 0 0 230px;}
.columnright h2 {color: #5a6c87; font-weight: 100; font-size: 18px;}
.columnright h3 {color: #5a6c87; font-weight: 900; font-size: 12px;}
.columnright p {padding-right: 15px;}
.pageDescription {float: left;width: 658px; background-image: url(images/pageDescription.jpg); color: white; margin-bottom: 0px; padding-bottom: 0px;}
.pageDescription h4 {padding: 20px 50px 0 50px; font-size: 13px; font-weight: 100;}
.pageDescriptionLevel2 p {width: 658px;}
.profile {margin: 20px 0 20px 70px;}
.profile img {float: left; margin-right: 20px;}
.profile h4 {vertical-align: top;}
.columnrightmiddle p {width: 380px; margin-bottom: 20px;}
.columnrightmiddle ul {width: 350px;}
.bookslug {width: 670px; float: left; margin-bottom: 15px; border-bottom: 1px dotted black;}
.bookslug img {float: left; margin-right: 10px;}



#abovefooter {clear: both; margin-top: -300px;}
#abovefooterLeft {width: 218px; height: 300px; float:left; background-image:url(images/wires.jpg); clear: left; margin-top: 20px;}
#abovefooterRight {width: 280px; height: 300px; float:right; background-image: url(images/happypeople.jpg); margin-top: 20px; clear: right;}
#footer {width: 900px; clear: both; height: 100px; background-image: url(images/footer.gif); margin-left: auto; margin-right: auto;}