@charset "utf-8";
body  {
	
	background:#D5DEED url('http://www.royal-navy.org/img/bg.jpg') top left repeat-x;
	font: small Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

.rnh #tops{
	background:url('http://www.royal-navy.org/img/logo.jpg') top left no-repeat;
	/*backgroun: #DDDDDD; */
	height:120px;
	padding-left: 20px; 
	width: 978px;  
	margin: 0 auto; 
	text-align: left;
}
.rnh #container { 
	width: 978px;  
	/*background: #D5DEED;*/
	margin: 0 auto; 
	/*border: 1px solid #000000;*/
	text-align: left; 
} 
.rnh #header { 
	background:url('http://www.royal-navy.org/img/logo.jpg') top left no-repeat;
	/*backgroun: #DDDDDD; */
	height:120px;
	padding: 0 10px;  
} 
.rnh #topbar
{
border-bottom: 1px solid #fff;	
}
.rnh #header h1 {
	margin: 0; 
	padding: 10px 0;
}

.rnh #sidebar1 {
	float: left; 
	width: 150px; 
	/*background: #EBEBEB; */
	padding: 15px 0; 
}
.rnh #sidebar2 {
	float: right; 
	width: 395px; 
	/*background: #EBEBEB; 
	padding: 15px 0; */
}
.rnh #sidebar1 p, .rnh #sidebar1 h3, .rnh #sidebar2 p, .rnh #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}


.rnh #mainContent { 
	margin: 0 395px 0 150px; 
}

.rnh #footer { 
	padding: 0 10px; 
	/*background:#DDDDDD;*/
} 
.rnh #footer p {
	margin: 0; 
	padding: 10px 0; 
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#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}
#boxOrd
{/*background: url('http://www.royal-navy.org/img/photo_bg.jpg') #122449  top repeat-x; */
color: #333; 
 padding-top: 2pt; 
 padding-right: 5pt; 
padding-bottom:2pt; 
padding-left: 5pt;	
border-bottom: 1px solid #fff; 
margin: 0.2em 0.2em 0.2em 0; float:left;
}

#boxOrd ul{
	}
#boxOrd li{
margin: 0.2em 0 0.2em -2em	;
	}
#box-sponsor
{/*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: 
0pt; padding-right: 0pt; 
padding-bottom:0pt; 
padding-left: 0pt;	
border: 2px solid #ccc; 
background:#fff;
height:70px; width:385px;
}

/*
** Search portlet
*/
#p-search {
	position: relative;
	z-index: 3;
}
input.searchButton {
	margin-top: 1px;
	font-size: 95%;
}
#searchGoButton {
	padding-left: .3em;
	padding-right: .3em;
	font-weight: bold;
}
#searchInput {
	width: 10.6em;
	margin: 0;
	font-size: 95%;
}
#p-search .pBody {
	padding: .5em .3em .4em .3em;
	text-align: center;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
	border: none;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11em;
	overflow: hidden;
}
.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h5 {
	background: transparent;
	padding: 0 1em 0 .5em;
	display: inline;
	height: 1em;
	text-transform: lowercase;
	font-size: 91%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h6 {
	background: #ffae2e;
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
	padding: 0 1em 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}
.pBody {
	font-size: 95%;
	/*background-color: white;*/
	color: black;
	border-collapse: collapse;
	/*border: 1px solid #fff;*/
	padding: 0 .3em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
	margin: 0;
	padding: 0;
}
.portlet ul {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	list-style-type: square; list-style-image: url(/img/arrow-blue.gif); 
	
}
.portlet li {
	color: #7FBAFF;  /* the font color of '|' */
}

.portlet ul li a{
	color: #555;
	text-decoration: none;
	padding: 1px 3px 2px 13px; /* padding inside the tab */
	margin: 0;
	background: url(/img/arrow-blue.gif) center left no-repeat;
}

.portlet ul li a:hover {
	color: #CC6633;
	text-decoration: underline;
	background: url(/img/arrow-yellow.gif) center left no-repeat;
}
.portlet ul li.active a,
.portlet ul li.selected a {
	color: #CC6633;
	background: url(/img/arrow-yellow.gif) center left no-repeat;
	text-decoration: none;
}
.portlet li {
	padding: 0;
	margin: 0;
}
.newsbox1{
	border-bottom: adding: 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:relative; width:370px; z-index:2; left: 5px; top: 5px;color: #151F44; font-size: 13px;font-weight: bold;align:left; padding-left: 2pt;padding-right: 2pt; padding-bottom: 5pt;}

#viewquote {color: #000; text-align: left; font-size: 11px;line-height: 110%; padding-left: 0.5em;}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}

#footer{ clear: left; 	padding: 2px;
 	
 	color: #333;
 	text-align: center;
 	font-size: 11px; }


#footer a{
color: #333;
}


a{
	color: #0033ff;
	text-decoration: none;
	margin: 0;
}
a:hover {
	color: #CC6633;
	text-decoration: underline;
}
active a,
selected a {
	color: #CC6633;
	text-decoration: none;
}