body {background: #fff url(images/bg_tile.jpg) repeat-x left top;}
a:link {color: #00f;}
a:visited {color: #003;}
a:hover {color: #009;}
a:active {color: #090;}
a.wht:link, a.wht:visited {color: #fff; font-weight: bold;}
.wht {color: #fff;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color: #000;}

/******* NAUTICAT COLORS **************
red #ee2018
blue #009
************/

#poster {background: url(images/poster.jpg) no-repeat;}
#navtop, #navbottom {background: url(images/background_nav_main.gif) repeat-x;}
#footer {color: #000;}
#footer a {color: #009;}
#navtop ul li, #navbottom ul li {color: #fff;}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited {color: #fff;}
#navtop a:active, #navbottom a:active {color: #feffbd;}

.leftblock {border: 1px solid #ee2018; background: #ddf; filter: alpha(opacity=65);
-moz-opacity:0.65; opacity:0.65; -khtml-opacity:0.65;}
.leftblock a {color: #006;}
.leftblock a:visited {color: #003;}
.leftblock a:hover {color: #00f; background: #fff;}
.darker {color: #006;}
.rightblock {border: 1px solid #ee2018; background: #fff; color: #009;}
.fullwidth {border: 1px solid #ee2018; background: #fff; }
/* Goes around controls that need to be presented as a block of functionality  */
.controlblock {border: 1px solid #ee2018;}
/* shows a visual seperation */
.dashedline {border-bottom: 1px dashed #dbce6a;}
dt {color: 003;}

/**************** * Global formatting****************/
legend {color: #666;}

/**************** * Image functionality****************/
.photo {background: #feffc8 url(images/background_thumbnail.jpg) repeat-x center; border: solid 1px #e8dca3;}
.picture {background: #feffc8 url(images/background_thumbnail.jpg) repeat-x center; border: solid 1px #e8dca3;}
/* add hover border to href thumbnail images *//*todo: rectify whether these should be .photo instead */
.thumbnail a:link img, #thumbnail a:visited img {border: 2px solid #883d08;}
.thumbnail a:hover img {border: 2px solid #fff;}
.thumbnail a:active img {border: 2px solid #000;}

/**************** * Compact project list****************/
/*.projectlist, .projectlist td, .projectlist tr {border-style:none;}

*//**************** * Rollover buttons****************/
.buttonsmall, .buttonsmall-ovr {background: url(images/background_button_small.gif) repeat-x; border: none; color: #fff; }
.buttonsmall-ovr {background: url(images/background_button_small-ovr.gif) repeat-x;}


/**************** * Photo selection controls****************/
#popupbody {background: #fed36b; }
#popupinner {border: 1px solid #ee2018; background: #feffab;}
.unselected {background-color: transparent; border: solid 1px #feffab;}
.selected {background: #fed36b; border: solid 1px #ee2018;}
.scrollablelist {overflow: auto; height: 230px; width: 460px; border: solid 1px #ee2018;}
.scrollablelist2 {overflow: auto; height: 230px; width: 210px; border: solid 1px #ee2018;}
.selectablephoto {background: #feffc8 url(images/background_thumbnail.jpg) repeat-x center; border: 1px solid #e8dca3; }