/*------set background colour for whole page------*/
body
{
 background: #e7e2d8;   
}

/*---- Header area this includes the fish image --- */
.header
{ 
 background: #323a46; 
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 0.9em;
 line-height: 0.9em;
 color: white;
 margin: 0 0 0 0; 
 padding: 1px;
 width: 100%;
}

.header img
{ 
 /*This has been set so that the image within the header div, will scale to fit width of the page*/
 width: 100%;
}

/*------------------------------------------------------*/


/*------Class for the slogan on the index page----*/ 
.slogan
{
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 0.9em;
 line-height: 0.9em;
 margin-bottom: 3px;
 margin-left:5px;
 margin-right:5px;
}
/*------------------------------------------------------------*/

/*------Class for the introductory text on the index page---------------------*/
.mainText
{
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 1em;
 color:black;
 /*height:50px;*/
 margin-left:5px;
 margin-bottom:5px;
}

.mainText a
{
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 1em;
 line-height: 1em;
 color: #000000;
 text-decoration: underline; 
 text-transform:lowercase;
}

/*-------------------------------------------------------*/

/*------Class for navigation links----------------------*/
.links
{
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 0.7em;
 line-height: 1.1em;
 margin-top: 3px;
 margin-bottom: 3px;
 margin-left:5px;
 width:100%;
 text-transform:uppercase;
}

.links a:hover
{
 text-decoration: underline;   
}

/*----------------------------------------------------*/

/*------Class for area at the bottom of the page------------*/

.footer
{ 
background: #323a46; 
color: white;
padding-top:3px;
padding-bottom:3px;
width: 100%;
}

/*------------------------------------------------------------*/


/*---------Main section which includes paragraph text and images-----*/
.main 
{
 background: #e7e2d8;
 padding-top:3px;
 padding-bottom:3px;
 width:100%;
}

/*----Article Paragraph Text---*/
.main .paragraph
{
 color: black;
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 1.1em;
 margin:5px 5px 5px 5px;
}

.main .paragraph ul
{
 margin-left:0px;
 
}

.main .paragraph ul li
{
 color: black;
 font-family:  Verdana, arial, helvetica, sans-serif;
 font-size: 1em;
 line-height: 1.1em;
 display: inline;
 list-style-type: none;
 margin-bottom:1px; 
}

.main .paragraph ol li
{
 font-family:  Verdana, arial, helvetica, sans-serif;
  font-size: 1em;
 line-height: 1.1em;
}
.main img
{ 
float: left; 
margin-right: 5px;
}

.main .section
{
 padding-top:10px;
 padding-bottom:10px;
 border-bottom: 1.5pt solid gray;    
}

/*---------Class for floating an image right----------------------*/

.main .floatright
{ 
float: right; 
margin-left: 5px;
margin-top:5px;
}

/*------------------------------------------------------------*/

/*---Class for displaying different sections/categories on the index page-----*/
.sectionLinks
{
 margin-top:10px;
 margin-bottom:10px;
}

.sectionLinks #heading
{
 background: #323a46; 
 padding-bottom:5px;
 padding-top:5px;
}

.sectionLinks #heading b
{
 margin-top:0px;
 margin-left:5px;
 color: #FFFFFF;
 font-family: Verdana, arial, helvetica, sans-serif;
 font-size: 1em;
 line-height: 1em;
}


/*---- List of stories/pages within category/section of site-----*/
.sectionLinks ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 0.7em;
line-height: 1em;
text-transform: uppercase;
margin-bottom: 2px;

background: #FFFFFF;
padding-bottom:10px;
}

.sectionLinks ul li
{
 margin-left:5px;   
}

.sectionLinks ul li a{
display: block;
padding-top: 5px;
padding-left: 3px;
width: 80%; 
color: #000000;
background: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
}


.sectionLinks a:hover
{
 text-decoration: underline;
}
/*----------------------------------------------------------*/

a{
text-decoration: none;
font-family:  Verdana, arial, helvetica, sans-serif;
font-size: 1em; 
color: white; 
/*text-transform:uppercase;*/
margin-right:3px;
}