/* 
========================================================================
Filename:		styles.css
Date Created:	2006-10-02
Description:	Global CSS stylesheet
Site:			Royal Naval Museum
========================================================================
*/

/* -------------- Import External Stylesheets -------------- */
@import url(home.css);


/* -------------- Global Styles -------------- */
* { /* For all browsers */
    padding: 0;
	margin: 0;
}
*:lang(en) {    /* Excluding IE and Safari */ 
	padding: 0;
	margin: 0;
	position: relative;
}
body {
	font-family: arial, helvetica, verdana, Sans-Serif;
	font-size: 100.1%;
	background-image: url(../images/generic/mainbody_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #41CBF2;
	color: #525252;
	padding-bottom: 10px;
}
img {
	display: block;
}
img, table, a, a:hover, 
fieldset, legend, .noborder {
	border: 0px;	
}
/* Opera CSS Hack */
@media screen and (min-width: 0px) {
	fieldset { border: 1px solid white; }
}
input, select, textarea {
	border: 1px solid #A4ACB4;
}
h1 {
	font-size: 1.2em;
	font-weight: normal;
}
h2 {
	font-size: 1.2em;	
}
h3 {
	font-size: 0.75em;	
}
p {
	font-size: 0.75em;
}
a:link, a:visited, a:focus,a:active {
	background-color: inherit;
	color: #525252;
	text-decoration: none;
}
a:hover {
	background-color: inherit;
	color: #525252;
	text-decoration: underline;
}


/* Hide content from visual browsers */
.hidden {
	background-color: transparent;
	color: #FFFFFF;
	font-size: 1px;
	margin-bottom: -10px;
	position: absolute;
	margin-left: -9999px;
}
/* Opera CSS Hack */
@media screen and (min-width: 0px) {
	.hidden {
		position: absolute;
		margin-left: 0;
		margin-top: -10000px;
	}
}
/* End of Opera CSS Hack */
legend {
	margin: 2em 0 0 0;
	padding: 0;
	clear: both;
	white-space: normal;
}
.morelink span {
	position: absolute;
	margin-left: -9999px;
	width: 900px;
}
.cleardiv {
    clear: both;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}


/* -------------- Main wrapper for site -------------- */
#maindiv {
	margin: 1px auto;
	width: 760px;
	background-color: #FFFFFF;
	color: #525252;
	border: 1px solid #467AAA;
}


/* -------------- Header -------------- */
#header {
    background-image: url(../images/generic/header_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #2F6393;
    color: inherit;
}
#header div.header_wrapper {
    float: left;
    clear: both;
    border-bottom: 1px solid #6A9EC5;
    background-image: url(../images/generic/header_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #2F6393;
}
#header div.header_wrapper p {
    color: #FFFFFF;
    background-color: transparent;
    font-size: 0.8em;
    font-weight: bold;
}
#header div.header_wrapper p a {
    color: #FFFFFF;
    background-color: transparent;
}
#header div.header_wrapper div.logo {
    float: left;
    clear: right;
    width: 380px;
}
#header div.header_wrapper div.header_search {
    float: left;
    clear: right;
    width: 380px;
    background-color: transparent;
}
#header div.header_wrapper div.header_search div.leftcol {
    float: left;
    clear: right;
    width: 185px;
    padding-left: 25px;
} 
#header div.header_wrapper div.leftcol p {
    margin: 35px 0 3px 0;
}
#header div.header_wrapper div.leftcol input.textbox {
    vertical-align: top;
}
#header div.header_wrapper div.header_search div.rightcol {
    float: left;
    clear: right;
    background-color: transparent;
}
#header div.header_wrapper div.rightcol ul {
    margin-top: 54px;
    list-style-type: none;
}
#header div.header_wrapper div.rightcol ul li, 
#header div.header_wrapper div.rightcol ul li p, 
#header div.header_wrapper div.rightcol ul li img {
   display: inline;
}
#header div.header_wrapper div.rightcol ul li p {
    vertical-align: top;
    padding-right: 5px;
}
#header div.header_wrapper div.rightcol ul li img {
    vertical-align: top;
}


/* -------------- Main Navigation (Top Horizontal Nav) -------------- */
#mainnav {
	float: left;
	clear: both;
	width: 100%;
	background-image: url(../images/generic/topnav_bg.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #467AAA;
	color: inherit;
}
#mainnav ul {
    list-style-type: none;
    padding: 0 10px;
    border-top: 1px solid #79ADD1; 
    white-space: nowrap;
}
#mainnav ul#navlist li {
    border-left: 1px solid #9BC0D9;
    border-right: 1px solid #1A6593;
    background-color: #4287BB;
    background-image: url(../images/generic/topnav_item_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0 5px;
    display: block;
    float: left;
}
#mainnav ul#navlist li p {
    padding: 3px 0 4px 0;
    background-color: transparent;	
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.8em;
}
#mainnav ul#navlist li p a {
    background-color: transparent;	
    color: #FFFFFF;
}
#mainnav ul#navlist li.active {
    background-color: #EAEAEA;
    color: inherit;
    background-image: url(../images/generic/topnav_active_bg.gif);
    background-repeat: repeat-x;
}
#mainnav ul#navlist li.active p {
    background-color: transparent;
    color: #525252;
    background-image: none; 
}
#mainnav ul#navlist li.active p a {
    background-color: transparent;
    color: #525252;
}


/* -------------- Content Wrapper -------------- */
#contentwrapper {
	padding: 10px;
	background-color: #FFFFFF;
	color: inherit;
	clear: both;
}


/* -------------- Crumbtrail -------------- */
#crumbtrail {
	background-color: #CAE2F3;
	color: #2F6393;	
	background-image: url(../images/generic/crumbtrail_bg.gif);
	background-repeat: repeat-x;
	list-style-type: none;
	padding: 2px 11px;
	clear: both;
	margin-bottom: 18px;
}
#crumbtrail li, #crumbtrail li p {
	display: inline;
}
#crumbtrail li p {
	background-color: transparent;
	color: #2F6393;
}
#crumbtrail li p a {
	background-color: transparent;
	color: #2F6393;
}
#crumbtrail li.youarehere p {
	background-color: transparent;
	color: #525252;
}
#crumbtrail li.youarehere p a {
	background-color: transparent;
	color: #525252;
}
#crumbtrail li.active p a {
	font-weight: bold;
	text-decoration: none;
}


/* -------------- Content -------------- */
#content {
    float: left;
    width: 100%;
    overflow: hidden;
}
#content div.panel {
	margin: 10px 0px 10px 0;	
}
#content div.panel h2 {
	background-color: #DDF0FB;
	color: #2F6393;
	padding: 5px;
	height: 1%; /* Fixes IE rendering bug */
}
#maindiv #content h2.subheading {
    background-color: Transparent;
    color: #2F6393;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    font-weight: bold;
}

#content p {
	padding: 5px 0;	
}
#content div.floatwrapper {
    width: 100%;
    float: left;
}
#content div.highlight {
    background-color: #DDF0FB;
    color: inherit;
    padding: 12px; 
}
#content #leftcol, 
#content #contentcol, 
#content #rightcol {
    margin-bottom: -20000px; 
    padding-bottom: 20000px;
    float: left;
}
#content #leftcol {
    float: left;
    clear: right;
    width: 173px;
    margin-right: 10px;
    background-color: #DEF0FC;
    color: inherit;
    min-height: 1em;    /* Fixes Gecko rendering problem where the div collapes if it is empty */
} 
#content #contentcol {
    float: left;
    clear: right;
    width: 370px;
    background-color: #FFFFFF;
    color: inherit;
}
#maindiv div.fullwidthcontent #contentcol {
    width: 556px;
}
#content #rightcol {
    float: left;
    clear: right;
    width: 173px;
    margin-left: 10px;
    background-color: #DEF0FC;
    color: inherit;
}
/* Opera Hack to fix css overflow bug */ 
@media all and (min-width: 0px) {
    #content #leftcol, 
    #content #contentcol, 
    #content #rightcol {
	    padding-bottom: 0;
	    margin-bottom: 0; 
	}
    #content #leftcol:after, 
    #content #contentcol:after, 
    #content #rightcol:after {
	    content: '[DO NOT LEAVE IT IS NOT REAL]';
	    display: block;
	    background: inherit;
	    padding-top: 32767px;
	    margin-bottom: -32767px;
	    height: 0;
	}
}
/* End of Opera Hack */


/* Title */
#content #leftcol h1,
#content #leftcol h2, #content #rightcol h2  {
    font-size: 0.75em;
    padding: 6px 8px;
    background-color: #2A5C89;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#content #leftcol h1 {
    font-weight: bold;
}
#content #leftcol h1 a {
    color: #FFFFFF;
    background-color: transparent;
}


/* -------------- Left Column -------------- */
#content #leftcol ul {
    list-style-type: none;
}
#maindiv #content #leftcol ul.section li {
    background-color: #EBEBEB;
    color: #2B5C8A;
    border-bottom: 1px solid #FFFFFF;
}
#maindiv #content #leftcol ul.section li p {
    padding-left: 25px;
    padding-right: 5px;
}
#maindiv #content #leftcol ul.section li p a {
    background-color: transparent;
    color: #2B5C8A;
}
#content #leftcol h2.navheading {
    margin-top: 7px;
    border-top: 1px solid #FFFFFF;
}
/* Level 1 */
#maindiv #content #leftcol ul.level1 li.firstchild {
    background-image: url(../images/generic/leftnav_firstchild_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
} 
#maindiv #content #leftcol ul.level1 li.active, 
#maindiv #content #leftcol ul.level1 li.activeparent {
    background-color: #D5E3EC;
    color: inherit;
}
#maindiv #content #leftcol ul.level1 li.firstchild.active, 
#maindiv #content #leftcol ul.level1 li.firstchild.activeparent {
    background-image: url(../images/generic/leftnav_active_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 0;
}
#content #leftcol ul.level1 li p{
    background-image: url(../images/icons/leftnav_closed.gif);
    background-repeat: no-repeat;
    background-position: 7px 0.65em;
}
#content #leftcol ul.level1 li.active p, 
#content #leftcol ul.level1 li.activeparent p{
    background-image: url(../images/icons/leftnav_open.gif);
    background-repeat: no-repeat;
    background-position: 7px 0.65em;
    font-weight: bold;
}
/* Level 2 */
#maindiv #content #leftcol ul.level2 {
    border-top: 1px solid #FFFFFF;
}
#maindiv #content #leftcol ul.level2 li.active {
    background-image: none;
    background-color: #FFFFFF;
    color: inherit;
    border-bottom: 1px solid #FFFFFF;
}
#maindiv #content #leftcol ul.level2 li p{
    background-image: none;
    font-weight: normal;
}


/* -------------- Content Column -------------- */
#content #contentcol h1, #content #contentcol h2 {
    padding: 9px 10px;
    margin-bottom: 14px;
    background-color: #DDF0FB;
    color: #2D5E89;
    font-weight: normal;
}
#content #contentcol h3 {
    background-color: Transparent;
    color: #306394;
}
#content #contentcol ul {
	margin-left: 16px;
	margin-bottom: 10px;
}
#content #contentcol ol {
	margin-left: 19px;
	margin-bottom: 10px;
}
#content #contentcol ol li {
	font-size: 0.75em;
}
#content #contentcol ol li p {
	font-size: 100%;
}
#content #contentcol li p {
	padding: 2px 0;
}
#content #contentcol img {
    border: 2px solid #DEDDDD;
}
#content #contentcol a:link, 
#content #contentcol a:visited, 
#content #contentcol a:hover, 
#content #contentcol a:focus, 
#content #contentcol a:active {
    text-decoration: underline;
}

/* -------------- Right Column -------------- */
#content #rightcol ul {
    list-style-type: none;
}
#content #rightcol ul li {
    border-bottom: 1px solid #FFFFFF;
}
#content #rightcol ul li p {
    padding-left: 27px;
}
#content #rightcol ul li.link {
    background-image: url(../images/icons/icon_related_link.gif);
    background-position: 8px 0.5em;
    background-repeat: no-repeat;
}
#content #rightcol ul li.article {
    background-image: url(../images/icons/icon_related_article.gif);
    background-position: 8px 0.5em;
    background-repeat: no-repeat;
}
#content #rightcol ul li.oralhistory {
    background-image: url(../images/icons/icon_related_oral.gif);
    background-position: 7px 0.5em;
    background-repeat: no-repeat;
}


/* -------------- Image/Text Panel (table style) -------------- */
#content div.imagetextpanel img {
    float: left;
    margin-right: 10px;
}
#content div.imagetextpanel div.bodytext {
    overflow: auto;
    height: auto !important;
    height: 1%;
    padding-right: 5px;
}
#content div.imagetextpanel div.bodytext p {
    padding: 0 0 10px 0;
}
#maindiv #content div.row div.imagetextpanel {
    background-image: url(../images/generic/oh_panel_bg.gif);
    background-color: transparent;
    background-repeat: repeat-y;
    background-position: top left;
}
#maindiv #content div.row div.imagetextpanel div.bodytext {
    background-image: url(../images/generic/speaker_bg.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
#maindiv #content div.img_gallery div.row div.imagetextpanel div.bodytext {
    background-image: none;
}


/* -------------- Image/Text Panel (text wraps around image) -------------- */

#content div.textpanel img {
    float: left;
    margin-right: 10px;
}

#content div.textpanel div.bodyimage {
    float: left;
    margin-right: 10px;
}
#content div.textpanel div.bodyimage img {
    float: none;
    margin-right: 0;
}
#content div.textpanel div.bodyimage p {
    font-size: 0.7em;
    font-weight: bold;
}
#maindiv #content div.textpanel div.imageright {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
#maindiv #content div.textpanel div.center {
    float:none;
    margin: 5px 10px 0 0;
}
#content div.textpanel div.bodytext p {
    padding: 0 0 10px 0;
}


/* -------------- Audio/Transcript Panel -------------- */
#content div.audiotranscript div.bodytext {
    margin: 10px 0 20px 0;
}
#content div.audiotranscript div.bodytext dl  {
    font-size: 0.75em;
    margin-top: 3px;
}
#content div.audiotranscript div.bodytext dl dt {
    font-weight: bold;
    padding-right: 0.5em;
}
#content div.audiotranscript div.bodytext dl dt, 
#content div.audiotranscript div.bodytext dl dd {
    display: inline;
}


/* -------------- Audio Clips Panel -------------- */
#content div.audioclip {
    margin: 10px 0;  
}
#content div.audioclip div.row {
    float: left;
    clear: both;
    margin-bottom: 10px;
}
#maindiv #content div.row div.leftcolumn, 
#maindiv #content div.row div.rightcolumn {
    float: left;
    clear: right;
    width: 261px;
    border: 6px solid #EBEBEB;
    background-image: url(../images/generic/audioclip_panel_bg.gif);
    background-repeat: repeat-y; 
}
#content div.row div.leftcolumn {
    margin-right: 10px;
}
#maindiv #content div.row div.leftcolumn img, 
#maindiv #content div.row div.rightcolumn img {
    border: 0;
}
#maindiv #content #contentcol div.audioclip div.row div.imagetextpanel div.bodytext {
    position: relative;
    background-image: none;
    padding: 10px;
}
#maindiv #content div.audioclip div.row div.imagetextpanel div.bodytext p {
    padding: 0;
}
#maindiv #content div.audioclip div.row div.imagetextpanel div.bodytext p a {
    background-color: Transparent;
    color: #326194;
    text-decoration: underline;
}
#maindiv #content div.audioclip div.row div.imagetextpanel div.bodytext p.clipinfo {
    text-align: right;
    font-size: 0.7em;
    margin-top: 6px;
}
#maindiv #content div.audiopanel p.single {
    padding: 0 0 0 20px;
    margin: 10px 0 0 0;
}


/* -------------- Related Links Panel (Content) -------------- */
#maindiv #content div.linkspanel {
    background-color: #DEF0FC;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
#maindiv #content div.linkspanel h2 {
    background-color: #2D5E89;
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 5px 5px 13px;
    margin: 0;
}
#maindiv #content div.linkspanel ul {
    list-style-type: none;
    padding: 0;
    margin: 5px 10px 5px 13px;
}
#maindiv #content div.linkspanel ul li.oralhistory {
    background-image: url(../images/icons/icon_related_link_2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0.4em; 
}
#maindiv #content div.linkspanel ul li p {
    padding: 3px 0 3px 15px;
}
#maindiv #content div.linkspanel ul li p a {
    background-color: Transparent;
    color: #2F6392;
    text-decoration: underline;    
}


/* -------------- Oral History List -------------- */
#maindiv #content div.oh_panel_list {
    margin-top: 10px;
}
#maindiv #content div.oh_panel_list div.row {
    clear: both;
    margin-bottom: 10px;
    float: left;
}
#maindiv #content div.oh_panel_list div.row div.right {
    margin-right: 10px;
}
#maindiv #content div.oh_panel_list div.row div.listpanel {
    float: left;
    clear: right;
    width: 166px;
    border: 5px solid #EAEAEA;
}
#maindiv #content div.oh_panel_list div.row div.listpanel img {
    border: 0;
}
#maindiv #content div.oh_panel_list div.row div.listpanel div.bodytext {
    background-image: none;
}


/* -------------- Themes Colour Scheme -------------- */
/* Theme 1 - The Navy's People */
/* Home & Landing Pages */
#content div.home div.theme1 {
    background-color: #F0E6EE;
    color: #525252;
}
#content div.home div.theme1 h1, 
#content div.home div.theme1 h2, 
#content div.home div.theme1 h3, 
#content div.theme1 h3 a {
    background-color: transparent;
    color: #482158;
}
/* Theme pages */
#contentwrapper div.theme1 #leftcol h2, 
#contentwrapper div.theme1 #rightcol h2 {
    background-color: #653366;
    color: #FFFFFF;
}
#contentwrapper div.theme1 #leftcol h2.title, 
#contentwrapper div.theme1 #leftcol h2.title a {
    background-color: #482158;
    color: #FFFFFF;
}
#contentwrapper div.theme1 #contentcol h2 {
    background-color: #F0E6EE;
    color: #482158;
    font-weight: normal;
}


/* Theme 2 - The Navy at Home and Abroad*/
/* Home & Landing Pages */
#content div.home div.theme2 {
    background-color: #E8F1EC;
    color: #525252;
}
#content div.home div.theme2 h1, 
#content div.home div.theme2 h2, 
#content div.home div.theme2 h3, 
#content div.theme2 h3 a {
    background-color: transparent;
    color: #1E6138;
}
/* Theme pages */
#contentwrapper div.theme2 #leftcol h2, 
#contentwrapper div.theme2 #rightcol h2 {
    background-color: #339933;
    color: #FFFFFF;
}
#contentwrapper div.theme2 #leftcol h2.title, 
#contentwrapper div.theme2 #leftcol h2.title a  {
    background-color: #1E6138;
    color: #FFFFFF;
}
#contentwrapper div.theme2 #contentcol h2 {
    background-color: #E8F1EC;
    color: #1E6138;
    font-weight: normal;
}

/* Theme 3 - Conflict and Change */
/* Home & Landing Pages */
#content div.home div.theme3 {
    background-color: #F6E8E8;
    color: #525252;
}
#content div.home div.theme3 h1, 
#content div.home div.theme3 h2, 
#content div.home div.theme3 h3, 
#content div.theme3 h3 a {
    background-color: transparent;
    color: #9E2021;
}
/* Theme pages */
#contentwrapper div.theme3 #leftcol h2, 
#contentwrapper div.theme3 #rightcol h2 {
    background-color: #CD3333;
    color: #FFFFFF;
}
#contentwrapper div.theme3 #leftcol h2.title, 
#contentwrapper div.theme3 #leftcol h2.title a {
    background-color: #9E2021;
    color: #FFFFFF;
}
#contentwrapper div.theme3 #contentcol h2 {
    background-color: #F6E8E8;
    color: #9E2021;
    font-weight: normal;
}


/* Theme 4 - Portsmouth Dockyard */
/* Home & Landing Pages */
#content div.home div.theme4 {
    background-color: #F2EEE3;
    color: #525252;
}
#content div.home div.theme4 h1, 
#content div.home div.theme4 h2, 
#content div.home div.theme4 h3, 
#content div.theme4 h3 a {
    background-color: transparent;
    color: #5E3700;
}
/* Theme pages */
#contentwrapper div.theme4 #leftcol h2, 
#contentwrapper div.theme4 #rightcol h2 {
    background-color: #9A6600;
    color: #FFFFFF;
}
#contentwrapper div.theme4 #leftcol h2.title, 
#contentwrapper div.theme4 #leftcol h2.title a {
    background-color: #5E3700;
    color: #FFFFFF;
}
#contentwrapper div.theme4 #contentcol h2 {
    background-color: #F2EEE3;
    color: #5E3700;
    font-weight: normal;
}


/* -------------- Joomla Buttons -------------- */
#maindiv #contentcol ul.joomla_buttons {
    list-style-type: none;
    margin-top: -5px;
    text-align:right; 
}
#maindiv #contentcol ul.joomla_buttons li {
    display: inline;
    padding: 0 2px;
} 
#maindiv #contentcol ul.joomla_buttons li a {
    display: inline;
}
#maindiv #contentcol ul.joomla_buttons li img {
    display: inline;  
    border: 0; 
}


/* -------------- Image Gallery -------------- */
#contentcol div.gallerythumbnails {
    margin: 0px 25px 10px 25px;
    clear: both;
}
#content div.gallerythumbnails div.floatwrapper {
    margin-top: 10px;
}
#content div.gallerythumbnails div.thumbpanel {
    background-color: #EEF7FD;
    float: left;
    clear: right;
    width: 117px;
    height: 117px;
}
#content div.gallerythumbnails div.right {
    margin-right: 10px;
}
#maindiv #content div.gallerythumbnails div.thumbpanel img {
    border: 0;
}
div.outer {height: 117px; overflow: hidden; position: relative;}
div.outer[class] {display: table; position: static;}

div.middle {position: absolute; top: 50%;} /* for explorer only*/
div.middle[class] {display: table-cell; vertical-align: middle; position: static;}

div.inner {position: relative; top: -50%;} /* for explorer only */


/* -------------- Non-Lightbox Image Gallery -------------- */
#content div.largeimagepanel {
    clear: both;
    width: 496px;
    border: 1px solid #F0F0F0;
    margin: 10px 0 5px 25px;
}
#content div.largeimagepanel div.paging {
    float: left;
    width: 496px;
    padding: 5px 0;
    border-bottom: 1px solid #F0F0F0;
}
#maindiv #content div.largeimagepanel div.paging img {
    display: none;
}
#maindiv #content div.largeimagepanel div.paging div.first-and-previous, 
#maindiv #content div.largeimagepanel div.paging span.current, 
#maindiv #content div.largeimagepanel div.paging div.next-and-last {
    float: left;
    clear: right;
    width: 165px;
    font-size: 0.75em;
    border-bottom: 1px solid #FFFFFF;
}
#maindiv #content div.largeimagepanel div.paging div.first-and-previous a {
    margin-left: 9px;
}
#maindiv #content div.largeimagepanel div.paging span.current {
    text-align: center;
}
#maindiv #content div.largeimagepanel div.paging div.next-and-last {
    text-align: right;
}
#maindiv #content div.largeimagepanel div.paging div.next-and-last a {
    margin-right: 9px;
}
#maindiv #content div.largeimagepanel img {
    border: 0;
}
#content div.largeimagepanel div.largeimage {
    clear: both;
}
#maindiv #content div.largeimagepanel div.largeimage img {
    margin: 10px auto;
    padding-top: 10px;
}
#content div.largeimagepanel div.caption {
    clear: both;
    background-color: #EEF7FE;
    color: #5C5D60;
}
#content div.largeimagepanel div.caption p {
    background-color: transparent;
    color: #5C5D60;
    padding: 10px;
}


/* -------------- Feedback form -------------- */
#contentcol fieldset {
    clear: both;
    float: left;
    width: 354px;
    padding: 10px;
    border-bottom: 1px solid #DCECF7;
}
#contentcol fieldset div.formrow {
    clear: both;
    float: left;
    margin: 2px 0; 
}
#contentcol fieldset div.formrow div.formcontrol {
    float: left;
    clear: right;
    width: 20px; 
}
#contentcol fieldset div.formrow div.formlabel {
    float: left;
    clear: right;
    width: 322px; 
}
#contentcol fieldset div.formrow div.formcontrol input {
    vertical-align: middle; 
}
#contentcol fieldset p {
    padding: 3px 0;
    clear: both;
}
#contentcol fieldset div.formlabel p {
    padding: 0;
}
#contentcol fieldset p.formquestion {
    font-weight: bold;
}
#contentcol fieldset p.formquestion em {
    font-weight: normal;
}
#contentcol fieldset input.radiobtn {
    border: 0px;
    margin-right: 7px;
    vertical-align: middle;
}
#contentcol fieldset input.textbox1 {
    width: 340px;
    padding: 3px 5px;
    font-size: 0.7em;
}
#contentcol fieldset select.select {
    width: 170px;
    font-size: 0.7em;
    height: 1.5em;
}
#contentcol fieldset textarea.textarea1 {
    width: 340px;
    height: 57px;
    font-size: 0.7em;
}
#contentcol div.submitbutton {
    background-color: #F1F7FC;
    color: inherit;
    text-align: right;
    padding: 6px 14px 6px 10px;
    margin-bottom: 50px;
    clear: both;
}
#contentcol div.submitbutton p {
    font-weight: bold;
}
#contentcol div.submitbutton input {
    border: 0;
    vertical-align: middle;
    padding-left: 5px;
}


/* -------------- Advanced Search -------------- */
#contentcol p.formquestion span {
    font-weight: normal;
}
#contentcol fieldset p.info {
    font-size: 0.7em;
}
#maindiv #contentcol ul.inlinelist {
    list-style-type: none;
    margin: 0px;
}
#contentcol ul.inlinelist li, #contentcol ul.inlinelist li p {
    display: inline;
}
#maindiv #contentcol ul.inlinelist li p label {
    padding: 0 14px 0 0;
}
#maindiv #contentcol ul li input {
    margin-right: 3px;
}


/* -------------- Search Results -------------- */
#contentcol div.summary {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
#contentcol div.summary div.leftcol {
    float: left;
    clear: right;
    width: 40%;
}
#contentcol div.summary div.rightcol {
    float: left;
    clear: right;
    width: 59.9%;
    text-align: right;
}
#contentcol div.summary div.rightcol p {
    padding: 0;
}
#contentcol div.newsearch {
    background-color: #F1F7FC;
    color: #31618D;
    border-top: 1px solid #DCEDF7;
    text-align: right;
    padding: 5px 10px 5px 0;
    clear: both;
}
#maindiv #contentcol div.newsearch img {
    display: inline;
    border: 0;
    vertical-align: middle;
    margin-left: 7px;
}
#maindiv #contentcol div.newsearch p {
    font-weight: bold;
}
#maindiv #content #contentcol div.newsearch p a {
    background-color: transparent;
    color: #31618D;
    text-decoration: none;
}
#maindiv #content #contentcol div.newsearch p a:hover {
    text-decoration: underline;
}
#maindiv #contentcol div.results ol {
    list-style-position: inside;
    margin-left: 0px;
}
#contentcol div.results ol li {
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #DEEBF5;
    font-weight: bold;
}
#contentcol div.results h3 {
    font-size: 1em;
    display: inline;
}
#contentcol div.results h3 a {
    background-color: Transparent;
    color: #245E93;
}
#contentcol div.results p {
    font-weight: normal;
}
#contentcol div.results p span.searchterm {
    background-color: #FFF3A4;
    color: #2B5A89;
}
/* Paging */
#maindiv #content #contentcol ul.paging {
    list-style-type: none;
    margin-left: 0;
    padding: 0 3px;
}
#maindiv #content #contentcol ul.paging li {
    float: left;
}
#maindiv #content #contentcol ul.paging li p, 
#maindiv #content #contentcol ul.paging li p a {
    background-color: Transparent;
    color: #0860A7;
}
#maindiv #content #contentcol ul.paging li.prev {
    padding-left: 23px;
}
#maindiv #content #contentcol ul.paging li.next {
    padding-right: 23px;
}
#maindiv #content #contentcol ul li.pages {
    width: 61%;
}
#maindiv #content #contentcol ul li.pages ul {
    float: left;
    margin-top: -0.1em;
    width: 85%;
    text-align: center;
}
/* Opera Hack */
@media screen and (min-width > 0) {
    #maindiv #content #contentcol ul li.pages ul {
        margin-top: 0.1em;
    }      
}
#maindiv #content #contentcol ul li.pages ul li, 
#maindiv #content #contentcol ul li.pages ul li p {
    display: inline;
    float: none;
}
#maindiv #content #contentcol ul li.pages ul li p {
    padding: 0 1px;
}
#maindiv #content #contentcol ul li.pages ul li p a {
    text-decoration: none;
}
#maindiv #content #contentcol ul li.pages ul li.current {
    font-weight: bold;
}


/* -------------- Sitemap -------------- */
#maindiv #content #sitemap ul {
    list-style-type: none;
}
#maindiv #content #sitemap ul li p{
    font-size: 0.8em;
}
#maindiv #content #sitemap ul.level1{
    margin-left: 0;
}
#maindiv #content #sitemap ul.level1 li p {
    background-image: url(../images/icons/sitemap_lev1.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    background-color: Transparent;
    color: #295D89;
    font-weight: bold;
    padding-left: 19px;
}
#maindiv #content #sitemap ul.level1 li p a {
    background-color: Transparent;
    color: #295D89;
}
#maindiv #content #sitemap ul.level2 {
    margin-left: 20px;
}
#maindiv #content #sitemap ul.level2 li p {
    background-image: url(../images/icons/sitemap_lev2.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    background-color: Transparent;
    color: #666666;
    font-weight: normal;
    padding-left: 16px;
}
#maindiv #content #sitemap ul.level2 li p a {
    background-color: Transparent;
    color: #666666;
}
#maindiv #content #sitemap ul.level3 li p {
    background-image: url(../images/icons/sitemap_lev3.gif);
    background-repeat: no-repeat;
    background-position: 0 0.55em;
    font-weight: normal;
    padding-left: 11px;
}
#maindiv #content #sitemap ul.level4  {
    list-style-type: disc;
    margin-left: 25px;
}
#maindiv #content #sitemap ul.level4 li p {
    background-image: none;
    font-weight: normal;
    padding-left: 0;
}
#maindiv #content #sitemap ul.level5  {
    list-style-type: square;
    margin-left: 13px;
}
#maindiv #content #sitemap ul.level5 li p {
    background-image: none;
    font-weight: normal;
    padding-left: 0;
}


/* -------------- Footer -------------- */
#footer {
	clear: both;
	padding-top: 1px;
}
#footer div.footerbody {
    background-color: #DDF0FB;
	color: #2F6393;	
	list-style-type: none;
	padding: 10px;	
	margin-top: 10px;
}
#footer ul, #footer li, #footer li img, #footer li p {
	display: inline;
	vertical-align: middle;
}
#footer li img {
    padding: 0 2px;
}
#footer ul.utilitylinks {
    margin-left: 10px;
}
#footer li p {
    font-size: 0.7em;
    padding-top: 2px;
}
#footer li p, #footer li p a {
	background-color: transparent;
	color: #2F6393;
}

.mosimage_caption {
        font-weight: bold;
        font-size: 0.75em;
        text-align: left;
	clear: left;
}
/* -------------- Safari Hack -------------- */