/* colors:
561420  maroonish
821122  deep red
C59A6F  beige
333333  dark grey
CCCCCC  light grey
FCFCFC  white
Text: Myriad

#25D500	Green
#3DA028	Dark Green
#188A00	Darker Green
#59EA3A	Light Green
#04819E	Blue
#206676	Dark Blue
#60B9CE Pale Blue
#C6F500 Yellow-ish
#D6FA3F Brighter Yellow
#F60018	Red
#F0F0F0 Gray

# id
. class
*/

HTML, BODY {
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #D0D0D0; /* grey */
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#container {
	width: 1000px;
	/*min-height: 100%;*/
	height: auto;
	position: relative;
	background: #188A00; /* Darker Green */
	margin: 0 auto 0 auto;
	border-left: solid #FFFFFF 3px;
	border-right: solid #FFFFFF 3px;
}

#header-container {
	padding: 0px;
	height: 200px;
}

#header1 {
	background-color: #206676; /* Dark Blue */
	background-image: url('../images/header/header1-top.png');
	height: 50px;
}
#header1 .link {
	color: #FFFFFF;
	width: auto;
	height: 50px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
	vertical-align: middle;
	line-height: 50px;  /* height of div */
}
#header1 .link:hover {
	background-color: #04819E;
}
#header2 {
	background-color: #04819E; /* Blue */
	background-image: url('../images/header/header1-bottom.png');
	height: 150px;
}

#body {
	padding: 0px;
	height: auto;
	background-color: gray;
}


#footer  {
	width: 1000px;
	min-height: 50px;
	background-color: #206676; /* Dark Blue */
	border-top: solid #000000 1px;
	clear: both;
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 50px; /*vertically center text */
}

#left-border {
	float:left;
	width: 0px;
	padding: 0px;
}
#container2 {
	float:right;
	width:1000px;
	min-height: 600px;
}
#main-content {
	float:left;
	width: 1000px;
	min-height: 600px;
	padding: 0px;
	background:#F0F0F0; /* yellowish */
}
#right-border {
	float:right;
	width: 0px;
	padding: 0px;
}
#top-content-container {
	/*min-height: 400px;*/
	background-color: #F0F0F0;
	width: 1000px;
	border-top: solid #FFFFFF 3px;
	border-bottom: solid #FFFFFF 3px;
	
}
/* 
START: 
top 3 content boxes
*/
#container3 {
	min-height: 250px;
	width: 1000px;
	background-color: #F0F0F0; 
	overflow: hidden; /* contain overflow from floats */
}

#left-content-box {
	float:left;
	width: 313px;
	min-height:  250px;
	margin: 10px;
	/*background:#B8B8B8;  /* gray */
	border-radius: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#container4 {
	float:right;
	width:666px;
	min-height: 250px;
}
#middle-content-box {
	float:left;
	width: 313px;
	min-height: 250px;
	margin: 10px;
	border-radius: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#right-content-box {
	float:right;
	width: 313px;
	min-height: 250px;
	margin: 10px;
	border-radius: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.content-box-header {
	padding: 10px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
}
.content-box-body {
	padding: 0px 5px 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
}

/*
END:
3 content boxes
*/

/* 
START: 
Expandable content
*/

#expandable-content-box {
	width: 1000px;
	height: 300px;
	background-color: #04819E;
	display: none;
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #FFFFFF;
	
	clear: both;
}
#expandable-left-split-box {
	padding: 10px 20px 5px 5px;
	float: left;
	width: 450px;
	text-align: right;

}
#expandable-right-split-box {
	padding: 10px 5px 5px 10px;
	float: left;
	width: 450px;
}

.expandable-box-header {
	padding: 0px 10px 5px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
}

/*
END:
expandable content
*/

/* 
START: 
second 3 content boxes
*/

#container5  {
	width: 100%;
	min-height: 250px;
	background-color: #04819E; /* Blue */
	border-top: solid #FFFFFF 1px;
	clear: both;
	color: #FFFFFF;
	overflow: hidden; /* contain overflow from floats */
}

#second-row-left-content-box {
	float:left;
	width: 313px;
	min-height:  250px;
	margin: 10px;
	border-radius: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#container6 {
	float:right;
	width:666px;
	min-height: 250px;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: none;
}
#second-row-middle-content-box {
	float:right;
	width: 666px;
	min-height: 250px;
	margin: 10px;
	border-radius: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
/* currently not used due to enlargened middle box */
#second-row-right-content-box {
	float:left;
	width: 313px;
	min-height: 250px;
	margin: 10px;
	border-radius: 10px; 
	margin-bottom: 0px;
	margin-top: 0px;
	clear: left;
}

/* 

END: 
second 3 content boxes
*/

/*
START: 
CANVAS and OVERLAYS:
*/
#canvas {
	width: 1000px;
	height: 400px;
}
#canvas-wrap {
	position: relative;
}
#overlay {
	position: absolute;
	top: 50px;
	left: 660px;
	width: 305px;
	min-height: 260px;
	background-color: #D0D0D0;
	border: solid 1px #000000;
	opacity: 1;
}

#box1 {
	position: absolute;
	top: 340px;
	left: 660px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

#box2 {
	position: absolute;
	top: 340px;
	left: 715px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

#box3 {
	position: absolute;
	top: 340px;
	left: 770px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

#box4 {
	position: absolute;
	top: 340px;
	left: 825px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

#box5 {
	position: absolute;
	top: 340px;
	left: 880px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

#box6 {
	position: absolute;
	top: 340px;
	left: 935px;
	background-color: #04819E;
	width: 30px;
	min-height: 30px;
	border: solid 1px #000000;
	opacity: 1;
}

/*
END:
CANVAS AND OVERLAYS
*/

/* 
START: 
Text
*/

.overlay-box-header {
	padding: 10px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
}
.overlay-box-body {
	padding: 0px 10px 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
}


#slide1-header, #slide2-header, #slide3-header, #slide4-header, #slide5-header, #slide6-header {
	display: none;
}
#slide1-body, #slide2-body, #slide3-body, #slide4-body, #slide5-body, #slide6-body {
	display: none;
}
#expandable1, #expandable2, #expandable3, #expandable4, #expandable5, #expandable6 {
	display: none;
}

a {
	color: #F60018;
}

a:visited {
	color: #F60018;
}

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

.overlay-link  {
	color: #F60018;
	padding: 0px 10px 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
}
.overlay-link:hover  {
	text-decoration: underline;
}
/*
END:
Text
*/

#locations {
	border: 0;
	padding: 0 20px 10px 0px;
	
	width: 100%;
}
#locations tr.light {
	background-color: #F0F0F0;
	color: #000000;
}
#locations tr.dark {
	background-color: #04819E;
	color: #FFFFFF;
}

/* 
START: 
Books
*/
#book-container {
	padding: 10px 10px 10px 40px;
	background-color: #F0F0F0;
	font-family: 'Open Sans', sans-serif;
}
h3.book-info {
	font-weight: bold;
	float: left;
	font-size: 1.1em;
}

ul.book-info {
	float: left;
	clear: left;
	font-size: 0.9em;
	padding: 5px 0px 0px 5px;
}
td.top-align {
	vertical-align: top;
	padding: 10px 10px 0px 20px;
}
/* 
END: 
Books
*/

/* 
START: 
Features
*/
#features-container {
	min-height: 400px;
}
#features-container h1 {
	font-size: 1.3em;
}
#features-container .title {
	font-size: 1.2em;
	font-weight: 600;
}
#features-container .title a {
	color: #000000;
	text-decoration: none;
}
#features-container .title a:hover {
	text-decoration: underline;
}
#features-container .text {
	font-size: 1em;
	padding: 5px 0px 0px 20px;
}
#features-container .posted {
	font-size: 0.8em;
	color: #F60018; /* red */
	padding: 5px 0px 0px 20px;
}
.feature-item {
	padding: 10px 40px 40px 40px;
	/*background-color: #F0F0F0;*/
	font-family: 'Open Sans', sans-serif;
}
/* 
END: 
Features
*/

img.align-left {
	float: left;
	margin: 0px 10px 10px 0px;
}