/* CSS Document */
body {
color: #515151;
font: 76%/1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 5px;
padding: 0; text-align: center;
}

h1, h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1em; margin-top: 0; }

a {color:#009900 ;}

#header { background-color:#FFFFFF; border-top: 1px solid #fff; float: left; width:100%;   }
 #header img {float: left; }
#sub-nav-wrap { clear:both; float:left;
background:url(images/design/sub-menubar_bar.gif)  0 0 repeat-x; 
height:28px; margin: -7px 0 0 0; padding:  0;  width:100%; }
/* Start Commented Backslash Hack \*/ 
* html #sub-nav-wrap  { background:url(images/design/sub-menubar_bar.gif)  0 -1px repeat-x; }
/* Close BackslashHack */
*:first-child+html #sub-nav-wrap { margin: 8px 0 0 0;}
#wrap { max-width:1000px; min-width: 790px;

background :url(images/design/threecol-r.gif) repeat-y 80% 0; text-align: left; margin: 0 auto;   }
#wrap-inner {

background: url(images/design/threecol-l.gif) repeat-y 20% 50%; }
#main-body { float:left;
width: 80%; }


#sidebar { float:right; width:24.5%;  color:#000;  }
#sidebar .img { margin-top: 20px; border-top: 1px solid #01762D; border-left: 1px solid #01762D;  border-right: 1px solid #2FA61B;  border-bottom: 1px solid #2FA61B; background:  #017C30 url(images/design/Sideh3DeepBaseLine.gif) 100% 100%  repeat-y; padding: 0 0 3px 0; }
#sidebar .gutter { padding:10px 10px 5px 5px ; }
#-sidebar a  { color:#FFFFFF;}
#sidebar h1, h2 { font-size: 1em; color: #fff;}


#sidebar-2 { float:right; width:20%; color:#000;    }
#sidebar-2 .gutter { padding:12px;}
#sidebar-2 h1, h2 { width:auto;  line-height:1.2em; color: #000; background: url(images/design/Sideh3BaseLine.gif)  top left  no-repeat; padding:6px 4px 4px 10px;     margin: 0 0 0 0; }
#sidebar-2 p { font-size:.8em; line-height:1.4em; border: 4px solid #68DC33; margin-top: 0; background: #B3ED99; padding: 8px;}
#-sidebar-2 a  { color:#000;}


#sidebar h1, h2 { width:auto;  line-height:1.2em; color: #000; background: url(images/design/Sideh3BaseLine.gif)  top left  no-repeat; padding:6px 4px 4px 10px;     margin: 0 0 0 0; }
#sidebar p { font-size:.8em; line-height:1.4em; border: 4px solid #68DC33; margin-top: 0; background: #B3ED99; padding: 8px;}
 .promoImg  { text-align:left;  border: 4px solid #68DC33; margin-top: 0; background: #68DC33; padding: 0 0 0 0; margin:0;}

blockquote { width:auto; font-weight:normal; font-size:.8em; line-height:1.4em; color: #000; background: url(images/design/infoBlockQuote.gif)  top left  no-repeat;   margin: 10px 0 0 0; padding-top:20px;  }
blockquote span{ background: #92E66B; border: 4px solid #68DC33; display:block; padding: 8px;   }

#p7scroller1 {  background:  #fff url(images/design/ScrollerBack.jpg) 0 100% no-repeat; width:auto; }
#p7scroller1 a  {display:block; color:#000; text-decoration:none; background:url(images/design/ScrollingPanelLinkBackground.jpg) 0 100% no-repeat; width:100%; padding: 5px 8px 10px 8px ; border-bottom: 1px solid #28C334; border-right: 10px solid #68DC33;  margin-right: 10px; }
#p7scroller1 p {margin: 0 0 0px 0;}
#scrollerbase {background:  #fff url(images/design/ScrollerBackBase.jpg) 100% 0  no-repeat; line-height:26px; margin: 0   0; padding: 0; width: 100%;    }

#p7scroller1 p { padding: 0; margin: 0;  background:#68DC33;}





#content { float:right; width: 75%; font-size: .9em; margin-top: 10px; }
#content .gutter { padding: 15px 15px 15px 15px;  margin-left: 0px; margin-right: 7px; }
#content h1, h2, h3 { font-size: 1.2em; font-weight:bold;  }
#sidebar #content h1, h2, h3 { font-size: 1em; font-weight:bold;  }
#content table h3 { font-size: 1.1em; font-weight:bold;     margin-bottom: 5px; color: #00833B;  border-bottom: 1px solid #A8E556; padding-top:20px; padding-bottom: 5px;  }
#content table td { }
#content h4,  { font-size: 1.1em; font-weight:bold;   margin-bottom: 5px; color: #006600; border-bottom: 1px dotted #C5C5C5;}
#content  h5, h6 { font-size: 1.1em; font-weight:bold;   margin-bottom: 5px;}

#content  ul { list-style:none; margin: 0 0 10px 0 ; padding: 0; }
#content  ol { margin: 0 0 10px  10px ; padding: 0; }
#content  li { font-size: 1em;   background:url(images/design/FormButton_LI_Back.gif) 2px 2px no-repeat; padding: 4px 20px 2px 30px; margin-left:15px;}
#content ol li { font-size: .9em;   background:url(images/design/-FormButton_LI_Back.gif) 2px 2px no-repeat; padding: 4px 20px 2px 10px; margin-left:15px;}
#content li a {   }
#content p { margin-bottom: 10px; margin-top: 10px; }
#content td img {padding-right: 20px; vertical-align:top;}


.register #content form  textarea { margin:0; width: 200px; }
.register #content form  input { margin:0 ; width: 200px;}
.register #content form .submit { margin:0 ; width: 80px;}

.register #content label { display: block; }
.center { text-align:center; }


#contentHeading { height:36px;  font-size: 1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:  url(images/design/HeaderBackground.jpg) no-repeat bottom left ; margin: 0px 7px 0px 7px; color:#FFCC00; border-right: 8px solid #FFFFFF;  }
#contentHeading h1 {padding: 10px 0 15px 15px; margin: 0px ; color: #000; background:  url(images/design/---HeaderBackground.jpg) no-repeat top left ;  }
#mainImage { background-color:#99CFAF; margin: 0px 0px 5px 0px; border-bottom:1px solid #018636; border-top:1px solid #018636;}
#mainImage .gutter {padding: 0;}
#footer {  height: 125px; clear:both; background: url(images/design/FooterBack_R.gif) no-repeat 100% 0  ; }
.footerText {padding-top: 20px;}
#footerInner { height: 85px; padding-top: background:  url(images/design/FooterBack_L.gif) no-repeat 0 0; }
#footerNav { float:right;  font-size:.8em; margin-right:20px; margin-top:20px; text-align: right;}
#footerNav  a { text-decoration:none; color:#515151; }
#footerNav p { margin-top: 0px; padding: 0; line-height: 1.3em; width: 90%;}
#TopExtraNav { position:relative; background:url(images/design/TopExtraNavBack.gif) no-repeat 100% 100%; color:#000; font-size:.8em; right:20px; top:20px; text-align: right; padding: 2px 10px;}
#TopExtraNav a { color:#000; text-decoration:none;}
#TopExtraNav a:hover{ color:#fff; text-decoration:none;}


#header hr, #footer hr { display:none;}

.box { font-family:Geneva, Arial, Helvetica, sans-serif; float:left; width:170px; background:url(images/design/box.jpg) no-repeat bottom right; height: 70px;  margin:0px 8px 0 0; border-bottom:8px solid #FFF;    }
.box a {margin: 0; padding: 10px 20px 0px 10px; font-size: 1em; color:#000; font-weight:bold; text-align: right; display:block; background:url(images/design/box.gif) no-repeat bottom right;}
.box a:hover {text-align:right; margin: 0; padding: 10px 20px 0px 10px; font-size: 1em; color:#000;   font-weight:bold; color:#009900; text-align: right; display:block; background:url(images/design/boxOn.gif) no-repeat bottom right; }
.box dt { }
.box dd { text-align:center; margin: 0; padding: 0 ; list-style:none;}
.box dt a { text-align:center; margin: 5px 0 0px 0; padding: 10px 0 0px 10px;    color:#000; text-decoration: none; }
.box dd img { padding-left: 15px; padding-bottom:0px; }


#StakholderLogin { clear:both;  background:url(images/design/StakeholderLogin.jpg) bottom right no-repeat; width:200px; height:20px; padding-top: 80px;}
#StakholderLogin a {  color: #FFF;  padding-left: 10px; }

.leftSmallImage { float:left; width:180px; height: 250px;}
#stakeholdersdetail {  }
#stakeholdersdetail dd.img img{ margin-top: 10px; padding: 0; border: 1px solid #339900;}
#stakeholdersdetail dl {margin: 5px; padding:0;}
#stakeholdersdetail dt { float: left; margin: 0; padding: 0; font-size:1.4em; font-weight:bold; margin-top: 10px; }
#stakeholdersdetail dd { clear:both; float: left; margin: 0; padding: 0; font-size: 1em; line-height: 1.2em;}
#stakeholdersdetail dd.gutter { padding: 10px 20px 10px 0;}
#stakeholdersdetail dd strong { font-size: 1.3em; line-height:1.5em;}
#stakeholdersdetail dd a {color:#2FAD32;}
.-PhotoThumbWrap { width:33%; float: left;  }
.PhotoThumb { font-family:Arial, Helvetica, sans-serif; float: left;  background:url(images/design/SlideBackground_top.jpg) top left no-repeat; width: 175px; padding: 10px 0 0 0;   margin: 0 2px ;   }
 
.PhotoThumb dl{ float: left; width: 150px; margin: 10px 15px 0px 10px; padding: 0; 
display:inline; /* fixes IE/WIN double margin bug */  }
.PhotoThumb dt {float: left; width: 150px;  margin: 0; padding: 0; font-size:.8em; letter-spacing:1px; color:#333; text-align:center;   }
.PhotoThumb dd { margin: 0; padding: 0; font-size: 85%; line-height: 1.5em; color:#333; text-align:center; }
.PhotoThumb dl.img img { float: left;  height: 100px; width: 150px; }
.PhotoThumb dd.comment {}
.PhotoThumbBase { background:url(images/design/SlideBackground_base.jpg) bottom left no-repeat; padding-bottom:0;  } 
.green { color:#43B534;}
.deepyellow { color:#FFCC00;}
#TableStyleOne th { background:url(images/design/TableHDBackground.gif) 0 100% repeat-x; border-left: 1px solid #E2F8C4; border-right: 1px solid #A5E949; border-top: 1px solid #E2F8C4; text-align:left;}
#TableStyleOne td { background-color:#FFFFFF;  border-left: 1px solid #E2F8C4; border-right: 1px solid #E2F8C4; border-bottom: 1px solid #E2F8C4; text-align:left;}
#TableStyleOne td .tableBase { border-bottom: 1px solid #A5E949;}

#TableStyleTwo th { background:url(images/design/TableHDBackground.jpg) 0 100% repeat-x; border-left: 1px dotted #C5C5C5;  border-top: 1px dotted #C5C5C5; text-align:left;   color:#FFFFFF; padding-left:10px;}
#TableStyleTwo td { background-color:#fff;   border-left: 1px dotted #C5C5C5;  border-top: 1px dotted #C5C5C5;  text-align:left; padding: 20px;}
.rightBorder { border-right: 1px dotted #C5C5C5;}
#TableStyleTwo table { border-bottom: 1px dotted #C5C5C5;}
th a { color:#000; background:url(images/design/sm_arrow3GreyDown.gif) 100% 100% no-repeat; padding-right:15px;}
#TableStyleTwo tr {border-right: 1px solid #A5E949;}
#TableStyleTwo li { background:  url(images/design/TableStyleTwo_LI_Back.gif) 0 0 no-repeat;}
#TableStyleTwo strong {background-color:#fff; width: 98%; display:block; padding: 4px; }
#MainImage img { border: 0px solid #B1B1B1; width: 435px;}
.MainPicGutter { padding-left: 15px; padding-right: 15px; }
.ImageGreyBack {background:#fff url(images/design/MainImageBack-v2.jpg) bottom right no-repeat; width: auto; border-bottom:8px solid #FFF;}
.home .ImageGreyBack {background:#fff url(images/design/HomePageImageBack-v2.jpg) bottom right no-repeat; width: auto; border-bottom:8px solid #FFF;}

.stakeholder .ImageGreyBack {background:#fff url(images/design/HomePageImageBack-v2.jpg) bottom right no-repeat; width: auto; border-bottom:8px solid #FFF;}

.tableDividingLine { background:url(images/int_divider_line1.gif) 0 0 no-repeat;}

/*-- STAKE HOLDERS INFO --*/

.stakeholder #content  li {  background:url(images/design/Stakeholder_LIArrowBack.gif) 0 5px no-repeat; }
.stakeholder #content ol li {  background:url(images/design/-Stakeholder_LIArrowBack.gif) 0 5px no-repeat; }

.stakeholder #contentHeading h1 {    font-weight:normal;}
.stakeholdermain #contentHeading h1 {   color:#000; font-weight:normal;}
.stakeholder #contentHeading h1 strong { background:url(images/DottedDividerVertical.gif) 0 0 no-repeat ; padding-left: 15px; padding-bottom: 5px; color:#000; font-weight:bold;}
.green { color:#339933; font-weight:bold;}
.grey { color:#666666;}
.white, .white a { color:#FFFFFF }
.PublicNotice { color:#949494;}
.smallText {font-size: .8em; font-weight:normal; font-style:italic; color: #666666; text-decoration:none; }
 
/*-- ExpandingBox -*/
.ExpContainer { float: left; color:#666666; background:url(images/rounded_right.gif) top right no-repeat; width:100%;}
.Expdesc { margin: 0; padding: 0;  background:url(images/rounded_left.gif) top left no-repeat;}
.Expbase { margin: 0; padding:0 0 0 9px; background:url(images/rounded_left.gif) bottom left no-repeat;}
.Expbase em { display:block; padding: 0 9px 9px 0; font-style:normal; background:url(images/rounded_right.gif) bottom right no-repeat;}

#thisisguernsey {background: url(images/design/thisisguernsey.gif)  no-repeat; }