body {
	background: #E6ECEC;
	color: #496362;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 30px 0;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 760px;
}


/* Clearing a float w/o extra markup */
/* http://www.positioniseverything.net/easyclearing.html */
#header a:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #header {height: 1%;}
/* End hide from IE-mac */
#header h1 {
	background: url(../images/title.gif) 0 bottom no-repeat;
	float: left;
	height: 79px;
	padding-right: 15px;
	text-indent: -9000px;
	width: 365px;
}
#header h1 a {
	display: block;
	height: 79px;
	width: 365px;
}
#header p {
	float: right;
	padding-left: 15px;
	padding-bottom: 0;
	text-align: right;
	width: 365px;
}
#header p a {
	color: #738E8F;
	display: block;
	text-decoration: none;
}
#header p a strong {
	color: #496362;
}
#header p a:hover,
#header p a:hover strong {
	color: #AF5245;
}
#header p img.right {
	float: right;
	margin: 0 0 0 15px;
}

img#banner {
	/*border: 4px solid #496362;*/
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 6px;
	margin: 30px 0;
}

.col1 {
	float: left;
	padding-right: 15px;
	width: 365px;
}

.col2 {
	float: right;
	padding-left: 15px;
	width: 365px;
}

p {
	font-size: 90%;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}

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

blockquote {
	color: #738E8F;
	font-family: serif;
	font-size: 140%;
	padding-bottom: 45px;
}
blockquote p {
	padding-bottom: 0;
}
cite {
	display: block;
	padding-top: 15px;
	text-align: right;
}

/*#content h2 {
	font-family: serif;
	font-size: 130%;
	padding-top: 1.2em;
	padding-bottom: 7px;
}*/

#content h2 {
	font-size: 110%;
	padding-top: 1.2em;
	padding-bottom: 1em;
	text-transform: uppercase;
}

#content img.right {
	float: right;
	margin: 0 0 10px 10px;
}
#content img.border {
	/*border: 4px solid #496362;*/
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 6px;
}

#content p.caption {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}
#content p.caption.right {
	float: right;
	margin: 0 0 10px 10px;
}

#content ul,
#content ol {
	margin-left: 20px;
	padding-bottom: 1.5em;
}
* #content ul,
* #content ol {
	margin-left: 25px;
}
#content ul {
	list-style-type: circle;
}
#content ol {
	list-style-type: decimal;
}
#content ul li {
	font-size: 90%;
	line-height: 1.5em;
}
#content ol li {
	font-size: 90%;
	line-height: 1.5em;
}
#content ol li ul {
	padding-top: 1.5em;
}
/*#content ol li ul li {
	list-style-type: circle;
}*/
#content ol li ul li ol {
	padding: 1.5em 0;
}
#content ol li ul li ol li {
	font-size: 100%;
	/*list-style-type: decimal;*/
}

#content address {
	font-size: 90%;
	line-height: 1.5em;
	margin-left: 20px;
	padding-bottom: 1.5em;
}

#content blockquote {
	/*border-top: 1px solid #496362;
	border-bottom: 1px solid #496362;*/
	border-top: 1px solid #738E8F;
	border-bottom: 1px solid #738E8F;
	padding-top: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul#nav {
	float: right;
	padding: 8px 0 20px 30px;
	width: 365px;
}
ul#nav li {
	color: #E6ECEC;
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 15px 0;
}
ul#nav li a {
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
ul#nav li.book a {
	background: #738E8F url(../images/book_bg.gif) 307px 50% no-repeat;
	padding: 10px 58px 10px 10px;
}
ul#nav li.book a:hover,
ul#nav li.book.current a {
	background: #AF5245 url(../images/book_bg.gif) -51px 50% no-repeat;
}
ul#nav li.updated a {
	background: #738E8F url(../images/file_bg.gif) 315px 50% no-repeat;
	padding: 10px 50px 10px 10px;
}
ul#nav li.updated a:hover,
ul#nav li.updated.current a {
	background: #AF5245 url(../images/file_bg.gif) -32px 50% no-repeat;
}
ul#nav li.both a {
	background: #738E8F url(../images/both_bg.gif) 307px 50% no-repeat;
	padding: 10px 50px 10px 10px;
}
ul#nav li.both a:hover,
ul#nav li.both.current a {
	background: #AF5245 url(../images/both_bg.gif) -51px 50% no-repeat;
}
ul#nav li.forum a {
	background: #738E8F url(../images/forum_bg.gif) 307px 50% no-repeat;
	padding: 10px 58px 10px 10px;
}
ul#nav li.forum a:hover,
ul#nav li.forum.current a {
	background: #AF5245 url(../images/forum_bg.gif) -48px 50% no-repeat;
}

/* Clearing a float w/o extra markup */
/* http://www.positioniseverything.net/easyclearing.html */
ul#nav ul li a:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html ul#nav li a {height: 1%;}
/* End hide from IE-mac */

ul#nav li a {
	color: #E6ECEC;
	display: block;
	text-decoration: none;
}
ul#nav li a:hover {
	text-decoration: none;
}
ul#nav li strong {
	font-size: 100%;
}

#about {
	border-top: 1px solid #738E8F;
}

#footer {
	border-top: 1px solid #738E8F;
	clear: both;
	padding-top: 1.2em;
}
#footer p {font-size: 75%;}
