body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	text-align:center;
}

#wrapper {
	width:760px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
	border-bottom:15px solid #000;
	background-image:url(../images/bgline.gif);
	background-repeat:repeat-y;
}

#topsection {
	float:left;
	background-color:#fff;
}

#logo {float:left; width:200px;}
#title {float:left; width:590px; margin-left:10px; margin-top:20px; font-size:240%; font-weight:bold; color:#990000;}
#title a {color:#990000; text-decoration:none;}

.tagline {
	font-size:60%;
	font-weight:bold;
	color:#333;
	line-height: 30px;
}
#topbooks {float:right;}
#topbooks a img {border: 0px }

#topnav {
	text-align:right;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	padding:2px 10px 2px 0px;
}

#topnav ul {
	margin:0px;
}

#topnav li {
	list-style-type:none;
	display:inline;
	padding-left:20px;
}

#topnav a{
	color:#fff;
	text-decoration:none;
}
#topnav a:hover{
	text-decoration:underline;
}

#leftsection {float:left; background-color:#8d141b; width:200px;}
#leftsection ul {margin:0px 0px 0px 0px; padding:0px;}
#leftsection li {list-style-type:none; border-bottom: 1px solid #FFF;}
#leftsection a {padding: 6px 0px 6px 15px; display:block; text-decoration:none; color: #FFF; font-weight:bold;}
#leftsection a:hover {
	padding: 6px 0px 6px 7px;
	background-color: #666666;
	border-left:8px solid #000;
}
#leftsection .top {border-top:1px solid #fff;} /* This class fixes a bug  - for some reason you can't use border-top on the #leftsection li id as it breaks the layout.... weird eh? */

#leftsection .alt a{background-color:#996600;}
#leftsection .alt a:hover{
	background-color:#666666;
}

#leftsection .alt2 a{background-color:#000;}
#leftsection .alt2 a:hover{background-color:#000;}
#leftsection .alt3 a{background-color:#996600;}
#leftsection .alt3 a:hover{background-color:#000;}

#leftsection .banner {text-align:center; padding-top:10px;}
#leftsection .banner a img {border:none; margin:0px 0px 0px -8px;}
#leftsection .banner a:hover {border:none; margin:0px -8px 0px 0px; background:none;}

ul#extra  {margin:10px 0px 0px 0px;}
#extra li { list-style-type:square; color:#fff; direction:rtl; border-bottom:1px solid #8d141b; }
#extra a { text-decoration:none; margin:0px 20px 0px 0px;text-align:right; padding:0px; color: #fff; font-weight:bold;}
#extra a:hover {background-color:#8d141b; border-left:0px; padding:0px; color: #000;}


#mainsection {
	float:right;
	width:505px;
	padding:35px 20px 0px 30px;
	text-align:left;
	font-size:small;

}

h1 {
	font-size:large;
	color:#8d141b;
	font-weight:bold;
}

h2 {
	font-size:medium;
	color:#996600;
	font-weight:bold;
}

h3 {
	font-size:small;
	color:#666666;
	font-weight:bold;
}

a {
	color:#8d141b;
	text-decoration:underline;
}

a:hover {
	color:#996600;
}

.hide {
	overflow: hidden; width: 0px; position: absolute; height: 0px;
}
.small {font-size:80%;}
.author {margin:0px 7px 3px 0px; border: 1px solid #000000;}
.warning {color:#990900; font-weight:bold;}
.success {
  background-color: #37AA00;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #fff;
  font-weight:bold;
  text-align:center;
  padding: 3px 10px 5px 10px;
  margin-top:5px;
  border: 1px solid #000;
}
div.highlight {border:1px solid #ccc; padding:10px; background-color:#f5f5f5; text-align:center;}
div.highlight2 {border:1px solid #ccc; padding:5px; background-color:#f5f5f5; text-align:center; font-size:.85em;}

hr {color:#8d141b;}

.contributors td {
	border:1px solid #dddddd;
	vertical-align:top;
}

.label {float:left; width:150px;}
input {border:1px solid #999;}
.noborder {border:0px;} /* use on radio buttons */
form br {clear:both;}
form textarea {width:60%;}
.button {background-color:#8d141b; color:#fff;}

#bottomnav {text-align:right; color:#8d141b; padding:20px 0px 15px 0px;}
#bottomnav a{text-decoration:none;}
#bottomnav a:hover{color:#8d141b; text-decoration:underline;}