/*-----------------------------------------------------------------------------
Main Stylesheet

author:    Andrew Scrivener
email:     andrew@denison.co.uk
website:   http://www.denison.co.uk
-----------------------------------------------------------------------------*/

body
{
 font-size:  12px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #666;
}


p 
{
  margin: 0 0 1em 0;
  line-height: 150%;
}


h1, h2, h3, h4, h5, h6
{
 margin: 2em 0 1em 0;
}


.clear /* Class for clearing floats */
{
 clear: both;
}


em
{
 font-style: italic;
}


strong
{
 font-weight: bold;
}


span.colour
{
 color: #F00;
}


.underline
{
 text-decoration: underline;
}


.boxout
{
 padding: 20px 20px 8px 20px;
 margin-bottom: 25px;
 background-color: #000;
 background-image: url(../images/bg-gradient.jpg);
 background-position: 0 0;
 background-repeat: repeat-x;
 position: relative;
}


.boxout p
{
 color: #FFF;
 line-height: 160%;
}


/*---------------------- Lists ---------------------*/

ul, ol
{
 line-height: 150%;
 margin: 0 0 1em 0;
}


ul li
{
 background-image: url(../images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 7px;
 padding-left: 14px;
 margin-left: 10px;
 margin-bottom: 25px;
}


ol li
{
 list-style-type: decimal;
}


ol.romanNumeral li
{
 list-style: upper-roman;
 padding: 2px 0 2px 0;
}


ul.pdf
{
 margin-top: 10px;
}


ul.pdf li
{
 color: #000;
 font-size: 11px;
 padding: 2px 0 2px 20px;
 background-image: url(../assets/general/bullet_pdf.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}


ul.legal
{
 margin-left: 5px;
 font-size: 11px;
}


ul.legal li
{
 margin-bottom: 0;
 background-image: none;
 float: left;
 margin-right: 10px;
 padding-left: 0;
}


ul.legal li strong
{
 color: #000;
 font-weight: normal;
}


/*---------------------- Headings ---------------------*/

h1
{
 font-size: 18px;
 color: #F00;
 margin-top: 0;
}

h2
{
 font-size: 16px;
 color: #333;
}

h3 
{
 font-size: 14px;
 color: #333;
}

h4
{
 font-size: 12px;
 color: #333;
}


/*---------------------- Links ---------------------------------*/

a,
a:link,
a:visited
{
 color: #069;
 text-decoration: underline;
}


a:hover,
a:active
{
 color: #000;
 text-decoration: underline;
}

.boxout a,
.boxout a:link,
.boxout a:visited
{
 color: #CF0;
 text-decoration: none;
}


.boxout a:hover,
.boxout a:active
{
 color: #A0C900;
 text-decoration: none;
}


ul.legal li a:link,
ul.legal li a:visited
{
 color: #F00;
}


ul.legal li a:hover,
ul.legal li a:active
{
 color: #333;
}



/*-------------------------- Main Navigation ---------------------------*/
 /*--------------------------- First Level --------------------------*/


ul.navigation
{
 padding-left: 0;
 margin: 0 0 0 20px;
 list-style: none; 
}


ul.navigation li
{
 float: left;
 background-image: none;
 margin-bottom: 0;
 margin-left: 0;
 padding-left: 0;
}


ul.navigation a 
{
 display: block;
}


ul.navigation li a:link,
ul.navigation li a:visited
{
 font-weight: normal;
 color: #333;
 text-decoration: none;
 padding-right: 40px;
 font-size: 11px;
}


ul.navigation li a:hover,
ul.navigation li a:active
{
 color: #F00;
 text-decoration: none;
}

/*--------------------------- Page Specific Styles --------------------------*/

body#indexPage .boxout
{
 padding: 0;
 height: 200px;
 background-image: url(../images/barrels.jpg);
 background-position: top right;
 background-repeat: no-repeat;
 margin: 0;
}

body#indexPage .boxout div
{
 padding: 20px 340px 8px 20px;
}

body#indexPage .boxout p
{
 line-height: 170%
}

body#indexPage .boxout p strong
{
 line-height: 180%
}

body#indexPage .boxout p a
{
 line-height: 100%
}

#imageRow
{
 background-color: #CCC;
 width: 906px; /* 940px Total */
 padding: 17px;
}

#imageRow ul
{
 margin-bottom: 0;
}

#imageRow ul li
{
 background-image: none;
 padding: 0;
 margin: 0;
 float: left;
}