html.section
{
overflow-y: scroll;
}

body.topbar
{
background-color: #B4B4B4;
margin: 0px 0px;
font-family: Tahoma, Verdana, sans-serif;
color: #000000;
}

body
{
background-color: #FFFFFF;
margin: 0px 0px;
padding: 0px;
font-family: Tahoma, Verdana, sans-serif;
color: #000000;
}

h1			/* Red title on all pages */
{
position: absolute;
top: 28px;
left: 174px;
font-size: 95%;
font-weight: bold;
color: #CC0000;
padding: 0px 25px 0px 25px;
margin: 0px;
}

h2			/* Red title on pop-up pages */
{
font-size: 95%;
font-weight: bold;
color: #CC0000;
padding: 7px 0px 5px 25px;
margin: 0px;
background-color: #E3E3E3;
}

h3			/* Red title on pop-up pages */
{
font-size: 100%;
font-weight: bold;
color: #000000;
padding: 8px;
margin: 10px 0px;
background-color:#E3E3E3;
}

a.menu			/* Horizontal menu hyperlink */
{
color: #000000;
text-decoration: none;
padding: 0px 8px;
}

a.menu:hover		/* Horizontal menu hyperlink hover */
{
color: #CC0000;
text-decoration: none;
}

a			/* hyperlink */
{
font-weight: bold;
color: #CC0000;
text-decoration: none;
}

a:hover			/* hyperlink hover */
{
color: #000000;
text-decoration: none;
}

a.feature		/* Feature hyperlink */
{
color: #FFFFFF;
text-decoration: none;
}

a.feature:hover		/* Feature hyperlink hover */
{
color: #D0D0D0;
text-decoration: none;
}

p			/* Paragraph tag stripper */
{
margin: 0px 0px 12px 0px;
}

input.submit		/* Tools drop-down box Submit Button */
{
vertical-align: top;
height: 23px;
width: 40px;
font-size: 80%;
}

ul			/* Newsline headline list */
{
color: #000000;
list-style: square;
margin-top: 4px;
margin-bottom: 10px;
margin-right: 25px;
line-height: 15px;
}

label.topbar			/* Bobby-required label for Start Drop-down form */
{
font-size: 55%;
color: #CC0000;
}

/* TOP FRAME IDs */


#topBar			/* Red bar at top of all pages */
{
width: 100%;
height: 38px;
background: #CC0000 url("../images/topbar_grad.gif") repeat-x left bottom;
}

#logo			/* Logo in the top right corner */
{
position: absolute;
text-align: right;
right: 12px;
top: 7px;
width: 100%;
height: 24px;
}

#tools			/* Tools drop-down box in the top left corner */
{
position: absolute;
left: 1px;
top: 8px;
}

#menuBar		/* Horizontal menu bar below the red top bar */
{
width: 100%;
height: 18px;
font-size: 70%;
background: #B4B4B4 url("../images/submenu.gif") repeat-x left bottom;
text-indent: 8px;
padding-top: 4px;
color: #FFFFFF;
}



/* BOTTOM FRAME IDs */

#preRow		/* First light grey row */
{
height: 22px;
background:#E3E3E3 url("../images/lightgrey_shade.gif") repeat-x;
}

#firstRow		/* First light grey row */
{
height: 31px;
background-color: #E3E3E3;
}


#firstRowDark		/* Darker part of first row above the feature column */
{
position: relative;
top: 0px;
left: 576px;
width: 274px;
height:22px;
background:#D0D0D0 url("../images/midgrey_shade.gif") repeat-x;
}

#secondRow		/* Second light grey row */
{
clear: both;
height: 105px;
background-color: #E3E3E3;
}

#secondRowDark		/* Darker part of second row below the feature column */
{
position: relative;
top: 0px;
left: 576px;
width: 274px;
height:105px;
background-color: #D0D0D0;
}

#menuColumn		/* Entire menu area */
{
float: left;
width: 174px;
margin: 0px;
background-color: #E3E3E3;
}

/*#menuColumn	
{
z-index: 10;
position: absolute;
left: 0px;
top: 22px;
width: 174px;
}*/

#menuTitle		/* Menu title */
{
width: 174px;
height: 21px;
text-indent: 16px;
font-size: 70%;
font-weight: bold;
padding-top: 10px;
background: #D0D0D0 url("../images/midgrey_shade.gif") repeat-x;
}

#menuRow		/* Menu item's grey padded container */
{
width: 164px;
padding: 0px 5px 5px 5px;
background-color: #E3E3E3;
}

#menuItem		/* Menu item first level */
{
width: 146px;
font-size: 70%;
font-weight: bold;
padding: 4px 0px 4px 16px;
border: 1px solid #ACACAC;
background-color: #FFFFFF;
}

#menuItemOn		/* Menu item first level - selected */
{
width: 162px;
font-size: 70%;
font-weight: bold;
padding: 0px;
border: 1px solid #ACACAC;
background-color: #FFFFFF;
}

#menuActive		/* Menu item first level - highlighted (red block etc.)  */
{
border-left:11px solid #CC0000;
padding:4px 5px;
}

#menuItemOn ul		/* Menu item second level */
{
color: #000000;
background-color: #FFFFFF;
list-style: none;
margin: 0px;
padding-left: 26px;
padding-bottom: 4px;
line-height: 15px;
}

#menuItemOn li.on	/* Menu item second level - selected */
{
list-style: square;
}

#homeColumn		/* Encapsulates the entire central column */
{
float: left;
width: 402px;
height: 271px;
padding-left: 0px;
background-color: #FFFFFF;
}

#homeCopy		/* White area on Home page containing the main copy (text) */
{
font-size: 70%;
padding: 33px 25px 26px 25px;
background-color: #FFFFFF;
}

#newslineTitle		/* White area on Home page containing the NewsLine Headlines */
{
height: 21px;
font-size: 70%;
background-color: #F3F3F3;
padding: 7px 13px;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
}

#newslineCopy		/* White area on Home page containing the NewsLine Headlines */
{
font-size: 70%;
font-weight: bold;
background-color: #FFFFFF;
}

#featureContainer	/* Encapsulates the Home page feature column (on right) */
{
position: absolute;
top: 22px;
left: 576px;
width: 272px;
border: 1px solid #727272;
background-color: #FFFFFF;
}

#featureTopbar		/* Feature column first red bar */
{
font-size: 95%;
font-weight: bold;
color: #E3E3E3;
background-color: #CC0000;
height: 18px;
padding: 6px 10px;
text-align: right;
}

#featureTitle		/* Feature column Title */
{
font-size: 115%;
font-weight: bold;
color: #FFFFFF;
padding-top: 12px;
}

#feature01		/* Feature column background image 1 */
{
background-image: url("../images/feature01.jpg");
background-repeat: none;
font-size: 70%;
color: #FFFFFF;
height: 271px;
padding: 0px 14px;
}

#feature02		/* Feature column background image 1 */
{
background-image: url("../images/feature02.jpg");
background-repeat: none;
font-size: 70%;
color: #FFFFFF;
height: 271px;
padding: 0px 14px;
}

#feature03		/* Feature column background image 1 */
{
background-image: url("../images/feature03.jpg");
background-repeat: none;
font-size: 70%;
color: #FFFFFF;
height: 271px;
padding: 0px 14px;
}

#featureBottombar	/* Feature column second red bar */
{
font-size: 95%;
font-weight: bold;
color: #E3E3E3;
background-color: #CC0000;
height: 30px;
text-align: right;
}

#thirdRow		/* Third dark grey row */
{
clear: both;
height: 110px;
background: #B4B4B4 url("../images/darkgrey_bevel.gif") repeat-x left bottom;
}

#bannerAd		/* Banner advert area at the bottom */
{
position: relative;
top: 15px;
left: 382px;
width: 468px;
text-align: right;
font-size: 55%;
}

#skyscraperAd		/* Skyscraper advert area on the far right */
{
z-index: 11;
position: absolute;
left: 850px;
top: 5px;
width: 120px;
height: 612px;
text-align: right;
line-height: 17px;
font-size: 55%;
padding-left: 16px;
padding-bottom: 10px;
background-color: transparent;
}


#contentCopyIE, #contentCopyMoz		/* Area on internal pages for copy [ 13/09/2006 - Browser-specific alternatives now unrequired but kept because of If statement in code ] */
{
float: left;
width: 350px;
font-size: 70%;
text-align: justify;
padding: 25px 60px 25px 25px;
}

#contentCopyIE ul, #contentCopyMoz ul		/* Internal page lists */
{
list-style: square;
padding: 0px;
margin-left: 15px;
color: #000000;
}

#contentCopyIE a, #contentCopyMoz a, #contentImages a		/* hyperlink */
{
color: #CC0000;
text-decoration: none;
font-weight: bold;
}

#contentCopyIE a:hover, #contentCopyMoz a:hover, #contentImages a:hover		/* hyperlink hover */
{
color: #727272;
text-decoration: underline;
}


#contentImages		/* Area on internal pages for images */
{
float:left;
width: 235px;
font-size: 70%;
color: #727272;
text-align: right;
padding-top: 25px;
}


#screenBox		/* Screen shots box in righthand column */
{
float: right;
width: 235px;
height: 196px;
background-color: #CC0000;
}

#screenBoxTitle 	/* Screen shots box title text area */
{
padding: 6px 16px;
text-align: right;
color: #FFFFFF;
font-size: 100%;
}

#screenBoxGrab	 	/* Screen shots box image area */
{
text-align: center;
padding: 11px 0px;
background-color: #F0F0F0;
border-left: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
}

#screenBoxGrab img 	/* Screen shots box image area */
{
border: 1px solid #B4B4B4;
}

#popupContent
{
font-size: 70%;
text-align: justify;
padding: 25px;
}

#secondRowContent	/* Grey area on internal pages above the banner advert area */
{
clear: both;
height: 22px;
background-color: #E3E3E3;
}

label.formText		/* Form text labels */
{
position: absolute;
left: -90px;
width: 100px;
color: #000000;
padding-top: 5px;
}

label.formCheckText	/* Form text labels */
{
position: relative;
color: #000000;
padding-top: 5px;
}

#formBox		/* Form field areas */
{
position: relative;
left: 90px;
width: 150px;
color: #000000;
padding-bottom: 1px;
}


#contentContactPopUp	/* style for contact pop ups */
{
position: absolute;
top: 100px;
left: 50px;
width: 200px;
font-size: 85%;
text-align: justify;
padding: 25px;
}


/* LOGIN */

input.loginCheck	/* Alignment for check-box on login */
{
float: left;
margin-right: 10px;
}

#loginRight		/* Second column for login form */
{
float: left;
font-size: 70%;
width: 250px;
color: #000000;
padding-top: 25px;
}

input.loginShort	/* Short login field */
{
width: 140px;
}

input.loginLong		/* Long login field */
{
width:260px;
}

select.loginLong	/* Long login select box */
{
width:266px;
}

input.loginSubmit	/* Login submit button */
{
font-family:tahoma, verdana, sans serif;
font-size:95%;
font-weight:bold;
width:354px;
}