﻿
/* Standard formatting ==================================== */

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
#superWrap
{
	margin: 0px auto;
	width: 995px;
	background-position: left top;
	background-image: url(../Images/mainBacking.jpg);
	background-repeat: no-repeat;
}


/* General purpose classes ================================ */

.clearLeft
{
	clear: left;
}
.clearBoth
{
	clear: both;
}
.clearRight
{
	clear: right;
}

.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}

.padding10
{
	padding: 10px;
}
.margin10
{
	margin: 10px;
}

.textLeft
{
	text-align: left;
}
.textCentre
{
	text-align: center;
}
.textRight
{
	text-align: right;
}
.textJustify
{
	text-align: justify;
}

.blockCentre
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.border1
{
	border: solid 1px Gray;
}

.borderTop
{
	margin-top: 10px;
	border-top: solid 1px #003399;
}
.grayCapitals
{
	font-size: 0.9em;
	text-transform: uppercase;
	color: #666;
}


/* Header formatting ====================================== */

#headerWrap
{
	margin-left: 5px;
	width: 995px;
	height: 65px;
}
#headerMenu
{
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#headerMenu ul
{
	margin: 0;
}
#headerMenu ul li
{
	display: inline;
}
#headerMenu ul li a
{
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
}
#headerMenu ul li form
{
	display: inline;
}
#headerMenu .divider
{
	padding: 0 4px 0 4px;
}
#headerQuote
{
	visibility: hidden;
}


/* Main body formatting =================================== */

#mainWrap
{
	margin: 70px 0 0 5px;
	border-bottom: solid 1px #003399;
	width: 995px;
}
#leftCol
{
	float: left;
	padding: 10px 0px 20px 5px;
	width: 177px;
	z-index: 2;
}
#middleCol
{
	float: left;
	border-left: solid 1px #003399;
	padding: 10px 20px 20px 20px;
	width: 527px;
}
#rightCol
{
	float: right;
	padding: 10px 0 20px 0;
	width: 245px;
}
#middleColNoRight
{
	float: left;
	border-left: solid 1px #003399;
	padding: 10px 10px 0 20px;
	width: 782px;
}


/* Footer formatting ====================================== */

#footerWrap
{
	float: left;
	margin: 20px 10px 0 10px;
	width: 973px;
}
#footerSofted, #footerSeal, .footerSEAL
{
	float: left;
	width: 280px;
}
#footerSeapl, .footerSEAPL
{
	float: left;
	width: 400px;
}
#footerWV
{
	position: relative;
	top: -10px;
	left: 10px;
	float: right;
}


/* Standard formatting ==================================== */

.redHead
{
	color: #c43513;
}
h1, .likeH1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	text-transform: uppercase;
}
h2, .likeH2
{
	font-weight: bold;
	font-size: 1.2em;
}
h3, .likeH3
{
	font-weight: bold;
	font-size:1.1em;
	font-style: italic;
}

h4, .likeH4
{
	margin-left: 10px;
	font-weight: bold;
	font-size:1em;
	font-style: italic;
}
a
{
	text-decoration: none;
	color: #003399;
}
a[href]:hover
{
	text-decoration: underline;
}
a img
{
	/*border: none;*/
	border-color: Black;
}
table
{
	border-collapse: collapse;
}
table td
{
	padding: 5px;
	vertical-align: top;
}


/* Icon formatting ======================================== */

.sAssessment, .sCategory, .sConference, .sCost, .sCountry, .sCourse, .sDate, .sDuration, .sEnquire, .sLocation, .sNews, .sPDF, .sPhrase, .sPrint,
	.sSiteMap
{
	display: block;
	padding: 10px 0 10px 40px;
	background-repeat: no-repeat;
	background-position: left 50%;
}
.lAboutUs, .lAdmin, .lCareerPath, .lCategory, .lConference, .lContact, .lCost, .lCourse, .lCustomers, .lJobs, .lNews, .lNewsletters, 
	.lRegister, .lResources, .lSchedule, .lSearch, .lServices, .lSiteMap, .lStaff, .lSubscribe, .lSummary, .lSystem, .lVenue
{
	display: block;
	padding: 20px 0 20px 60px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

.lAboutUs
{
	background-image: url(../Images/Icons/infoL.gif);
}
.lAdmin
{
	background-image: url(../Images/Icons/lockClosedL.gif);
}
.sAssessment
{
	background-image: url(../Images/Icons/computerS.gif);
}
.lCareerPath
{
	background-image: url(../Images/Icons/barGraphL.gif);
}
.sCategory
{
	background-image: url(../Images/Icons/foldersS.gif);
}
.lCategory
{
	background-image: url(../Images/Icons/foldersL.gif);
}
.sConference
{
	background-image: url(../Images/Icons/peopleS.gif);
}
.lConference
{
	background-image: url(../Images/Icons/peopleL.gif);
}
.lContact
{
	background-image: url(../Images/Icons/phoneL.gif);
}
.sCost
{
	background-image: url(../Images/Icons/calculatorS.gif);
}
.lCost
{
	background-image: url(../Images/Icons/calculatorL.gif);
}
.sCountry
{
	background-image: url(../Images/Icons/globeS.gif);
}
.sCourse
{
	background-image: url(../Images/Icons/paperPencilS.gif);
}
.lCourse
{
	background-image: url(../Images/Icons/paperPencilL.gif);
}
.lCustomers
{
	background-image: url(../Images/Icons/lockOpenL.gif);
}
.sDate
{
	background-image: url(../Images/Icons/calendarS.gif);
}
.sDuration
{
	background-image: url(../Images/Icons/clockS.gif);
}
.sEnquire
{
	background-image: url(../Images/Icons/envelopeArrowS.gif);
}
.lJobs
{
	background-image: url(../Images/Icons/personL.gif);
}
.sLocation
{
	background-image: url(../Images/Icons/houseS.gif);
}
.sNews
{
	background-image: url(../Images/Icons/envelopeS.gif);
}
.sSiteMap
{
	background-image: url(../Images/Icons/hierarchyS.gif);
}
.lNews
{
	background-image: url(../Images/Icons/envelopeL.gif);
}
.lNewsletters
{
	background-image: url(../Images/Icons/envelopeLetterL.gif);
}
.sPDF
{
	background-image: url(../Images/Icons/pdfS.gif);
}
.sPhrase
{
	background-image: url(../Images/Icons/paperPencilS.gif);
}
.sPrint
{
	background-image: url(../Images/Icons/printerS.gif);
}
.lRegister
{
	background-image: url(../Images/Icons/arrowL.gif);
}
.lResources
{
	background-image: url(../Images/Icons/folderPaperL.gif);
}
.lSchedule
{
	background-image: url(../Images/Icons/calendarL.gif);
}
.lSearch
{
	background-image: url(../Images/Icons/magnifierL.gif);
}
.lServices
{
	background-image: url(../Images/Icons/handsL.gif);
}
.lSiteMap
{
	background-image: url(../Images/Icons/hierarchyL.gif);
}
.lStaff
{
	background-image: url(../Images/Icons/personL.gif);
}
.lSubscribe
{
	background-image: url(../Images/Icons/envelopeArrowL.gif);
}
.lSummary
{
	background-image: url(../Images/Icons/folderArrowL.gif);
}
.lSystem
{
	background-image: url(../Images/Icons/lockClosedL.gif);
}
.lVenue
{
	background-image: url(../Images/Icons/houseL.gif);
}

.lWorldVision
{
	padding: 20px 0 20px 160px;
	background-repeat: no-repeat;
	background-position: left 50%;
	background-image: url(../Images/Partners/WorldVision.gif);
}

.lPayment
{
	padding: 20px 0 20px 110px;
	background-repeat: no-repeat;
	background-position: left 50%;
	background-image: url(../Images/Icons/trolleyL.gif);
}

.bookNow
{
	display: block;
	padding: 15px 60px 25px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	color: #c43513;
	background-image: url(../Images/Icons/arrowL.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}


/* Form formatting ======================================== */

.formField
{
	font-size: 0.9em;
	color: #666;
}
.formField select, .formField input[type="text"]
{
	width: 350px;
}
.labelField
{
	float: left;
	width: 110px;
}
.inputField
{
	float: left;
	padding: 0 0 8px 0;
}
.inputField input[type="text"]
{
	width: 260px;
}
.inputField input[type="checkbox"]
{
	float: left;
	padding: 0;
	margin: 0;
}
.inputField textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 260px;
}
.validationControl
{
	font-weight: bold;
	font-size: large;
	padding-left: 10px;
}
.errorBackground
{
	background-color: Yellow;
}


/* Promotion formatting =================================== */

a.promoPopup
{
	position: relative;
}
a.promoPopup span
{
	display: none;
}
a.promoPopup:hover span
{
	display: block;
	position: absolute;
	top: 14px;
	left: -115px;
	border: solid 1px blue;
	padding: 5px;
	width: 200px;
	font-weight: normal;
	font-style: normal;
	color: Black;
	background-color: White;
}

a.promo5thFree
{
	position: relative;
}
a.promo5thFree img
{
	position: absolute;
	top: -110px;
}
a.promo5thFree span
{
	display: none;
	position: absolute;
	top: -10px;
	left: -100px;
	border: solid 1px blue;
	padding: 5px;
	width: 200px;
	font-weight: normal;
	font-style: normal;
	color: Black;
	background-color: White;
	z-index: 100;
}
a.promo5thFree:hover span
{
	display: block;
}


/* Custom ================================================= */

a.qzPromo5thFree
{
	position: relative;
	left: 200px;
	top: 110px;
}
a.qzPromo5thFree img
{
	position: absolute;
	top: -110px;
}
a.qzPromo5thFree p
{
	display: none;
	position: absolute;
	top: -120px;
	left: 100px;
	border: solid 1px blue;
	padding: 5px;
	width: 200px;
	font-weight: normal;
	font-style: normal;
	color: Black;
	background-color: White;
}
a.qzPromo5thFree:hover p
{
	display: block;
}

.qzlRegister
{
	display: block;
	padding: 20px 0 20px 60px;
	background-repeat: no-repeat;
	background-position: left 50%;
	background-image: url(../Images/Icons/arrowL.gif);
}
.qzlRegister h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #c43513;
}
@media print
{
	.qzNoPrint
	{
		display: none;
	}
}
.qzTextCenter
{
	text-align: center;
}


/* Print formatting ======================================= */

@media screen
{
	.noScreen
	{
		display: none;
	}
}
@media print
{
	.noPrint, #headerWrap, #footerWrap, #menuBar, #leftCol
	{
		display: none;
	}
	#superWrap
	{
		background-image: none;
		width: auto;
	}
	#mainWrap
	{
		margin: 0;
		border: none;
		width: auto;
	}
	#middleCol, #middleColNoRight
	{
		float: none;
		border-left: none;
		padding: 0;
		width: auto !important;
	}
	#rightCol
	{
		width: 100px;
		padding-left: 20px;
		font-size: 75%;
	}
	.labelField
	{
		width: 200px;
	}
}

