/*
Palette
======
dark blue: 142965
dull blue: 7A86A8
bright green: 10934B
*/

/* Reset margin, padding */
body, ul, form , dl, dt, dd{
	margin:0;
	padding:0;

}
body{
	font-size:100%;
	text-align:center;
	background:#142965;
	font-family:verdana, arial, sans-serif;
}


#wrapper{
	width:760px;
	text-align:left;
	margin:0 auto;

}
#header, #main, #navigation{
	float:left;
	background:#fff;
	border-right:1px solid #10934B;
	border-left:1px solid #10934B;
}
#main {
	border-bottom:1px solid #10934B;
}

#header{
	position:relative;
	width:760px;
	height:80px;
}

	#header h1{
		margin:0;
		padding:0;
		width:365px;
		height:60px;
		font-size:1.9em;
		color:#333;
	}	
		
	
	#title a{
/*		position:absolute;
		top:20px;
		left:30px; */
		margin:20px 0 0 35px;
		display:block;
		width:365px;
		height:60px;
		background: url('../i/logo.gif') top left no-repeat;
	}
	
	
	
	#sidepanel ul{
	margin-left:20px;
	padding:0;
	list-style-type: none;
}

	
	
		#sidepanel li {
	font-size: .7em;
		padding-bottom:10px;

	}	

	#sidepanel li a, #sidepanel li a:visited{
	color:#7A86A8;
	text-decoration: none;
	}


#navigation{
	clear:both;
	width:760px;
	height:3em;
	background:#fff url('../i/fade.jpg') bottom left repeat-x;
	border-bottom:1px solid #999;
}


	#navigation ul{
		float:left;
		padding-left:40px;
		padding-top:20px;
		display:inline;

	}
	#navigation li {
		text-align:center;
		list-style-type:none;
		float:left;
	}	
	
	#navigation li a, #navigation li a:visited {
		display:block;

		padding-right:1.2em;
		color:#7A86A8;
		font-family: 'georgia', times, serif;
		text-decoration:none;
		font-size:.9em;
		font-weight:bold;
	}
	#navigation li#m8 a {
		padding-right:.2em;
	}
	
/* on states*/	
	#p1 #navigation li#m1 a, 
	#p2 #navigation li#m2 a,
	#p3 #navigation li#m3 a,
	#p4 #navigation li#m4 a,
	#p5 #navigation li#m5 a,
	#p6 #navigation li#m6 a,
	#p7 #navigation li#m7 a,
	#p8 #navigation li#m8 a	{
		color:#142965;
	}	
	

	#navigation li a:hover{
		color:#555;

	}


#main{
	float:left;
	width:760px;
	background:#fff url('../i/fade.jpg') bottom left repeat-x;
}

#container{
	float:left;
	width:760px;
	background: url('../i/leith.jpg') bottom left no-repeat;
}



	#main h1{
		font-family:'georgia', times, serif;
		font-size:1.3em;
		margin:0 0 .5em;
		padding:0 0 .2em;
		background:url('../i/h_underline.jpg') left bottom no-repeat;
		color:#142965;
		font-weight:bold;		
	}
	
	#main h2{
		font-family:'georgia', times, serif;
		font-size:1.1em;
		color:#7A86A8;
		font-weight:bold;		
	}
	

	
	
	#main h3{
		font-family:'georgia', times, serif;
		font-size:.9em;
		color:#555;
		font-weight:bold;		
		margin:0 0 .3em;
		padding:0;
	}	
	
	#p8 .link{		
		cursor:pointer;
		
		color:#7A86A8;		
		text-decoration:none;
		border-bottom:	1px solid #090;
	}	
	#main h4{
		font-family:verdana, arial, serif;
		font-size:1em;
		color:#555;
		font-weight:bold;		
		margin:0 0 .3em;
		padding:0;
	}		
		

	#main p{

		font:.7em/1.4em verdana, arial, sans-serif;
		color:#555;

	}	
	.bright{

	}
	
	#content blockquote{

		padding-left:6px;
		margin:1em 0 0 60px;
		border-left:3px solid #eee;		
		color:#777;

	}		

#content{
	float:right;
	margin-top:1.2em;
	margin-right:30px;
	width:530px;
	display:inline;
	padding-bottom:35px;
}
	#content a{
		color:#7A86A8;
		font-weight:bold;
		text-decoration:none;
		border-bottom:	1px solid #090;
	}
		#content a:hover{
			color:#333;
			text-decoration:none;
		}
		
#POSPhotographs	{
	float:	right;
	cursor:	pointer;
	margin:	0 0 10px 10px;
	padding:10px;
	background:#fff;
	border:1px solid #e3e3e3;
}

#POSCovers	{
	float:	right;
	margin:	0 0 10px 10px;
}

#content	ul,
#content	ol{
	font-size:.7em;
	color:#555;
	margin-left:	30px;
	margin-right:	20px;
}

	#content	ul p,
	#content	ol li p{
		font-size:1em;
	
	}
	#content ol li {
		margin-bottom:.3em;
	}	
	#content ol li ol	{
		list-style-type:	lower-alpha;
		font-size:1em;
	}
	
	#content ol li ul	{
		font-size:1em;
	}
	
	#content ol li ol p, 
	#content ol li ol h4{
		font-size:1em;
	}

/* Lists
*/

#content .links   {
   width:   500px;
   margin-right:  10px;
   float:   left;
   border:1px solid #ddd;
}

	#content .links img{
		float:right;
		padding:8px;
		background-color:#eee;
	}
		
	#content .links h3  {
	  margin: 10px 0 30px 0;
	  border-bottom:  1px solid #699;
	}
	
#content dl	{
	font-family:verdana, arial, sans-serif;
	margin:	0 0 10px 10px;
	color:#555;

}
	#content dt	{
		font-size:.7em;
		font-weight:bold;
		width:	140px;
		text-align:	right;
		float:	left;
		clear:   left;
	}
	#content dd	{
		font-size:.7em;
		margin:	0 0 10px 150px;
	}
	
	#content .links dl {
		margin: 15px 0 20px;		
		padding:10px;
	}

	#content .links dl dt {
	   width:   300px;
	   float:   none;
	   text-align: left;
	   clear:   none;
	}
	#content .links dl dd {
	   width:   300px;
	   margin-left:   0;
	   margin-bottom: 10px;
	   clear:   none;
	}
	
	#content .links dl dd img{
		background-color:#fff;
		clear:right;
		float:right;
		padding:5px;
	}



#content form	{
	margin:	0 0 20px;
	padding:	10px 0;
	border:	1px solid #ddd;
	border-width:	1px 0 1px 0;
}

	#content form dl	{
		margin:	0;
		list-style:	none;
	}
	
	#content form dt	{
		display:	block;
		float:	left;
		width:	200px;
		margin:	0;
		padding:	0;
		text-align:	right;
	}
	#content form dd	{
		display:	block;
		margin:	0 0 10px 210px;
	}
	#content form .field	{
		width:	200px;
		font:	10px Verdana, Arial, Helvetica, sans-serif;
		color:	#336;
		border:	1px solid #142965;
	}
	#content form textarea.field	{
		height:	80px;
	}
	#content form .required	{
		color:	#600;
	}
	#content form .missing	{
		color:	#F00;
	}
		
		
#sidepanel{
	float:left;
	width:170px;
}

	#map{
		margin:2em 0 12em 20px;
	}
	
	
ul.bullet{
	margin-bottom:1em;
	font-family:verdana, arial, sans-serif;
	margin-left:60px;
	list-style-type:none;
}
	ul.bullet li{
		vertical-align:top;
		font-size:.7em;
		color:#777;
		line-height:1.5em;
		margin:0 1em .5em 1em;
		padding-left:25px;
		background:#fff url('../i/bullet.gif') left top  no-repeat;
	}
	ul.bullet li div{

	}	

#footer{
	clear:both;
	float:left;
	width:760px;
	padding-top:.5em;
}

#footer p{
	margin:0;
	padding:0;
	font-family:'georgia', times, serif;
	font-size:.6em;
	height:29px;
	line-height:29px;
	text-align:right;
	color:#fff;	
}

	#footer a, #footer a:visited {
		padding:0 1em 0 1em;
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover{
		color:#848FAE;
	}

p#copyright{
	text-align:left;
	float:left;
	width:760px;
	background:url('../i/maritime_logo.gif') left top no-repeat;
	padding-left:40px;
	margin-left:0px;
}


/*
Classes
*/

.replace{
	display:none;
}

.invisible{
	visibility:hidden;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.fright{
	float:right;
	}
	
.hidden	{
	visibility:	hidden;
}
.inline	{
	display:	inline;
}

a img {
	border:	none;
}
	#sidepanel h2{
		font-family:'georgia', times, serif;
		font-size:0.9em;
		color:#142965;
			margin-left:10px;

	}
	
	
		#sidepanel p {
			font:.7em/1.4em verdana, arial, sans-serif;
		color:#7A86A8;
			margin-left:10px;

	}