/* @override http://www.williamury.com/css/main.css */

/* @override http://www.williamury.com/css/main.css */

/* @override http://www.williamury.com/css/main.css */

/* CSS reset */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, td, tr, p, a, img  {
	border: 0px none;
	outline: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}

body {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial;
	}

a {color: #0e7799;}

a:hover {
	color: #A9B436;}

p {
	margin: 15px 0px;}

p a {color: #0e7799;}

p a:hover {
	color: #A9B436;}
/* main structure */

html, body {
	height: 100%;}

body {
	background: top center repeat-y url(../images/body-bg.gif) #ffffff;
	}

#bgwrap {
	width: 100%;
	height: 100%;
	background: top center repeat-x url(../images/bg-1.png);
	}

#mainwrap {
	width: 970px;
	background: url(../images/contentbg-1.gif) top left repeat-y;
	overflow: hidden;
	min-height: 100%;
	margin: 0px auto;
	position: relative;
	}

#header {
	width: 970px;
	height: 153px;
	position: relative;
	background: url(../images/header-1.gif) top left no-repeat;
	padding-bottom: 30px;
	}

h1#logo {
	width:904px;
	height:117px;
	position: absolute;
	top:0px;
	left: 72px;
	background: url(../images/logo.gif) top left no-repeat;
	text-indent: -9999px;
	}

/* Begin nav */

ul#mainnav {
	width: 599px;
	height: 36px;
	background: url(../images/navbg.gif) top right no-repeat #bee3e4;
	position: absolute;
	top:117px;
	left: 72px;
	}

ul#mainnav li {
	list-style: none;
	display: inline;
	}

ul#mainnav a {
	display: block;
	float:left;
	text-align: center;	
	text-transform: capitalize;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: bold;
	}

ul#mainnav a.toplevel {
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 35px;
	height: 36px;
	width: 83px;
	border-right: 2px dotted #ffffff;

	}

/* GETTING SUPERFISH TO WORK */

ul#mainnav ul a { 
	line-height: 12px;
	width: 73px;
	padding: 13px 5px;
	}
	
ul#mainnav a:hover {
	background: #a9b436;
	color: #ffffff;}

ul#mainnav a.last {
	width: 89px;
	border: none;
	background: url(../images/navbg.gif) top right no-repeat #bee3e4;
	}

ul#mainnav .last:hover {
	width: 89px;
	border: none;
	background: url(../images/navbg.gif) bottom right no-repeat #a9b436;
	}

/* end Nav */

/* Sidenav */

.sidenav {
	position: absolute;
	left: 671px;
	top:153px;
	width: 294px;
	
	}

.sidenav li {
	list-style: none;
	display: inline;
	}

.sidenav a {
	display: block;
	float:left;
	text-align: center;
	line-height: 38px;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 2px;
	font-weight: bold;
	height: 36px;
	background: #a9b436;

	margin-bottom: 1px;
	}

.sidenav .last {
	border-right: none;
	}
	
.sidenav li.last a {
	border-right: none;
	}
	
.sidenav li.last a {
	width: 98px;
	}

.sidenav a:hover {
	background: #d89325;
	color: #ffffff;
	}
	
.one-wide a {
	width: 294px;
	border: 0px none;
	}

.two-wide a {
	width: 146px;
	border-right: 2px dotted #ffffff;
	}

.two-wide .last {
	width: 146px;
	}

.three-wide a {
	width: 96px;
	border-right: 2px dotted #ffffff;
	}

.three-wide .last {
	width: 98px;
	}

a.twoline {
	line-height: 12px;
	padding-top: 6px;
	height: 30px;
	}
	
li.twoline a {
	line-height: 12px;
	padding-top: 6px;
	height: 30px;
}

/* end Sidenav */

/* sidebar styles */

.sidebar a {
	color: #bee3e4;}

.sidebar .highlight {
	border-top: 1px solid #116e8d;
	border-bottom: 1px solid #116e8d;
	background: #a9b436;
	padding: 20px;
	
	overflow: auto;
	}

.sidebar .focus {
	background: url(../images/icon-arrow.gif) 0px 35px no-repeat #a9b436;}

.highlight .buttons {
	}
	
.highlight .buttons a {
	float: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 15px;
	}

.highlight a {
	color: #127698;}

.highlight a:hover {
	color: #fff;}

.highlight .buttons img {
	position: relative;
	top:9px;
	padding-right: 7px;
	}

.sidebar h1 {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 16px;
	color: #ffffff;
	}
.sidebar h1 a {
	color: #bee3e4;
}	
.sidebar h1 a:hover{
	color: #A9B436;
	
}

.sidebar h2 {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #127698;

}
	
.sidebar h2 a {
	color: #cd8d2b;
}	

.sidebar h2 a:hover {
color: #A9B436;
}

.sidebar h3 {
	color: #127698;
	text-transform: uppercase;

	font-size: 11px;
}
	
.sidebar h3 a {
	color: #ffffff;
}	
.sidebar h3 a:hover{
	color: #A9B436;
}

.sidebar h4 {
	color: #acaf4b;
	font-size: 14px;
}


.sidebar h4 a {
	color: #da9325;
	
}
	
.sidebar h4 a:hover{
	color: #A9B436;
	
}
	
.sidebar h5 {
	color: #a9b436;
	}
.sidebar h5 a {
	color: #cd8d2b;
	}

.sidebar h5 a:hover{
	color: #A9B436;
	
}

.sidebar p {
	color: white;
}





.sidebar-int h1, .sidebar-int h2 {
	width:254px;}

a.tips {
	color: #d89426;
	padding-left: 53px;
	background: url(../images/icon-tips.gif) no-repeat;
	display: block;
	min-height: 48px;
	font-weight: bold;
	}

a.tips:hover {
	color: #a9b436;
	}


/* end sidebar styles */

h1 {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 16px;
	color: #0e7799;
	}
h1 a {
	color: #a9b436;
}	

h1 a:hover {
	color: #127698;
}

.block h1 {
	width: 582px;
	margin-bottom: 15px;
	}

h2 {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #a9b436;
	}
h2 a {
	color: #0e7799;
}	

h3 {
	color: #0a546b;
	}
	
h3 a {
	color: #a9b436;
}

h3 a:hover {
	color: #127698;
}	

h4 {
	color: #0e7799;
	}
h4 a {
	color: #a9b436;
}

h4 a:hover {
	color: #127698;
}

h5 {
	color: #d89426;
	font-weight: bold;
	}
h5 a {
	color: #a9b436;
	}

h5 a:hover {
	color: #127698;
}

/*.sidebar h3, .sidebar h3 a {
	font-size: 12px;
	color: #BEE3E4;
	letter-spacing: 0px;
	}

.sidebar h3 a:hover {
	color: #A9B436;}*/
	
.highlight h3 {
	font-size: 14px;
	letter-spacing: 1px;
	color: #127698;
	}

.block {
	clear: both;
	margin-left: 72px;
	padding-bottom: 15px;
	overflow: auto;
	}

.block .l {
	width: 200px;
	float: left;
	}

.block .r {
	width: 370px;
	margin-left: 12px;
	float: left;}

.block .sidebar {
	width: 294px;
	float: right;
	margin-right: 5px;}

.block .sidebar-int {
	padding: 0px 20px 20px 20px;
	}

.block .sidebarfix .sidebar-int { /* a fix for pages where the H1 is out of order */
	padding: 33px 20px 20px 20px;
	}

.int-block { /* this is simply a block element like the one above that is for use inside of the body */
	clear: both;
	padding-bottom: 15px;
	overflow: auto;
	}

.content {
	width: 582px;
	float: left;
	padding-top: 10px;
	}
	
/* -- end main structure -- */

/* -- misc -- */

.clear {
	clear: both;
	overflow: auto;}

.caps {
	text-transform: uppercase;}

.small {
	font-size: smaller;}

.indent {
	padding-left: 15px;}
	
.green {
	color: #5b682b;}

.border {
	background: #ffffff;
	padding: 4px;
	border: 1px solid #116e8d;
}

.center {
	text-align: center;}

/* -- graybox -- */

.graybox {
	background: url(../images/graybox-bg.gif) top left repeat-x #f3f4f4;
	padding: 12px 19px 19px 25px;
	overflow: auto;
	}

.graybox h1, .graybox h2, .graybox h3 {
	text-indent: -6px;}

.graybox p {
	margin-top: 0px;}

.graybox a {
	color: #0a546b;}

.graybox a:hover {
	color: #A9B436;}

/* -- end graybox -- */

/* -- Text styles -- */

.content .r ul {
	padding: 0px 0px 0px 20px;}

/* -- end text styles -- */

/* -- page specific styles -- */

.book-image {
	padding-bottom: 15px;}

.ordernow a {
	margin: 15px;
	float: left;
	}
	
.events {
	width: 207px; /* 287 minus padding */
	background: url(../images/events-bg.gif) bottom center no-repeat;
	min-height: 70px;
	padding: 10px 50px 18px 30px;
	position: relative;
	margin: 5px 2px;
	float: left;
	}

.events h2 {
	text-indent: -15px;
	margin: 0px 0px 5px 0px;
	color: #818e32;
	}

.events h3 {
	text-transform:none;
	color:#005b75;
	letter-spacing: 0px;
	}

.events .event-go {
	display:block;
	position: absolute;
	top:33px;
	right: 11px;
	width: 29px;
	height: 29px;
	background: url(../images/events-go.gif) top left no-repeat;
	text-indent: -9999px;
	}

.events .event-go:hover {
	background: url(../images/events-go.gif) bottom left no-repeat;
	}

.projects {
	min-height: 90px;
	background: url(../images/news-1.gif) top left repeat-x;
	padding: 20px;
	}

.projects .r {
	width: 320px;
	padding-left: 10px;}
	
.news {
	min-height: 90px;
	background: url(../images/news-1.gif) top left repeat-x;
	padding: 10px 0px 0px 18px;
	position:relative;
	overflow: auto;
	margin: 5px 0px 25px 0px;
	}

.news h2 {
	color: #818e32;
	text-indent: -5px;
	margin-bottom: 5px;}

.news .news-image {
	width: 80px;
	height: 65px;
	position: relative;
	background: url(../images/news-img.gif) top left no-repeat;
	float: left;
	
	overflow: hidden;
	
	}

.news .news-image img {
	margin-left: 2px;
	width: 76px;
	height: 61px;
	}


.news .news-content {
	float: right;
	width: 440px; /* 470 minus padding */
	background: url(../images/news-2.gif) top left repeat-x #f9f8ef;
	padding: 15px;}

.news h3 {
	color: #005b75;
	text-transform: none;
	font-size: 12px;}