/* 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:#000000;
text-align:left;
font-color:#FFFFFF; 
margin:0px auto;
padding:0px 0px 10px 0px;
width:800px;
}

#firstBanner {
background:#FFFFFF url(../i/Tilikum-banner2.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:#FFFFFF center repeat-x;
text-align:center;
word-spacing:0px;
}

#randomImage {

margin:0px;
}

/* main content area styles */

#content {
color:white;
background:url(../i/logo2.gif) bottom left no-repeat;
background-position:35px 100%;
margin:0px;
padding:10px 90px 160px 90px;
position:relative;

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

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

#printThis {
position:absolute;
top:0px;
right:10px;
text-decoration:none;
pointer:cursor;
font-size:10px;
}

#breadcrumbs
{
color:#A8A8A8;
font-size:10px;
font-style:italic;
margin:0px 0px 1.5em 0px;
}

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

#highlights
{
background:#FEE8B7 url(../i/highlights_b.jpg) bottom left no-repeat;
float:right;
height:150px;
margin:25px 0px 10px 0px;
min-height:150px;
padding:0px;
width:150px;
}

html>body #highlights
{
height:auto;
}

#highlights div
{
padding:5px;
}

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

/* sidebar styles */

#navBar {
background:#FFFFFF bottom left repeat-x;
margin:0px;
padding:10px 35px 0px 35px;
float:left;
height:27px;
width:100%;
border-bottom:1px solid #8F9096;
}

html>body #navBar {
float:none;
width:auto;
}

/* list and link styles for sidebar */

#navBar li {
display:inline;
margin:0px;
padding:0px;
height:0px;
}

#navBar a {
background:#FFFF06 url(../i/left_combined_button.gif) top left no-repeat;
color:#8f9096;
display:block;
float:left;
list-style:none;
padding:0px; 
margin:0px 2px;
}

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


/* 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:#8f9096;
font-size:10px;
}

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

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

#navBar a:hover {
color:white;
}

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

#navBar .currentPage a span
{
background:black url(../i/right_combined_button.gif) 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:black url(../i/canoes.gif) top center no-repeat;
color:#A8A8A8;
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-white-text
{
font-size:10px;
}