/* CSS Document */
/* CEA Limited 2008 - Colours: Corporate Blue: #204A8E, Corporate Lime: #c1d72e, Neutral: #292b25 */



/* ----------- Principle Layout - Start -------------- */

* {margin:0;
padding:0;}

html, body {margin: 0;
padding: 0;
width: 100%;
height: 100%;
background:#FFFFFF url(images/bodybkdrop2.gif) repeat 0 0;
color: #292b25;
font-family: 'VAG Rounded', Arial, Helvetica, sans-serif;
font-size: 86%;
text-align: center;}

#wrapper {min-height:100%;
width: 974px;
margin: 0 auto 0 auto;
background-color:#FFFFFF;
text-align: left;
border: 1px solid #c1d72e;
border-width: 0 2px 0 2px;
font-size: 1em;}

*html #wrapper
{height: 100%;}

#header {height: 125px;
background: url(images/headbkdropnew2.jpg) no-repeat top right;
text-align: left;
margin:0;
padding: 0;}

#main {clear:left;
padding: 20px;
text-align:left;}

#footer {clear:both;
width: 974px;
height: 25px;
font-size: 1em;
background-color: #FFFFFF;
color: #292b25;
border: 1px solid #c1d72e;
border-width: 1px 2px 0 2px;
text-align:left;
padding:0;
margin:0 auto 0 auto;
margin-top: -25px;}

.splitl {float:left;
display:block;
width: 450px;
padding: 0;
text-align:justify;
margin:0;}

.splitr {float:right;
display:block;
width: 450px;
padding: 0;
text-align: justify;
margin: 0 0 0 470px;}

.splitp {clear:both;}

.center {text-align:center;
margin:0 auto 10px auto;}

/* ----------- Principle Layout - End -------------- */



/* ----------- Common Elements - Start -------------- */

p, table, ul, ol {font-size: 1em;}

p {margin-bottom: 1em;
margin-top: 0;}

h1,h2,h3,h4,h5,h6 {margin-top:0;
padding:0;
margin-bottom: 1.2em;
color: #204A8E;}

h1 {font-size: 2.2em;}

h2 {font-size: 1.8em;}

h3 {font-size: 1.6em;
margin-bottom: .75em;}

h4 {font-size: 1.4em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1em;
margin-bottom: 0;}

a {font-weight:bold;
text-decoration:none;}

a:link, a:visited {color: #204A8E;}

a:hover, a:active {color: #000;}


/* ----------- Common Elements - End -------------- */



/* ------------ Layout styles - Start --------------- */

#navigation {
text-align: left;
height:50px;
margin:0;
padding:0;
background: #204A8E url(images/navigation.gif) repeat-x 0 0;}

#navigation ul {display:inline;
width:100%;
margin:0;
height: 50px;
padding: 0;
list-style-type:none;
text-align: left;
background: #204A8E url(images/navigation.gif) repeat-x 0 0;}

#navigation li {float:left;
height: 50px;
width:auto;
background: #204A8E url(images/navigation.gif) repeat-x 0 0;
margin:0;
padding:0;
border-right: 1px solid #204A8E;}

#navigation a {
	padding: 0 7px 0 7px;
display:block;
width: auto;
line-height:50px;
height: 50px;
font-weight:normal;
text-decoration: none;
font-size: .9em;
background: #204A8E url(images/navigation.gif) repeat-x 0 0;}


#navigation a:link, #navigation a:visited {color:#fff;}
#navigation a:hover, #navigation a:active {color:#ffffff;
border-bottom:none;
background: #c1d72e url(images/navigation_over.gif) repeat-x 0 0;}

/*.......................... dropdown menu begins ......................................*/


#navigation li ul {font-size: 1em;
	position: absolute;
	width:225px;
	left: -999em;
	z-index: 20;
	list-style-type:none;
	background-color: #204A8E;}

#navigation li:hover ul {
	left: auto;
	width:225px;
	z-index: 20;
	}

#navigation li:hover ul, #navigation li.sfhover ul {font-size: 1em;
left: auto;
width:225px;
z-index: 20;
	}
	
#navigation li:hover ul li {font-size: 1em;
width:225px;
padding: 0;
z-index: 20;}

#navigation li:hover ul li, #navigation li.sfhover ul li {width:225px;
padding: 0;
z-index: 20;
font-size: 1em;}
	
#navigation li:hover ul li a, #navigation li.sfhover ul li a {display:block;}

#navigation li:hover ul li a:hover, #navigation li.sfhover ul li a:hover {display:block}
	
	
/*........................ dropdown menu ends ...........................*/

#footer p {color: #292b25;
margin:0;
padding: 0 12px 0 12px;
line-height: 25px;}

#footer a {font-weight:normal;}

#footer a:link, #footer a:visited {color: #204A8E;
text-decoration:underline;}

#footer a:hover, #footer a:active {color: #c1d72e;
border-bottom:1px dotted #c1d72e;
text-decoration:none;}

/* ------------ Layout styles - End -------------- */




/* ------------ Styling Aspects - Start --------------- */

img {border: none;
border-bottom: none !important;}

img a {border: none !important;
border-bottom: none !important;}

.floatright {float:right !important;}

.floatrightp {float:right !important;
margin: 0 0 0 10px;}

.frframe {width: 250px;float:right;
margin: 0 0 5px 10px;
padding:5px;
border: 1px solid #c1d72e;}

.floatleft {float:left !important;}

.clearup {clear:both !important;}

.infofloatleft {float:left;
margin: 0 .3em 1em 0;
overflow:hidden;}

.nestled {float:left !important;
width:auto;
padding:0;
margin: 0 10px 30px 0;}

.tight {margin-bottom: 0;}

.longdrop {margin-bottom: 36px;}

.smalltext {font-size: .71em;}

.highlight {color: #c1d72e;}

.highlight2 {color: #204A8E;}

.neutral {color: #292b25;}

.alert {color:#CC0000;}

.bo {color: #000;}

.wo {color: #fff;}

ul {color: #990033;
margin: 0 0 24px 12px;
list-style-type:square;
padding: 0;}

ol {margin: 0 0 24px 12px;
padding: 0;}

li {margin:0 0 0 12px;
margin-bottom: 3px;
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;}

table.query {margin: 1em 0;
border: 1px solid #c1d72e;
padding: .4em .5em;}

.query td {padding: .2em;}

.newsbox {background-color:#c1d72e;
color: #000000;
width:500px;
padding: .3em;
margin: 1em 0 1em 0;
}

#topnews {margin: 5px 0 10px 0;
padding: 10px;
border: 1px solid #900;
text-align:left;
background: #ccc url(images/topnews.jpg) no-repeat top right;
color: #000;}

#topnews h4 {color: #900;
font-size:1.4em;
font-weight:bold;}

.topfocus {color: #900;
font-weight:bold;
text-transform:uppercase;}

table.booking {margin: 1em 0 2em 0;
border: 1px solid #c1d72e;
padding: .4em .5em;}

.booking td {padding: .2em;}

table.registration {margin: 0 12px 24px 0;
border: 1px solid #c1d72e;
padding: 0;}

.registration td {padding: 5px;}

table.traininginfo {margin: 0 12px 24px 0;
border: 1px solid #c1d72e;
padding: 0;
border-collapse:collapse;
width:100%;}

.traininginfo td {padding: 5px;
vertical-align:top;
border-bottom: 1px solid #c1d72e;
font-size: .9em;}

table.timeframes {margin: 0;
border: 1px solid #c1d72e;
width: 800px;
border-collapse:collapse;}

.timeframes td {vertical-align: middle;
padding: 6px;
border: 1px solid #c1d72e;}

td.timedate {width:100px;}

table.ciap2 {margin: 0 0 10px 0;
border-collapse:collapse;
width: auto;}

.ciap2 td {vertical-align: top;
padding: 6px;
background-color: #fff;
border:1px solid #292b25;}

table.ciap {margin: 0 0 10px 0;
border-collapse:collapse;
width: 100%;}

.ciap td {vertical-align: top;
padding: 6px;
background-color: #fff;
border:1px solid #292b25;}

.ciap h5, .ciap2 h5, .registration h5, .registration h6, .hotdeal h6 {color: #fff;}

td.title {background:#c1d72e url(images/navigation_over.gif) repeat 0 0;
color:#FFFFFF;
padding: 5px;
font-weight:bold;
height: 30px;}

td.hotdeal {background:#900 url(images/hotdeal.gif) repeat 0 0;
color:#FFFFFF;
padding: 5px;
font-weight:bold;
height: 30px;}

td.pref {background-color:#FBAAAA;
border-bottom: 1px solid #C03;}

td.filledup {background-color:#292b25;
color:#FFFFFF;
padding: 5px;
font-weight:bold;
text-align:left;}

.title a:link, .title a:visited {color:#FFFFFF;}

.title a:hover, .title a:active {color:#c1d72e;}

td.notes {background-color:#f4f4f4;
color:#000;
padding: 5px;
font-size: .85em;}

td#sp {background-color: white;
width: 24px;
padding:0;
margin:0;}

table.downloads {margin: 6px 0 24px 0;
padding: 0;}

.downloads td {padding: 6px 12px 6px 12px;
text-align:center;
vertical-align:middle;}

div#accreditation {
float:right;
margin:0 0 0 10px;
padding:0;
width:auto;
text-align:right;}

table.troption {width: 440px;
margin: 0 auto 0 auto;
text-align:center;}

.troption td {text-align:left;}

table.addresses {width: 400px;
margin: .2em 1em 2em 0;
border: 1px solid #C9D62A;}

.addresses td {vertical-align: top;
padding: .2em;}

ul.checklist {margin: 10px 0 10px 15px;
list-style-type:none;
list-style-image: url(images/arrow.gif);
padding: 0 0 0 5px;
color: #204A8E;
font-weight:bold;}

.checklist li {margin-bottom: .65em;
line-height: normal;}

.formheader {background-color:#c1d72e;
color: #000000;
padding: 5px;
margin: 0;
}

td.spacer {background-color:#292b25;
color: #fff;
height: 3px;
padding:0 !important;
margin:0;
}

td#splitcolleft {width:450px;
padding:0;
text-align:justify;
vertical-align:top;}

td#splitcolright {width:450px;
padding:0;
text-align:justify;
vertical-align:top;}

td.splitspace {width: 10px;}

ul.bulletlinks {margin: 5px 0 0 10px;
list-style-type:none;
list-style-image: url(images/arrow.gif);
padding: 0 0 0 5px;
color: #204A8E;
font-weight:bold;}

.bulletlinks li {margin:0;
line-height: normal;}

table.refund {width: 480px;
margin: 0 0 1em 0;
border-collapse:collapse;
padding:0;}

.refund td {vertical-align: middle;
padding: 0;
height: 100px;
text-align:left;
border-collapse:collapse;
margin:0;}

td.refunded {vertical-align: top;
padding: 0 0 0 75px;
height: 100px;
background: url(images/refund_bar.jpg) no-repeat 0 0;
text-align:left;
color:#fff;
border-collapse:collapse;
line-height:normal;
margin:0;
}

.refunded h5 {margin: 15px 0 0 0;
padding: 0;
color: #fff;}

div.offera {border: 2px solid #900;
background-color: #C00;
color: #fff;
padding: 5px;
width:auto;
margin: 0 auto 10px auto;}

div.offerb {border: 2px solid #1D5410;
background-color: #3C8C17;
color: #fff;
padding: 5px;
width:auto;
margin: 0 auto 10px auto;}

.offera h4, .offera h6, .offerb h4, .offerb h6 {color: #fff;}

.offera h4, .offerb h4 {border-bottom: 1px dotted #fff;
margin: 0 0 15px 0;}

.offera h6, .offerb h6 {margin-bottom: 5px;}


/* ------------ Styling Aspects - End -------------- */

/* ------------ image replacements ----------------- */

a#bookings:link, a#bookings:visited {display:block;
width: 100px;
height:50px;
line-height:50px;
padding:0;
margin: 10px 0 5px 0;
text-align:left;
background: #fff url(images/bookings.gif) no-repeat 0 0;}

a#bookings:hover, a#bookings:active {display:block;
width: 100px;
height:50px;
line-height:50px;
padding:0;
margin: 10px 0 5px 0;
text-align:left;
background: #fff url(images/bookings_over.gif) no-repeat 0 0;}

#bookings span {display:none;}