/* default styles */

body {
background:#bcbcbc url(../i/center_bg.jpg) center repeat-y;
text-align:center;
padding:0px;
margin:0px;
font: 12px verdana, arial, helvetica, sans-serif;
}

table {
font: 12px verdana, arial, helvetica, sans-serif;
}

html {
margin:0px;
padding:0px;
}

a img {
border:0px; 
text-decoration:none;
}

.linkImage
{
border:none;
text-decoration:none;
margin-left:5px;
width:16px;
height:16px;
position:relative;
}

/* overarching styles */

#container {
background:white;
text-align:left; 
margin:0px auto;
padding:0px 0px 10px 0px;
width:800px;
}

#firstBanner {
background:#FFd775 url(../i/tilikum-banner.gif) top center no-repeat;
color:#E36F1E; 
font-size:12px;
margin:0px;
padding:5px 0px 10px 0px;
text-align:center; 
text-indent:-1000em;
}

#photoHolder {
background:#FFC534 url(../i/photo_gradient.jpg) center center repeat-x;
text-align:center;
word-spacing:0px;
}

#randomImage {
border:5px solid white;
margin:0px;
}

/* main content area styles */

#content {
margin:0px;
padding:10px 50px 50px 50px;
position:relative;

/* this is incorrectly set for Internet Explorer */
width:800px;
}

/* correcting the IE workaround */
html>body #content
{
	width:700px;
}


#homeDivs {
background-color:#bcbcbc;
background-image: url('../i/grunge_2.gif');
background-position: bottom right;
background-repeat: no-repeat;
height:110px;
width:480px;
margin:20px 10px 10px 0;
padding:5px 10px 10px 10px;
border: none;
}


#breadcrumbs
{
color:#8f9096;
font-size:10px;
font-style:italic;
margin:5px 0px 30px 0px;
}

#breadcrumbs a, #breadcrumbs a:visited
{
color:#8f9096;
}

#highlights
{
background:#E1E1E1;
float:right;
height:500px;
margin:-10px -20px 10px 20px;
min-height:135px;
padding:0 0 5px;
position:relative;
width:160px;
}

html>body #highlights
{
height:auto;
}

#highlights div
{
margin:12px 12px 40px 12px;
}

#highlights .bottom {
background:url(../i/highlights_b.jpg) bottom no-repeat;
position:absolute;
bottom:0px;
left: 0px;
margin:0px;
height:19px;
width:150px;
}

#highlights .header
{
background:url(../i/grunge_1.gif) top right no-repeat;
font-weight:bold;
margin:0px 0px 5px 0px;
padding:5px 0px 5px 5px;
text-align:center;
color:#444444;
}

/* sidebar styles */

#printThis {
position:relative;
float:right;
right:15px;
top:10px;
text-decoration:none;
pointer:hand;
font-size:10px;
}

#printThis a {
color:#444;
}

#navBar {
background:#FFb701 url() bottom left repeat-x;
margin:0px;
padding:10px 35px 0px 35px;
float:left;
width:80%;
height: 27px;
border-bottom:1px solid #8f9096;
}

html>body #navBar {
float:none;
width:745px;
padding-left:20px;
}

/* list and link styles for sidebar */
#navBar li {
display:inline;
margin:0px;
padding:0px;
height:0px;
}

#navBar a {
background:#FFd775 url(../i/left_combined.jpg) top left no-repeat;
border-bottom:1px solid #8f9096;
color:#444444;
display:block;
float:left;
list-style:none;
padding:0px; 
margin:0px 3px;
height:27px;
}

#navBar a span {
display:block;
background:url(../i/right_combined.jpg) top right no-repeat;
cursor:pointer;
float:left;
font-size:10px;
font-weight:bold;
margin:0px; 
padding:5px 15px 10px 15px;
white-space:nowrap;
height:12px;

/* ugly Internet Explorer hack! */
width:0px;
/* this is fixed by exploiting an IE bug later*/
}

html>body #navBar a span
{
width:auto;
}

/* hide rule from IE5-Mac \*/
#navBar a span {
float:none;
}
/* IE5-Mac hack done */

#navBar a:visited {
color:#444444;
font-size:10px;
}

#navBar a:hover
{
 background-color:white;
 background-position:0% -100px;
border-bottom:1px solid white;
}

#navBar a:hover span
{
 background-position:100% -100px;
}

#navBar a:hover {
color:black;
}

#navBar .currentPage a, #navbar .currentPage a:visited
{
background:white url(../i/left_combined.jpg) top left no-repeat;
background-position:0% -100px;
border-bottom:1px solid white;
color:black;
}

#navBar .currentPage a span
{
background:url(../i/right_combined.jpg) top right no-repeat;
background-position:100% -100px;
color:black;
}

/*
Many many many thanks to
Position Everything's float clearing fix
http://www.positioniseverything.net/easyclearing.html

The next few rules implement said fix for the main content area.
*/


.expandBox:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.expandBox {display: inline-table;}

/* Hides from IE-mac \*/
* html .expandBox {height: 1%;}
.expandBox {display: block;}
/* End hide from IE-mac */

.updated
{
background:white url(../i/canoes.jpg) top center no-repeat;
font-size:10px;
margin:5px 0px;
text-align:center;
padding:65px 20px 10px 20px;
}

/* list links for the bottom bar */
#footer2 {
font-size:10px;
margin:0px;
text-align:center; 
}

.footer-black-text
{
font-size:10px;
}