/**********************
* Colour Table        *
***********************
Blue:#2256AC
Yellow:#FFCC33
Grey:#333333
Red:#B0002D
***********************/

/***********************************************************
* HTML Elements
***********************************************************/

body
{
padding:30px 0 0 0;
margin:0;

background:#FFF
		   url(../images/layout/bg_body.png)
		   top left
		   repeat-x;

font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333;
}

h1
{
padding:0 0 10px 0;
margin:0;

color:#B0002D;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:900;
text-align:left;
}

h2
{
padding:0 0 10px 0;
margin:0;

color: #FFCC33;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:900;
}

img
{
padding:0;
margin:0;
}

form
{
padding:0;
margin:0;
display: inline;
}

p
{
padding:0 0 10px 0;
margin:0;
}

ul
{
padding:0 0 10px 0;
margin:0;

font-size:1em;
}

li
{
padding:0;
margin:0 0 0 20px;

list-style:disc;
}

a:link
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#2256AC;
text-decoration:none;
}

a:visited
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#2256AC;
text-decoration:none;
}


a:hover
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#2256AC;
text-decoration:underline;
}

a:active
{
}

input
{
margin:0;
padding:0;
}

/***********************************************************
*Layout
***********************************************************/

#container
{
width:960px;
padding:15px;
margin:0 auto 0 auto;

background:#FFF;
border-right:3px solid #999;
border-bottom:3px solid #999;
}

#top
{
height:110px;
padding:0;
margin:0;
}

#logoLeft
{
width:380px;
height:100px;
padding:0 0 5px 0;
margin:0;
float:left;
}

#logoRight
{
width:137px;
height:100px;
padding:0 0 5px 0;
margin:0;
float:right;
}

#flash
{
height:20px;
padding:0;
margin:10px 0 0 0;

background:#B0002D;

color:#FFFFFF;
text-align:center;
font-size:0.9em;
line-height:1.3em;
}

#quote1
{
height:20px;
padding:0;
margin: 0;

background:#CC0034;

color:#FFFFFF;
text-align:center;
font-size:0.9em;
line-height:1.3em;
font-weight: bold;
font-style:italic;
}

#quote2
{
height:20px;
padding:0;
margin:0;

background:#CC0034;

color:#FFFFFF;
text-align:center;
font-size:0.9em;
line-height:1.3em;
font-weight: bold;
font-style:italic;
}

#navigation
{
height:30px;
padding:0;
margin:0 0 5px 0;
clear:both;

background:#2256AC
		   url(../images/layout/bg_navigation.png)
		   top left
		   repeat-x;
}

#content
{
padding:0;
margin:0;

font-size:0.9em;
}

#contentLeft
{
min-height:225px;
width:580px;
padding:10px 10px 0 10px;
margin:0 0 10px 0;
float:left;

background:#FFF
		   url(../images/layout/bg_content_left.png)
		   top left
		   repeat-x;
}

#contentRight
{
width:350px;
padding:0 0 10px 0;
margin:0;
float:right;
}

#footer
{
height:20px;
padding:0 10px;
margin:0;
clear:both;

background:#2256AC
		   url(../images/layout/bg_footer.png)
		   top left
		   repeat-x;

font-size:0.8em;
line-height:1.4em;
color:#FFFFFF;
}

/***********************************************************
* Top Navigation
***********************************************************/
#navigation ul 
{
padding: 0;
margin: 0;
list-style: none;
}

#navigation a
{
padding:0 22px;
margin:0;
display: block;

font-size:1.1em;
font-weight:400;
line-height:1.7em;
color:#FFF;
text-decoration: none;
text-align:center;
}

#navigation .last a
{
padding:0 22px;
margin:0;
display: block;

font-size:1.1em;
font-weight:400;
line-height:1.7em;
color:#FFF;
border:0;
text-decoration: none;
text-align:center;
}

#navigation a:hover
{
background:#FFCC33;
}

#navigation li 
{	
padding:0;
margin:0;
float: left;
list-style:none;
}

	
/*-------------------------------------------------------------------------------------------------
Contact Page
-------------------------------------------------------------------------------------------------*/
form{
	margin:0;
	padding:0;
	}
#contactTable{
	margin:0;
	padding:0;
	float:left;
	}

input.text{
	width:250px;
	border:1px solid #2256AC;
	background:#FFFFFF;
	}

textarea.enquiry{
	width:250px;
	height:100px;
	border:1px solid #2256AC;
	}

input.button{
	padding:2px;
	border:1px solid #2256AC;
	background:#E4EDFF;
	text-align:center;
	}

td.title{
	font-weight:bold;
	text-align:left;
	}
	
#contactRight
{
margin:0;
padding:15px 0 0 0;
float:right;
width:220px;
text-align:center
}

/***********************************************************
* General Styling
***********************************************************/
.centerBoldItalic
{
padding:0;
margin:0 0 10px 0;

font-weight:800;
font-style:italic;
text-align:center;
}

.error
	{
	padding:5px;
	margin:0 0 5px 0;
	
	text-align:center;
	color:#CC0000;
	border:1px solid #CC0000;
	background-color:#F7DCCA;
	}
	
.success
	{
	padding:5px;
	margin:0 0 5px 0;
	
	text-align:center;
	color: #69B92F;
	border:1px solid #69B92F;
	background-color: #C1F5AF;
	}
	
.red
	{
	color:#B0002D;
	}
	
#jasweb
{
padding:5px 0 0 0;
margin:0;

text-align:right;
font-size:0.7em;
}