﻿/*================
LAYOUT STRUCTURE
-----------------*/

body {
	background:#00a0b0 url(../images/main-background.jpg) no-repeat top center;
	font-family: 'Imprima', sans-serif;
	color:#034950;
}

nav {
	width:100%;
	background:url(../images/nav-background.png) repeat-x;
	height:89px;
	position:fixed;
	z-index:999;
}

header {padding-top:105px;}

#main {
	background:#daeb56;
	margin-left:10px;
	margin-top:3px;
	width:940px;
	padding:10px 0 20px 0;
} 

/*================
NAVIGATION STRUCTURE
-----------------*/

nav ul {
	margin:0;padding:0;
}

nav ul li {
	list-style-type:none;
	margin:0;
	position:relative;
	float:left;
}

nav ul li a {
	display:block;
	border-left:1px solid #ddf154;
	margin:0;padding:0;
	height:51px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	padding:0 37px;
	padding-top:25px;
}

nav li a:hover {background:#7a9d01;}

nav li.last a {border-right:1px solid #ddf154;}

nav li ul {display:none;}

nav li:hover ul {display:block;position:absolute;}

nav li:hover li {float:none;font-size:15px;}

nav li:hover li a {
	background:#8faa12;
	border-bottom:1px solid #ddf154;
	height:auto;
	padding:8px 15px;
	display:block;
	text-align:center;
	font-size:14px;
	width:100%;
}

nav li:hover li a:hover {background:#6d8a00;}

/*================
HEADER STYLES
-----------------*/

#logo h1 {
	color:#ff6000;
	font-size:50px;
	line-height:60px;
	letter-spacing:-0.04em;
	text-align:left;
}

#logo {padding-top:30px;}


#slideshow {
    position:relative;
    height:242px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/*================
CONTENT STYLES
-----------------*/

a {
	color:#007f8f;
}

a:hover {
	color:#003c43;
}

h1 {
	text-align:center;
	font-size:38px;
	color:#ff6000;
	letter-spacing:-0.03em;
}

h2 {
	font-size:22px;
	color:#ff6000;
	letter-spacing:-0.05em;
	margin-bottom:0;
	position:relative;
}

h3 {
	font-size:19px;
	color:#00a0b0;
	letter-spacing:-0.05em;
	margin-bottom:0;
	position:relative;
}

h2 span {
	position:absolute;top:-110px;
}

#content {
	padding-left:50px;
	width:530px;
	font-size:18px;
	margin-right:50px;
}

#content-main {
	width:820px;
	padding:0 50px;
	font-size:16px;
}

#sidebar {
	padding-right:50px;
	width:220px;
	text-align:center;
}

hr {
	width:100%;
	height:1px;
	background:#ffffff;
	border:0;
}

#address {
	color:#00a0b0;
	font-size:18px;
	line-height:24px;
}

#social {
	background:#b5ce06;
	border:2px solid #fff;
	text-align:center;
	margin-bottom:15px;
	padding:5px 0 10px 0;
}

#social strong {
	color:#fff;
	font-size:20px;
	font-weight:normal;
}

.floatright {
	float:right;
	margin-left:15px;
	border:2px solid #fff;
}

.floatleft {
	float:left;
	margin-right:15px;
	border:2px solid #fff;
}

.predev {
	font-size:11pt;
	font-weight:bold;
	}
	
ol li {
	padding-bottom:10px;
	list-style-type:circle;
	}

.book {     /* This is what holds the book descriptions in a "CSS table". */
	width:400px;
	height:145px;
	padding:5px 10px 20px 10px;
	background-color:#b5ce06; /* Change background color of book tables */
	margin:0 auto; /* Centers the book table in the middle of page */
	}
	
.center {
	text-align:center;
}

/*================
FOOTER STYLES
-----------------*/

footer {
	height:150px;
	background:url(../images/footer-background.png) repeat-x;
	width:100%;
	margin-top:-15px;
	padding:25px 0;
	text-align:center;
}

footer a {
	color:#ff6000;
}