/* CSS Document */
/* DEA Limited July 2007 Design by FSP Creative - Colours: Corporate Blue: #204A8E, Corporate Lime: #C9D62A, Neutral: #181917 */



/* ----------- Principle Layout - Start -------------- */

* {margin:0;
padding:0;}

html, body {margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color:#FFFFFF;
color:#204A8E;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;}

#wrapper {width: 980px;
margin: 2em auto 2em auto;
text-align: center;
border: 1px solid #C9D62A;
font-size:86%}

#header {height: 120px;
background-color: #ffffff;
text-align: left;
margin:0;
padding: 0;
overflow:hidden;}

#navigation {
float:left;
width: 100%;
background: #ffffff url(images/navtabbkdrop.gif) repeat-x bottom;
text-align: left;
line-height:40px;
margin:0;
padding:0;
font-size: 1em;}

#main {clear:left;
padding: 1em 2em 2em 2em;
text-align:left;}

#footer {clear:both;
width: 100%;
height: 75px;
color:#ffffff;
background: #C9D62A url(images/footer.gif) repeat-x 0 0;
text-align:left;
padding:0;
margin:0;
overflow:hidden;}

#salesheader {clear:left;
background: #204A8E url(images/sales_header_bkdrop.gif) repeat-x 0 0;
height: 75px;
text-align:left;
padding:0;
margin:0;}

/* ----------- Principle Layout - End -------------- */



/* ----------- Common Elements - Start -------------- */

p, table, ul, ol {font-size: .85em;}

p {margin-bottom: 1em;
margin-top: 0;
color: #181917;}

h1,h2,h3,h4,h5,h6 {margin-top:0;
padding:0;}

h1 {font-size: 1.85em;}

h2 {font-size: 1.65em;}

h3 {font-size: 1.42em;
margin-bottom: .75em;}

h4 {font-size: 1.35em;}

h5 {font-size: 1.20em;
margin-bottom:.5em;}

h6 {font-size: 1.10em;}

a {font-weight:bold;}
a:link, a:visited {color: #204A8E;}

a:hover, a:active {color:#000000;
text-decoration:none;}

#main img {border:none;
text-decoration: none;}

#main img a:hover {border:none;
text-decoration: none;}

img, img a {border:none;}


/* ----------- Common Elements - End -------------- */



/* ------------ Layout styles - Start --------------- */

#navigation ul {margin:0;
padding: 10px 0 0 5px;
list-style:none;}

#navigation li {float:left;
background: url(images/navtab-right-up.gif) no-repeat right top;
margin:0;
padding:0;}

#navigation #current {background: url(images/navtab-right-over.gif) no-repeat right top;}

#navigation #current a {background: url(images/navtab-left-over.gif) no-repeat left top;
color: #FFFFFF;
}

#navigation #current a:hover {
color: #C9D62A;
}

#navigation a {float:left;
display:block;
background: url(images/navtab-left-up.gif) no-repeat left top;
padding: 0 5px 1px;
font-weight:bold;
text-decoration: none;}

/* Commented Backslash hack
hides from IE5/MAC \*/

#navigation a {float:none;}

/* End IE5/MAC hack */

#navigation a:link, #navigation a:visited {color:#204A8E;}
#navigation a:hover, #navigation a:active {color:#ffffff;
border-bottom:none;}

#footer p {font-size: .85em;
color:#FFFFFF;
margin:0;
padding: 0 .75em 0 .75em;
line-height: 120px;}

#footer a {font-weight:normal;}

#footer a:link, #footer a:visited {color: #ffffff;}

#footer a:hover, #footer a:active {color: #204A8E;
border-bottom:1px dotted #204A8E;
text-decoration:none;}

/* ------------ Layout styles - End -------------- */




/* ------------ Styling Aspects - Start --------------- */

.floatright {float:right;
margin: 0 0 2em 1.5em;}

.floatleft {float:left;}

.infofloatleft {float:left;
margin: 0 .3em 1em 0;
overflow:hidden;}

.tight {margin-bottom: 0;}

.longdrop {margin-bottom: 2em;}

.smalltext {font-size: .71em;}

.highlight {color: #C9D62A;}

ul.checklist {margin: 1em 0 2em 10px;
list-style-type:none;
list-style-image: url(images/arrow.gif);
padding: 0 0 0 8px;}

.checklist li {margin-bottom: .85em;
line-height: normal;}

table.infobox {float:left;
margin:0 .75em 1em 0;
padding: 0;
border-collapse:collapse;
font-size: .93em;
height: 65px;
vertical-align:top !important;}

td.topleft {width:10px; height:10px;
background: url(images/infobox-ltop.gif) no-repeat left top;
margin:0;
padding:0;}

td.topright {width:10px; height:10px;
background: url(images/infobox-rtop.gif) no-repeat right top;
margin:0;
padding:0;}

td.topmiddle {width:auto; height:10px;
background: url(images/infobox-mtop.gif) repeat-x center top;
margin:0;
padding:0;}

td.infoleft {width:10px; height:auto;
background: url(images/infobox-l.gif) no-repeat left bottom;
margin:0;
padding:0;}

td.inforight {width:10px; height:auto;
background: url(images/infobox-r.gif) no-repeat right bottom;
margin:0;
padding:0;}

td.infomiddle {width:215px; height:auto;
background: url(images/infobox-m.gif) repeat-x center bottom;
margin:0;
padding:0;
vertical-align:top !important;}

td.spacer {width: 8px;}

table.query {margin: 1em 0;
border: 1px solid #C9D62A;
padding: 0;}

.query td {padding: 5px;}

table.query2 {margin: 1em 0;
border: 1px solid #C9D62A;
padding: 0;
width: 500px;}

.query2 td {padding: 5px;}

.newsbox {background-color:#C9D62A;
color: #000000;
width:500px;
padding: .3em;
margin: 1em 0 1em 0;
}

table.booking {margin: 1em 0 2em 0;
border: 1px solid #C9D62A;
padding: .4em .5em;}

.booking td {padding: .2em;}

table.registration {margin: .2em 0 2em 0;
border: 1px solid #C9D62A;
padding: .4em .5em;}

.registration td {padding: .2em;}

table.addresses {margin: .2em 0 2em 0;
border: 1px solid #C9D62A;
width: 350px;}

.addresses td {vertical-align: top;
padding: .5em;}

.rcolfloat {text-align:center;
float:right;
margin: 0 0 20px 20px;
padding:0;}

td.spaceout {padding: 5px;}


/* ------------ Styling Aspects - End -------------- */
