/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo some of the default styling of common (X)HTML browsers */
html {font: 0.625em Arial, Helvetica, sans-serif;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {  }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; border:none; color: #002246;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal }

body { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; background-color:#D5D5D5; text-align:center; font-size:1.0em;}

#container {text-align:left; width: 955px;  background:url(images/background.gif); position:relative; margin:0px auto 10px auto; padding-bottom:20px;}

/* ---- Site header including 468x60 banner advert ----*/
#header {width:955px; height:90px; background:url(images/off-the-scales.jpg) no-repeat #FFFFFF; background-position: 0px 0px; }
#header h1 {font-size:1.5em; font-weight:normal; color:#01273E; padding: 65px 0 0 205px; font-family:Georgia, Times, Serif;}
#advert001 {width:468px; height:60px; background-image:url(images/advert001.jpg); position:absolute; top:17px; left:465px;}
#advert001 a {display:inline-block; width:468px; height:60px;}

/* ---- Top level navigation bar incorporating site search facility ----*/
#navBar001 {width:955px; height:26px; background:#070890; padding-top: 6px;}
#navBar001 ul {padding:0px 0 0 20px;}
#navBar001 li {float:left; color:#FFFFFF; font-size:1.4em; font-weight:bold; padding-right:15px;}
#navBar001 a { font-family:Georgia, Times, Serif;color:#ffffff;}
#navBar001 a:hover {color:#F47A42;}

.CMSMenu { padding:8px 0 0 20px; margin-left: 15px;}
.CMSMenuItem { color:#FFFFFF; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }
.CMSMenuHighlightedMenuItem { color:#FFFFFF; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }

.CMSMenuItemMouseOver { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }
.CMSMenuHighlightedMenuItemMouseOver { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }

.CMSMenuItemMouseDown { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }
.CMSMenuHighlightedMenuItemMouseDown { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }

.CMSMenuItemMouseUp { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }
.CMSMenuHighlightedMenuItemMouseUp { color:#cccccc; font-size:1.4em; font-weight:bold; padding-right:10px; text-transform: uppercase; }

.searchBar {float:right; padding:0 20px 0 0;}
.searchBar h2 {color:#ffffff; font-size:1.6em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:0px;}
.searchBar label {float:left; color:#ffffff; font-size:1.1em; font-weight:bold;padding:2px 5px 0 0;}
.searchButton {background:url(images/find.gif); width:41px; height:20px; float:left;}
.inpuBoxFix1 {width: 162px;  height:19px;  float:left; background:url(images/searchBar.gif) no-repeat;}
.inpuBoxFix1 input {border: 0;padding: 2px 5px 0 5px;height: 17px;width: 152px;background-color: transparent; font-size:1.0em;}

/* ---- Status bar containing date and scrolling news updates ----*/
#statusBar {width:955px; height:23px; background-color:#D3D3F7; font-size:1.1em; color:#000000;}
.date {float:left; padding:4px 0 0 20px; font-weight:bold;}
#scrollNews {float:right; padding:4px 20px 0 20px;}
#scrollNews a {color:#000000;}
#scrollNews a:hover {color:#666666;}

/*----  Side bar containing second tier navigation, and newsletter request form ----*/
#sideBar {float:left; width:166px;}

#navBar002 {padding-top:10px; font-size:1.1em;}
#navBar002 ul {padding:0 0 0 8px;}
#navBar002 li {width:150px; border-bottom:1px solid #93A2AA; padding:5px 0 4px 0;}
#navBar002 a {padding-left:12px; color:#000000;}
.CMSListMenuLinkHighlighted { padding-left:12px; color:#000000;}
#navBar002 a:hover {color:#F47A42;}

#newsletter {background-color:#CBC9DC; margin-top:20px; }
#newsletterHeader {background-color:#68689a; width:100%;}
#newsletterHeader h1 {color:#ffffff; font-size:1.4em; line-height:2.0em; padding-left:20px;}
#newsletter p {color:#4A4A71; text-align:left; width:135px; font-size:1.1em; padding:5px 0 5px 0; padding-left:20px; font-weight:bold;}
div.newsletter {text-align:left; padding:0 0 0 20px; color:#000000;}
#newsletter label {float:left; line-height:1.6em; color:#000000;}
.inpuBoxFix2 {width: 125px;  height:17px;  float:left; background:url(images/textInput.gif) no-repeat;}
.inpuBoxFix2 input {border: 0;padding: 1px 5px 0 5px; height:16px; width: 115px; background-color: transparent; font-size:1.0em;}
#newsletter .subscribeButton {background:url(images/subscribeButton.gif); width:82px; height:17px; margin:8px 0 10px 42px;}

#yourStory {background-color:#9598B7; }
.yourStoryHeader {background-color:#68689a;}
.yourStoryHeader h1 {color:#ffffff; font-size:1.4em; line-height:2.0em; padding-left:20px;}
#yourStory h2 {color:#ffffff; font-size:1.3em;  line-height:1.4em; text-align:left;  width:125px; padding-top:10px; padding-left:20px;}
#yourStory p {color:#ffffff; text-align:left; width:125px; padding:5px 0 15px 0; padding-left:20px; font-size:1.1em;}
#yourStory a,
#yourStory a:hover 
#yourStory a:active 
#yourStory a:focus 
#yourStory a:visited 
{ color:#000000;}
/* ---- Main content panel ----*/
#contentPanel {display:inline; float:left; width:584px; margin:20px;}
#contentPanel p {font-size:1.2em; line-height:1.5em;}
#contentPanel label {font-size:1.2em; padding-right:15px;}
#contentPanel table {float:left;}
#contentPanel table input {border:1px solid #CBC9DC; width:300px; margin-bottom:3px;}
#contentPanel table textarea {border:1px solid #CBC9DC; width:298px;}

/* ---- Home page headline story ----*/
#topStory {float:left; padding-bottom:10px;}
#topStory img {display:inline; float:left; margin:0px 10px 10px 0px;}
#topStory h1 {font-family: Georgia, Times, Serif; float:left; color:#68689A; font-size:2.8em; width:314px; line-height:1.14em; margin-bottom:15px;}
#topStory h2 { font-family:Georgia, Times, Serif; float:left; color:#000000; font-size:1.1em; width:314px; margin:5px 0 15px 0; font-weight:bold;}
#topStory p {float:left; color:#000000; width:314px; padding:0 0 5px 0;}
.readMore {width:150px; float:left; background:url(images/read-more.gif) no-repeat 0px 1px; padding-left:14px; font-size:1.1em; font-weight:bold; color:#F47A42;}
.readMore:hover {background:url(images/read-more-hover.gif) no-repeat 0px 1px; color:#68689a;}

/* ---- Home page secondary stories ----*/
#headlinePanel {display:inline; float:left; width:584px; background:url(images/headline-divider.gif) no-repeat 0 30px;}
#headlinePanel h1 {display:inline-block; font-family:Georgia, Times, Serif; float:left; color:#68689A; font-size:1.8em; width:584px; height:50px; }

.subStory {float:left; width:352px; padding-right:10px; padding-bottom: 5px;}
.subStory img {float:left; width:125px; height:125px; padding:0 10px 15px 0;}
.subStory h2 {float:left; width:217px; font-family:Georgia, Times, Serif; font-size:1.5em; font-weight:bold; padding-bottom:3px;}
.subStory p {float:left; width:217px; font-family:Arial, Helvetica, sans-serif; padding:0 0 5px 0;}

/*---- Home page 'This Week' link box ----*/
#thisWeek {display:inline; float:right; background-color:#CBC9DC; width:218px; }
#thisWeek img {display:inline; float:left; clear:both; margin:0px 7px 0px 13px;}
#thisWeek h2 {float:left; font-size:1.8em; width:198px; font-weight:normal; font-family:Georgia, Times, Serif;; color:#000000; padding:13px 0 0 13px;}
#thisWeek h3 {float:left; font-size:2.2em; line-height:1.0em; width:198px; color:#68689A; font-family:Georgia, Times, Serif; padding:0 0 13px 13px;}
#thisWeek p	{float:left; font-size:1.3em; line-height:1.23em; width:125px; padding-top:0px;}
#thisWeek a,
#thisWeek a:hover 
#thisWeek a:active 
#thisWeek a:focus 
#thisWeek a:visited 
{ color:#000000; text-decoration: none; }
#nextWeek {display:inline-block; width:175px; height:60px; background-image:url(images/storyLinkHover.gif); background-repeat:no-repeat; background-position:165px 28px; margin-bottom:5px; padding-left:13px;}
#nextWeek a {font-size:2.0em; color:#68689A; font-family:Georgia, Times, Serif; font-weight:bold; padding:0 0 0px 0px; }

.thisWeekDivider {float:left; background-image:url(images/thisWeekDivider.gif); height:1px; width:218px; overflow:hidden; margin-top: 7px; margin-bottom: 7px;}

/*---- Home page tertiary stories ----*/
#alsoInTheNews {display:inline; float:left; width:584px; margin-top:10px;}
#alsoInTheNews td { vertical-align:top;}
#alsoInTheNews h1 {font-family: Georgia, Times, Serif; font-size:1.8em; width:584px; color:#68689A; padding-bottom:5px;}
.alsoDivider {float:left; background:url(images/alsoDivider.gif); width:584px; height:1px; overflow:hidden; line-height:1px;  }

#miniStoryLeft {float:left; width:292px; background-color:#DEF1FC; padding-top:10px; padding-bottom:10px;}
#miniStoryRight {float:left; width:292px; background:url(images/miniStoryRight.gif) no-repeat #DEF1FC; padding-top:10px; padding-bottom:10px;}

.miniStory {padding-top:10px; padding-bottom:7px; padding-right: 18px;}
.miniStory a { font-family:Georgia, Times, Serif; display:inline; background:url(images/storyLink.gif) no-repeat; padding-left:25px; margin:15px; font-size:1.5em; font-weight:bold; color:#000000;}
.miniStory a:hover {background:url(images/storyLinkHover.gif) no-repeat; color:#68689a; }
.miniStory p {margin:2px 0 0 15px; font-size:1.2em; width:259px;}

.AlsoInTheNewsTable {background:url(images/miniStoryBg.gif) no-repeat #CBC9DC; padding-top: 10px; border-bottom:10px solid #CBC9DC; }

/*---- Right Advertising Panel ----*/
#rightPanel {float:right; width:120px; padding-right:22px;}
#advert002 {background-image:url(images/advert002.jpg); background-repeat:no-repeat; width:120px; height:600px; margin:22px 0px 0 0px;}
#advert003 {background-image:url(images/advert003.jpg); background-repeat:no-repeat; width:120px; height:400px; margin:22px 0px 0 0px;}

/* ---- Website footer links ----*/
#footer {text-align:left; width: 955px; margin:0px auto 0px auto; color:#000000; padding-bottom:10px;}
#footer a {color:#000000; margin:0px 10px 0px 10px;}
#footer a:hover {color:#FFFFFF;}

/* ---- Article styling ----*/
#article {}
#article img {margin:0 0 10px 10px;}
#article h1 {font-family: Georgia, Times, Serif; color:#68689A; font-size:2.8em; line-height:1.14em; margin-bottom:15px;}
#article h2 { font-family:Georgia, Times, Serif;color:#000000; font-size:1.1em; margin:5px 0 15px 0px; font-weight:bold; }
#article p {color:#000000;  padding:0 0 5px 0; }

/* ---- Features styling ----*/
#features {}
#featureStory img {float:left; margin-right:15px; width:125px;}
#featureStory h1 { font-family:Georgia, Times, Serif;float:left; font-size:1.5em; font-weight:bold; line-height:1.2em; width:440px; }
#featureStory p {float:left;  padding-bottom:5px; padding-right:0px; width:440px;}
.featureDivider {clear:both; display:inline-block; float:left; height:20px; background:url(images/headline-divider.gif) no-repeat; width:584px; margin-top:20px;}

ul.CMSSiteMapList { margin-left: 0px; }
li.CMSSiteMapListItem {margin-left: 10px;  } 
.CMSSiteMapLink { text-decoration:none; font-size:1.2em; }

/* ---- Profile styling ---- */
.profile table {float:left; padding:0px; margin:0px;}
.profile img {float:left; padding-right:20px;}
.profile h1 {float:left; color:#68689A;  float:left; font-size:2.2em; font-weight:bold; width:440px;  }
.profile p {float:left ; width:540px; color:#000000; padding:15px 0 0px 0; }
.profile a {color:#68689A;}
.profile a:hover {text-decoration:underline;}
.profileDivider {clear:both; display:inline-block; float:left; height:20px; background:url(images/headline-divider.gif) no-repeat; width:584px; margin-top:20px;}