/*
**************************************************
HMAS Sydney II Virtual Memorial
Designed By: Richard Sojka, Glenfield Systems
(c) Copyright Glenfield Systems & HMAS Sydney Search Pty Ltd & Naval Association of Australia 2001-2008
Tested Browsers:
IE V6, V7, V8
Mozilla Firefox V2+
Opera V9+
Netscape V8+
Safari V1+
Google V1

------------------------------------------
General Setup
------------------------------------------*/
* {margin: 0; padding: 0;}

html,body {
   float: none !important;
   width: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   text-align: center;
 	font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, sans-serif;
	font-size: 11px;
	color: black;
	line-height: 18px;
	background: Black url(images/mainback.jpg) top center no-repeat; 
}

p { padding: 0 0 20px 0;
	
}
table td, table th { padding: 3px 5px; vertical-align:top;}

th {
	background-color: #f4f3f0;
}

a {
	color: #6A5D40;
	text-decoration: none;
}

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

ul, ol {list-style: none;}


h1, h2, h3, h4, h5 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1em;
	letter-spacing: -.02em;	
	text-transform: uppercase;
}


h1 {
	text-align: left;
	font-size: 2.5em;
}

h2 {
	font-size: 2.0em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

/*
------------------------------------------
Divisional Layout
------------------------------------------*/

div#header {	
	width: 100%;
	height: 200px;
	background: url(images/back1.gif) !important;
	text-align: center;	
	margin: auto;
}
div#mainimage {	
	width: 774px;
	height: 320px;
	text-align: center;	
	margin: auto;
}

#whatsnew {
  padding: 10px 0 0 30px;
  border-top: 5px solid black;  
  background: #120f0c;
  font: 1.1em "Lucida Grande", "Lucida Sans Unicode",Verdana, sans-serif;
  overflow: hidden;
  width: 744px;
  height: 2.4em;
  background-color: #120f0c;
  margin: auto;
  color: #78756f;
  text-align: left  
}

div#mainbody {	
	width: 794px;
	text-align: center;	
	margin: auto;
	background: url(images/subback.gif) top left repeat-y !important;
	overflow: hidden;	
}

div#mainbodyleft {	
	width: 185px;
	float: left;	
	background: url(images/subback1.gif) !important;
	position: relative;

}

div#mainbodyright {	
	width: 593px;
	float: left;	
}

div#pagetitle {	
	width: 538px;
	height: 85px;
	float: left;	
   background: url(images/subslice3.gif) no-repeat 0px 0;
	text-align: left;
	padding: 2em 2em 0 2em;
	position: relative;
}

div#pagecontent {	
	width: 540px;
	float: left;	
	text-align: left;
	padding: 0 2em 2em 2em;
	position: relative;
	left: 0px;
	top: -20px;
}

div#subpagemenu {	
	width: 185px;
	height: 316px;
	float: left;	
   background: url(images/subslice1.gif) no-repeat 0px 0;
	text-align: left;
	position: relative;
}

div#subfooter {	
	background-color: Black !important; 
	padding: 2em 1em 1em 1em;  
	width: 778px;
	color: #5C5C5C;
	float: left;
	text-align: center;
	margin: auto;
   font-size: 10px;
}

#subfooter a, 
   .navlink #footer #navlink {
	color: #7A7A7A;
	text-decoration: none;
}

#subfooter a:hover, 
   .navlink #footer #navlink {
	color: #A1A1A1;
	text-decoration: none;
}

#subfooter img {padding: 0 0 0 40px;}

div#footer {	
	width: 755px;
	color: #5C5C5C;
	padding: 2em 1em 1em 1em;
	text-align: center;
	margin: auto;
        font-size: 10px;
}

#footer a, 
   .navlink #footer #navlink {
	color: #7A7A7A;
	text-decoration: none;
}

#footer a:hover, 
   .navlink #footer #navlink {
	color: #A1A1A1;
	text-decoration: none;
}

#footer img {padding: 0 0 0 40px;}

/*
------------------------------------------
Navigation
------------------------------------------*/

#navbar {
  padding: 5px 0 0 30px;
  border-top: 5px solid black;  
  background: #201b15;
  font: 1.1em "Lucida Grande", "Lucida Sans Unicode",Verdana, sans-serif;
  overflow: hidden;
  letter-spacing: 0.1em;
  width: 744px;
  height: 3.4em;
  background-color: #201b15;
  margin: auto;
}
#navbar li {float: left; padding: 0 23px 0 10px; margin-right: 5px;
  background: url(images/separator.gif) 100% 66% no-repeat;}
#navbar li a {display: block; padding: 0.75em 0 0.25em;
  text-transform: uppercase; color: #EEEEEE;}
#navbar #menu6 {background: none;}
#navbar a:hover,
  .menu1 #navbar #menu1 a,
  .menu2 #navbar #menu2 a,
  .menu3 #navbar #menu3 a,
  .menu4 #navbar #menu4 a,
  .menu5 #navbar #menu5 a,
  .menu6 #navbar #menu6 a { 
  color: yellow;
  text-decoration: none;
}

/* This is the transparent box */
#transboxmenu {
	width: 136px;
	margin: 12px 24px;
	padding-bottom: 10px;
	background-color: #000000;
	filter:alpha(opacity=30);
	opacity: 0.5;
	-moz-opacity:0.5;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transboxmenu div {
	padding: 16px;
	font-weight: bold;
	color: #ffffff;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}

#subnavbar {
  font: 1.1em "Lucida Grande", "Lucida Sans Unicode",Verdana, sans-serif;
  overflow: hidden;
  letter-spacing: 0.1em;
  margin: auto;
}
#subnavbar li {float: left; padding: 0 0px 0px 12px;
  background: url(images/separator.gif) no-repeat 0% 50%;}
#subnavbar li a {display: block; padding: 0.3em 0 0.25em;
  text-transform: uppercase; color: #EEEEEE;}
#subnavbar a:hover,
  .menu1 #subnavbar #menu1 a,
  .menu2 #subnavbar #menu2 a,
  .menu3 #subnavbar #menu3 a,
  .menu4 #subnavbar #menu4 a,
  .menu5 #subnavbar #menu5 a,
  .menu6 #subnavbar #menu6 a { 
  color: yellow;
  text-decoration: none;
}

#tabheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/tabbg.gif") repeat-x bottom;
  font-size:1em;
  line-height:normal;
}

#tabheader ul {
   margin:0;
   padding:10px 0px 0;
   list-style:none;
}

#tabheader li {
   float:left;
   background:url("images/lefttab.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 9px;
   border-bottom:1px solid #665646;
}

#tabheader a {
   float:left;
   display:block;
   width:.1em;
   background:url("images/righttab.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   text-decoration:none;
   font-weight:normal;
   color:#665646;
}

#tabheader > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabheader a {float:none;}
/* End IE5-Mac hack */

#tabheader a:hover {
     color:#333;
}

#roll #nav-roll, #usail #nav-usail, #photoroll #nav-photoroll, #backnotes #nav-backnotes, #submitcontent #nav-submitcontent, #photos #nav-photos, #videos #nav-videos, #crewdetails #nav-crewdetails, #crewstories #nav-crewstories, #ship #nav-ship, #battle #nav-battle,
#search #nav-search, #tributes #nav-tributes {
    background-position:0 -150px;
    border-width:0;
}

#roll #nav-roll a, #usail #nav-usail a, #photoroll #nav-photoroll a, #backnotes #nav-backnotes a, #submitcontent #nav-submitcontent a, #photos #nav-photos a, #videos #nav-videos a, #crewdetails #nav-crewdetails a, #crewstories #nav-crewstories a, #ship #nav-ship a, #battle #nav-battle a, 
#search #nav-search a, #tributes #nav-tributes a {
    background-position:100% -150px;
    padding-bottom:5px;
    color:#333;
}

#tabheader li:hover, #tabheader li:hover a {
    background-position:0% -150px;
    color:#333;
}

#tabheader li:hover a {
    background-position:100% -150px;
}

/*
------------------------------------------
Specialised Classes for Content & Sub Headers
------------------------------------------*/

.rowone {
	background-color: #ffffff;	
}

.rowtwo {
	background-color: #f4f4f4;
}

.detailsbox {
   background: #fafaf8; 
	width: 500px;
	padding: 20px;
} 

.legendbox {
   background: #FFFFFF; 
	width: 490px;
	padding: 20px 0px 0px 20px;	
} 

.footnote {
 color: Gray;
 line-height: 1.4em;
}

.gallerybox {
	width: 550px;
	background: white;
	text-align: left; 
	height: 410px;
	position: relative;
	padding: 0px 0px 0px 0px;
} 

.picframe {
	border: 1px;
	border-color: black;	
	border-style: solid;
}

.piccaption {
	font-size: 0.8em;
	color: #707070;
	line-height: 1.2em;
}
.linkspecial {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
.linkspecial:hover {
   font-size: 1.1em;
 	text-decoration: underline;
}
.linkwhatsnew {
	color: #89755a;
	text-decoration: none;
}
.linkwhatsnew:hover {
	color: #a7957c;
 	text-decoration: underline;
}