/*

Pale Grey = #979a9d
Dark Grey = #666666 
Blue      = #009fed

*/

/* Main styles */
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 0.8em;
}

ul, li {margin: 0; padding: 0;}
a {text-decoration: none; color: #666666;}
a:hover {color: #009fed;}
img {border: 0;}

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -0.1em;
	color: #009fed;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

p {margin: 8px 0; padding: 0;}

ul {list-style-type: circle;}
li {margin: 5px 0 5px 20px;}


table {width: 100%; margin: 0px 0;}
th {
	background-color: #888888;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0;
}
th.thick {padding: 5px 0;}
td {padding: 8px 0; font-weight: bold;}

textarea {width: 620px; height: 100px;}

input.submit {
	float: right;
	background-color: #009fed;
	color: #ffffff;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	border: 0;
}


/* Div styles */
#top_stripe {
	margin-bottom: 20px;
	height: 20px;
	background-color: #979a9d;
}

#wrapper {
	width: 870px;
	margin: 0 auto;
}

#header img {float: left;}

#header ul {
	margin: 20px 0 0 0;
	float: right;
	text-align: right;
	list-style-type: none;
}

#header li {font-size: 0.9em; line-height: 1em;}

#header a {font-weight: bold; color: #979a9d;}
#header a:hover {color: #009fed;}

div#nav {background-color: #009fed; clear: both;}
div#subnav {background-color: #888888; margin-bottom: 10px;}

#nav ul, #subnav ul {list-style-type: none; height: 19px;}
#nav ul, #subnav ul{*height: 16px;}
#nav li, #subnav li {display: inline; margin: 0 10px 0 0; padding: 0;}

#nav a, #subnav a {
	vertical-align: middle;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff;
	padding: 4px 1.5em 4px 1.5em;
	font-size: 0.8em;
	line-height: 1em;
}
#nav a:hover {background-color: #888888;}
#subnav a:hover {color: #009fed;}

#nav a.selected {background-color: #888888;}
#nav a.selected:hover {color: #ffffff;}

#content {padding-bottom: 20px;}

#leftcol {
	width: 640px;
	float: left;
}

#rightcol {
	width: 220px;
	float: right;
	color: #ffffff;
	font-size: 1em;
}
#rightcol .blue_box {
	padding: 10px;
	background-image: url('../images/blue_box_bg.jpg');
	background-repeat: repeat-y;
	background-color: #009fed;
}
#rightcol .pale_blue_box {
	padding: 10px;
	background-image: url('../images/pale_blue_box_bg.jpg');
	background-repeat: repeat-y;
	background-color: #a8ddf0;
}
#rightcol .grey_box {
	margin-top: 10px;
	padding: 10px;
	background-image: url('../images/grey_box_bg.jpg');
	background-repeat: repeat-y;
	background-color: #666666;
}
#rightcol .white_box {
	padding: 10px;
	background-color: #ffffff;
	color: #999999;
	margin-bottom: 10px;
}
#rightcol a {font-weight: bold; color: #999999;}
#rightcol div.icon {clear: both; padding: 5px 0;}
#rightcol div.icon img {float: left; margin-right: 10px;}
#rightcol div.icon p {font-family: Helvetica, Arial, sans-serif;}

#slideshow {width: 640px; height: 426px; margin-bottom: 10px;}
#slideshow img {width: 640px; height: 426px;}


#gallery {
	background-color: #ffffff;
}
#large_image {
	width: 640px;
	height: 426px;
}
.thumbs img {
	border: solid 3px #999999;
	width: 100px;
	height: 75px;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #009fed;
}

#text {clear: both;}

#footer {
	width: 100%;
	float: left;
	margin-top: 50px;
	padding: 4px;
	background-color: #009fed;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
}
#footer p {
	width: 900px;
	margin: 0 auto;
}