#tops{
background: #fff;
height: 30px; /*Height of top section*/
background:#fff url('http://www.royal-navy.org/img/hdr.jpg') top left no-repeat;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 978px ;
padding-top: 50pt;
padding-bottom: 3pt;
}

#contentfront {
	margin: 0 0 0 12.2em;
	position: relative;
	z-index: 2;
	color: #333;
	background-color:#FFF;
	line-height: 1.5em;
	font: sans-serif;
	}
	
#column-contentfront {width: 100%;float: right;	margin: 0 0 .6em -12.2em;	padding: 0; background-color:#FFF;}

#PaintingFrame {position:relative;  z-index:1; left: 0px; top: 0px; bottom-margin:0px;}

#PaintingFrame2 {position:relative;  z-index:1; left: 2px; top: 2px; border:2px #ccc; top-Margin:4px;  padding:2px;}

.newsbox1{
border-bottom: 1px solid #CCCCCC; padding: 2px;
margin: 0.2em 0.2em 0.2em 0; float:left;}
.picture { width:250px;  font: 1em Arial, sans-serif; }
.picture img { vertical-align:middle;  }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
.text {margin: 0.5em 0.8em 0.5em 0; float:left;}
#ViewQuote {position:absolute; width:250px; height:250px; z-index:2; left: 10px; top: 5px;color: #151F44; font-size: 13px;font-weight: bold;align:left; padding-left: 2pt;padding-right: 2pt;}

#viewquote {color: #000; text-align: left; font-size: 11px;line-height: 110%; padding-left: 0.5em;}



#InHistoryFrame {
	position:relative;
	width:180px;
	height:200px;
	text-align: left;
sans-serif;		font-size:11px;
	background-color: #FFFFFF;
}
.history h5 {	background: transparent; 	padding: 0 1em 0 .5em;	font-size: 12px;	font-weight: normal;}
.history ul {	line-height: 1.5em;		font-size: 100%;}
.history li {	line-height: 1.5em; padding: 0;	margin: 0;list-style-type: none; list-style-image: none;}

#fgh2 {font-size: 125%; font-weight: bold; padding-top: .3em; padding-bottom: .3em;	margin-top: 1px;  }
#fgh3 {font-size: 115%; font-weight: bold; padding-top: .3em; padding-bottom: .3em;	margin-top: 1px;  }
#fgh4 {font-weight: bold;}
#viewofthepastbg {position:relative; width:330px; height:320px; z-index:17; left: 2px; top: 0px; background-color: #fff; padding: 5pt;}

#viewofthepasttitle {position:relative; left: 12px; top: 15px; font-size: 14px; font-weight: bold; color: #151F44; }

#viewofthepastsubtitle {position:relative; left: 5px; top: 5px; color: #990000; font-weight: bold;text-align: left; font-size: 18px; }

#viewofpastquote {align:left; padding-right: 5pt; text-align: left; font-size: 11px; color:black; line-height: 14px;}

#menu_box{background:#27647f url('/img/container_hdr.gif') left bottom repeat-x; width:976px; margin:0 auto;height:auto !important; height:1em; border-left:1px solid #1c7497; border-right:1px solid #1c7497 }
#menu_box img { margin-left: 6pt;margin-top: 1pt;margin-bottom: 3pt;}
#box
{/*background: url('http://www.royal-navy.org/img/photo_bg.jpg') #122449  top repeat-x; */
color: #333; margin-top: 0pt; margin-right: 3pt; margin-bottom: 3pt; margin-left: 3pt; padding-top: 2pt; padding-right: 5pt; padding-bottom:2pt; padding-left: 5pt;	border: 2px solid #ccc; background:#fff}
#BBC-box {color: #fff; margin-top: 3pt; padding:5pt;border: 2px solid #C9C9DC; background:#fff; text-align: left;}

.BBC-box h3 {text-align: left; font-size: 11px; color: #000; line-height: 1.2em;}



.title {text-align: left; font-size: 12px;line-height: 18px; padding-left: 0.8em;padding-bottom: 0.5em; color: #122449}
#subtitle {color: #333; font-weight: bold;text-align: left; font-size: 11px;line-height: 105%; padding-left: 0.5em;}

#title-box {font-size: 12px; font-weight: bold; color: #333; text-decoration:none; line-height: 125%;}

#story { font-size: 100%;}
#line {	border-bottom: 1px dotted #ccc;}
.story p
{text-align: left; font-size: 11px; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; line-height: 130%; }

.story .date {color: #333; font-size: 11px;font-weight: normal;}
.story .desc {color: #000; font-size: 11px;font-weight: normal;}


.quotecontainer {
 	padding: 2px;
 	background-color: #fff;
 	color: #333;
 	text-align: left;
 	border-bottom: 1px solid #ccc;
	font-size: 11px;
}
#hh2
{text-align: left; 
font-size: 1.3em; 
font-weight:bold;
margin-top: 0pt; 
margin-right: 0pt; 
margin-bottom: 0.7em; 
margin-left: 0pt; 
padding-top: 0pt; 
padding-right: 0pt; 
padding-bottom: 0pt; 
padding-left: 0pt; 
line-height: 130%; }

#hh2 a {color:#0000ff;}
#hh2 a hover { }
#hh3
{text-align: left; font-size: 1.5em; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; line-height: 130%; }

#hh4
{text-align: left; font-size: 1.2em; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; line-height: 130%;font-weight:bold; }
#footer{ clear: left; 	padding: 2px;
 	background-color: #fff;
 	color: #333;
 	text-align: center;
 	font-size: 11px; }


#footer a{
color: #333;
}