/*   CSS for Recfishwest webpages. Commenced 1 May 2008     */
/*   By T Fuller 9447 4545             */
/*   This is the SCREEN style sheet    */
/*   Print style sheet is separate     */
/*   Last update 21 October 2009       */

html, body {
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
padding: 0;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center; /* IE quirky center */
background: #eee; /* pale grey */
}

div.wrapper {  /* around entire page contents */
position: relative;
width: 99%;
min-width: 650px; /* to allow room for images and long words */
min-height: 80%; /* IE has height hacked in in conditional below */
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}

/* ####### Header Items ######## */

div.header {
position: relative;
width: 99%;
min-width: 650px; /* to match wrapper div */
margin: 0 auto;
background: #eeeeee; /* pale grey */
padding-bottom: 1px;
}

/* ###### Top Banner ####### */

Table.TopBanner {   /* A table used pending attempt to fully CSS this */
 height: 100px;
 border-collapse: collapse;
 vertical-align: middle;
}

Table.TopBanner td.Logo {
 border-collapse: collapse;
 background-color: #eeeeee;
 border-right: 1px solid #eeeeee;  /*  To align borders using the particular logo dimensions */
}

Table.TopBanner td.Combined {
 border-collapse: collapse;
 background-color: #eeeeee;
}

Table.TopBanner td.Images {
 border-collapse: collapse;
 background-image: url(Banner.jpg);
 background-repeat: repeat-x;
 background-position: left;
 width: 100%;
 background-color: #eeeeee;
}

/* ####### Left Column Items ######## */

div.leftcolumn {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default */
border-width: 0px; /* widths below */
border-style: solid;
border-color: #777;
/* height: 100%; */ /* hacked in for IE via conditional comment */
}

div.leftcolumn {  /*  defintion split to allow hack  */
left: 0; 
width: 143px; 
background: #eeeeee; 
border-left: 0px;
}

.leftcolumn ul {
margin-left: 7px;
padding: 0;
border: 0;
list-style: none;
font-size: 0.7em;
line-height: 120%;
}

.leftcolumn li {
margin: 0; 
padding: 2px 0; 
list-style: none;
}

div.LeftColumnRFWLogo {  /*  RFW logo  */
padding-bottom: 16px;
padding-top: 16px;
text-align: center;
}

div.LeftColumnLogos {   /*  Other logos  */
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
}

div.leftmenu {
border: 1px solid #000;
background: #cae1ff;
margin: 1px 2px 2px 2px;  /* Top Right Bottom Left */
padding-bottom: 8px;
padding-top: 4px;
}

#leftcolumn p {background: #b0c4de; height: 50%;}/* height to show inheritance */

div.RFWDetailsLeftColumn {
 position: relative;
 font-size: 0.75em;
 margin-top: 20px; 
 margin-right: 2px; 
 margin-left: 3px; 
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 3px;
 padding-right: 5px;
 background-color: #ffff99;
 border: solid 1px #b3b3b3;
 text-align: center;
 }

/* ###### Main Content Layout ####### */

div.contentwrap {  /*  Padding to set position of main content on the page  */
padding: 1px 2px 2px 144px; /* Top Right Bottom Left */
}

div.content {        /* Contains the main content of each page including bottom menu and counters  */
position: relative;  /* to enable further positioned divs inside content area */
z-index: 600;        /* to make sure if long words overflow they show above the right column */ 
margin: 0;
}

div.contentborder {  /* To put a border in the right place */
position: relative;
border: 2px solid #b3b3b3;
background: #ffffcc;
}

div.MainContent {  /* Contains the main content of each page excluding */ 
                   /* bottom menu and counters, including What's New on Home page */
}

/* ###### What's New items ####### */
/* ###### What's New items for OTHER pages = whatsnew1 ####### */
/* ###### whatsnew1 temporarily left in for compatibility during updates ####### */

div.whatsnew, div.whatsnew1 { 
position: relative;
top: 0;
right: 0;
float: right;
width: 145px; 
margin: 0 2px 0 3px; 
padding-bottom: 5px;
padding-top: 0px;
background: #ffffcc;
}

.whatsnew ul.list, .whatsnew1 ul.list {
margin: 3px 0 3px 0; 
width: 143px; 
list-style: none;
font-size: 0.7em;
color: black;
text-align: left;
padding-bottom: 3px;
padding-top: 5px;
background-color: #ededed;
border: 1px solid #b3b3b3;
}

.whatsnew ul.heading, .whatsnew1 ul.heading {
margin: 3px 0 3px 0; /* Top Right Bottom Left */
width: 143px; 
list-style: none;
font-size: 1em;
color: Red;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
background-color: #cccccc;
border-top: 2px solid #ff0000;
border-bottom: 2px solid #ff0000;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.whatsnew li, .whatsnew1 li {
margin: 3px 3px 3px 8px; /* Top Right Bottom Left */
padding: 2px 0 2px 0; /* Top Right Bottom Left */
list-style: none;
}

/* ###### Float Images ####### */

div.FloatImageLeft { 
float: left;
position: relative;
margin: 8px 10px 3px 5px; /* Top Right Bottom Left */
padding-top: 10px;
padding-bottom: 5px;
background-color: #ffffcc;
 }

div.FloatImageLeftInTable { 
float: left;
position: relative;
margin: 0px 10px 0px 5px; /* Top Right Bottom Left */
padding-top: 5px;
padding-bottom: 0px;
background-color: #ffffcc;
 }

div.FloatImageRight { 
float: right;
position: relative;
margin: 8px 10px 3px 5px; /* Top Right Bottom Left */
padding-top: 10px;
padding-bottom: 5px;
background-color: #ffffcc;
 }

div.SmallItalicRight {     /* used in Hotbite Article pages      */
 text-align: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 font-style: italic;
 color: black;
 padding-right: 160px;     /*  to make room for What's New panel  */
}

/* ##### Bottom Menu Items ###### */

Table.BottomMenu { /*  A table is the only way found to implement this in liquid layout  */
 background-color: #ededed;
 border-collapse: collapse;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 color: black;
 margin-right: 20px;
 margin-left: 20px;
 border: solid 1px #999;
}

Table.BottomMenu td.RFWtd {
 vertical-align: top;
 text-align:center;
 border-collapse:collapse;
 padding: 8px 20px 10px 10px;
 line-height: 140%;
}

Table.BottomMenu td.BottomMenuTD {
 vertical-align: top;
 text-align:left;
 border-collapse:collapse;
 padding: 8px 2px 8px 10px;  /* Top Right Bottom Left */
 margin-left:24px;
 line-height: 150%;
 width:100%;
}

/* ########################################### */

div.NoBullets {
font-size: 0.8em;
}

.NoBullets ul {
font-size: 100%;
list-style: none;
}

.NoBullets li {
list-style: none;
font-size: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 3px;
text-align: left;
margin-right: 5px;
margin-left: 5px;
line-height: 140%;
}

/* ###### General formatting ###### */

#header p {text-align: right;}
h1, h4 {margin: 0; padding: 10px; position: relative; z-index: 5;}
h1 {font-size: 1.2em;}
h4 {padding-bottom: 0; padding-right: 15px;}
ul, ol {font-size: 0.8em; margin: 0 20px 0 30px; padding: 0; }
ul ul, ol ol, ol ul, ul ol {font-size: 100%;}  /* for nested lists */
li {font-size: inherit;}

/* ###### Link formatting ###### */

a:link { color: blue;}
a:visited {color: purple}
a:active {color: red}
a:hover { background-color: #ffff66;}

/*###### Specific formatting ####### */

h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-style: italic;
 color: black;
 text-align: Center;
 padding-left: 10px;
 padding-right: 50px;
 padding-bottom: 5px;
 padding-top: 5px;
 margin-top: 5px;
 margin-bottom: 10px;
 margin-right: 0%;
 margin-left: 5px;
 }

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
  text-align: Left;
  margin-top: 10px;
  margin-left: 10px;
  }

.GeneralContent, p { /*  ####### p makes this the default paragraph style #### */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: black;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 3px;
 text-align: left;
 vertical-align: top;
 margin-right: 5px;
 margin-left: 10px;
 line-height: 140%;
 }

.IndentedGeneralContent { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: black;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 25px;
 padding-right: 3px;
 text-align: left;
 vertical-align: top;
 margin-right: 5px;
 margin-left: 10px;
 line-height: 140%;
 }

.SpacedGeneralContent {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: black;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 3px;
 text-align: left;
 margin-right: 5px;
 margin-left: 10px;
 line-height: 180%;
 }

.CenteredGeneralContent {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: black;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 3px;
 text-align: center;
 margin-right: 5px;
 margin-left: 10px;
 line-height: 140%;
 }

.SmallGeneralContent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: black;
  padding-left: 0.2cm;
  padding-right:0.1cm;
  text-align: left;
  margin-right: 1%;
  margin-left: 0%;
  line-height: 120%
  }

.IndentedSmallGeneralContent { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 color: black;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 35px;
 padding-right: 3px;
 text-align: left;
 vertical-align: top;
 margin-right: 5px;
 margin-left: 10px;
 line-height: 110%;
 }

.Highlighted {
 text-align: Left;
 font-size: 0.9em;
 font-weight: bold;
 padding-left: 10px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-top: 3px;
 margin-top: 5px;
 margin-bottom: 10px;
 margin-right: 5px;
 margin-left: 5px;
 background-color: #98f5ff;
 border-bottom: 3px solid #ff7f00;
 line-height: 160%;
}

.quote {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: black;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 padding-right: 3px;
 text-align: left;
 vertical-align: top;
 margin-right: 5px;
 margin-left: 50px;
 line-height: 140%;
 }


div.Divider {     /* Intended as a divider NOT as a text style */
 border-top: 5px solid #98f5ff;
 border-bottom: 3px solid #ff7f00;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 0.1em;
 color: #98f5ff;
 background-color: #98f5ff;
}

/* ########################### */

Table.QuickLinks {     /*  General use, and specifically for listing links within a page  */
 border-collapse: collapse;
 margin-right: 20px;
 margin-left: 5px;
 margin-bottom:5px;
}

Table.QuickLinks td, Table.QuickLinks td.Content {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: black;
 text-align: left;
 line-height: 150%;
 padding: 5px 10px 5px 10px;  /* Top Right Bottom Left */
}

/* ########################### */

Table.DVDList { 
 border-collapse: collapse;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 25px;
 margin-bottom: 5px;
}

Table.DVDList td, Table.DVDList td.Content {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: black;
 text-align: left;
 line-height: 150%;
 padding: 5px 10px 5px 10px;  /* Top Right Bottom Left */
 border: 2px solid #e3e3e3;
}

Table.DVDList td.HeavyBorder {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: black;
 text-align: left;
 background-color: #E0F8F7;
 line-height: 150%;
 padding: 5px 10px 5px 10px;  /* Top Right Bottom Left */
 border: 3px solid #f781f3;
}

/* ########################### */
Table.DVDImages { 
 border-collapse: collapse;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 25px;
 margin-bottom: 5px;
}

Table.DVDImages td, Table.DVDImages td.Content {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: black;
 text-align: center;
 line-height: 150%;
 padding: 5px 10px 5px 10px;  /* Top Right Bottom Left */
}

/* ########################### */

Table.CloseSpacedBorder {      /*  Defined to sort out font size inheritance  */
 width:95%;
 text-align:left;
 vertical-align:top;
 margin-left:20px;
 margin-top:4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: black;
 border-collapse:collapse;
}

Table.CloseSpacedBorder td {
 font-size: 70%;
 vertical-align:top;
 margin-left:5px;
 line-height: 100%;
 border-top: 1px solid #e3e3e3;
 border-bottom: 1px solid #e3e3e3;
 border-left: 1px solid #e3e3e3;
 border-right: 1px solid #e3e3e3;
 padding: 5px 4px 4px 12px; /* Top Right Bottom Left */
}

/* ########################### */

Table.CloseSpacedBorder500 {      /*  Defined to sort out font size inheritance  */
 width:500px;
 text-align:left;
 vertical-align:top;
 margin-left:20px;
 margin-top:4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: black;
 border-collapse:collapse;
}

Table.CloseSpacedBorder500 td {
 font-size: 70%;
 vertical-align:top;
 margin-left:5px;
 line-height: 100%;
 border-top: 1px solid #e3e3e3;
 border-bottom: 1px solid #e3e3e3;
 border-left: 1px solid #e3e3e3;
 border-right: 1px solid #e3e3e3;
 padding: 5px 4px 4px 12px; /* Top Right Bottom Left */
}

/* ########################### */

Table.Standard {      /*  Defined to sort out font size inheritance  */
 width:95%;
 text-align:left;
 vertical-align:top;
 margin-left:0px;
 margin-top:4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: black;
 border-collapse:collapse;
}

Table.Standard td.GreyRow {
 font-size: 80%;
 vertical-align:top;
 margin-left:5px;
 background-color:#f8f8f8;
 border-top: 1px solid #e3e3e3;
 border-bottom: 1px solid #e3e3e3;
 padding: 5px 4px 10px 12px; /* Top Right Bottom Left */
}

Table.Standard td {
 font-size: 80%;
 vertical-align:top;
 margin-left:5px;
 line-height: 150%;
 padding: 5px 4px 10px 12px; /* Top Right Bottom Left */
}

Table.Standard h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.3em;
 font-style: italic;
 color: black;
 text-align: Center;
 padding-left: 10px;
 padding-right: 50px;
 padding-bottom: 5px;
 padding-top: 5px;
 margin-top: 5px;
 margin-bottom: 10px;
 margin-right: 0%;
 margin-left: 5px;
 }

Table.Standard td.Heading {
 font-size: 110%;
 background-color: #ededed;
 border-bottom: 3px solid #d0d1c2;
 padding: 5px 4px 5px 10px;
}

/* ########################### */

Table.StandardFixed {    /*   Fixed pixel width table to help formatting   */
 width:625px;
 text-align:left;
 vertical-align:top;
 margin-left:0px;
 margin-top:4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: black;
 border-collapse:collapse;
}

Table.StandardFixed td {
 font-size: 80%;
 vertical-align:top;
 margin-left:5px;
 line-height: 150%;
 padding: 5px 4px 10px 12px; /* Top Right Bottom Left */
}

/* ########################### */

Table.StandardFixed300 {    /*   Fixed pixel width table to help formatting   */
 width:300px;
 text-align:left;
 vertical-align:top;
 margin-left:0px;
 margin-top:4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: black;
 border-collapse:collapse;
}

Table.StandardFixed300 td {
 font-size: 80%;
 vertical-align:top;
 margin-left:5px;
 line-height: 150%;
 padding: 5px 4px 10px 12px; /* Top Right Bottom Left */
}

/* ########################### */
Table.Fees {
 border-collapse: collapse;
 margin-left: 10px;
}

Table.Fees td {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #ffffcc;
 border-collapse: collapse;
 padding: 5px 10px 5px 10px; /* Top Right Bottom Left */
}

/* ############################ */

.printOnly {display:none}  /* Style used for indexing and listing links, not displayed on screen */

sup.printOnly {
display:inline;        /* Changed from no print, added space to the left of the characters, and coloured */
padding-left: 8px;     /* them yellow to minimise the chance of the superscript being selected with the  */
font-size: 20%;        /* link and then giving a "404 page not found" if pasted as part of the link      */
color: #ffffcc;        /* temporary "fix" 31 May pending investigations of alternatives                  */
line-height: 100%; 
}

.ignore {              /* Style for links to be ignored when indexing and printing links */
}

/* ########################### */


/*   CSS for Recfishwest webpages.     */
/*   By T Fuller 9447 4545 ...      ...*/
/*   This is the SCREEN style sheet    */
/*   Print style sheet is separate     */
/*   Edit Last update date at the top  */