/* CSS for all front-end elements goes here */

body {
font-family:"Lucida Sans", Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #c8c8c8;
	font-size: 0.7em;
	color: #000000;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

.clearer {
	clear: both;
	line-height: 0;
	height: -3px;
}

h2, h3 {
color: #6d107a;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
padding: 0px;
margin: 0px;
}

h2 {
font-size: 2em;
}

h3 {
font-weight: normal;
font-size: 1.6em;
}

p {
margin: 10px 0px 0px 0px;
}

a {
color:#000099;
}



#wrapper {
background: url(../Images/Gif/mainbg.gif) repeat-y;
width: 998px;
margin: 0px auto;
}

#header {
color: white;
height: 194px;
background:url(../Images/Gif/headerbg1.gif) top repeat-x;
display: none;
}

#navbar {
text-align:center;
padding: 4px 20px 4px 20px;
font-family: "Trebuchet MS", "Lucida Sans", Arial, Helvetica;
font-weight: bold;
font-size: 1.3em;
height: 22px;
background: #b780b8;
color: white;
clear: both;
z-index: 2000;
display: none;
}

#navbar a {
color: white;
}
#navbar a:hover {
color:#EED2F9;
}


#leftcolumn {
margin-right: 20px;
float: left;
width: 242px;
display: none;
}

#rightcolumn {
float:right;
width: 203px;
display: none;
}

.news {
background: url(../Images/Gif/newsbg.gif) no-repeat;
padding: 0px 20px 0px 43px;
margin-bottom: 20px;
}

.news a {
color: #6d107a;
}
.news a:hover {
text-decoration:underline;
}

#content {
padding: 0px 0px 0px 0px;
float: left;
width: 100%;
}

#content li {
	list-style-image:url(../Images/Gif/bullet.gif);
}


#footer {
padding: 3px 20px 3px 20px;
color: white;
height: 15px;
background: #6d107a;
display: none;
}

#footer a {
color: white;
}

.articlecontainer {
padding: 6px 0px 6px 0px;
border-bottom: solid 1px #6d107a;

}

.article {
margin-left: 10px;
}

.lefthead {
padding-left: 20px;
width: 350px;
float: left;
}

.righthead {
padding-right: 20px;
text-align: right;
width: 350px;
float: right;
}

#nav-left {
padding-left: 24px;
}
#nav-left a {
font-weight:bold;
font-size:12px;
}

.testimonialQuote {
float: left;
width: 100%;
padding-bottom: 14px;
}

.bookingTbCol1 {
background: #B780B8;
color: #FFFFFF;
height: 20px; 
}

.bookingTbCol1b {
width: 20px;
}

.bookingTbCol2 {
width: 320px;
background: #DDC5DE;
}

.bookingTbCol2b {
background: #DDC5DE;
}

.bookingInput {
width: 160px;
height: 16px;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
font-size: 1.0em;
border: solid 1px #B780B8;
}

.bookingInputDrop {
height: 22px;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
font-size: 1.0em;
border: solid 1px #B780B8;
}

.bookingInputArea {
width: 280px;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
font-size: 1.0em;
border: solid 1px #B780B8;
}

.bookingBtn {
width: 100px;
height: 20px;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
font-weight: bold;
color: #ffffff;
font-size: 1.0em;
border: solid 1px #B780B8;
background: #91268F;
}

.bookNowBtn {
width: 65px;
height: 20px;
font-family: "Trebuchet MS", "Lucida Sans", Arial;
font-weight: bold;
color: #ffffff;
font-size: 1.0em;
border: solid 1px #B780B8;
background: #91268F;
}

.columninside {
padding: 20px;
}

.trainingHomeBtn1 {
float: left;
width: 100%;
background: #D4E2B3;
padding: 3px;
padding-right: 6px;
margin-bottom: 10px;
}
.trainingHomeBtn1 a, .trainingHomeBtn1 a:hover {
color: #6d107a;
text-decoration:none;
}

.trainingHomeBtn2 {
float: left;
width: 100%;
background: #CBD5DD;
padding: 3px;
padding-right: 6px;
margin-bottom: 10px;
}
.trainingHomeBtn2 a, .trainingHomeBtn2 a:hover {
color: #6d107a;
text-decoration:none;
}

.trainingHomeBtn3 {
float: left;
width: 100%;
background: #DBC5CD;
padding: 3px;
padding-right: 6px;
margin-bottom: 10px;
}
.trainingHomeBtn3 a, .trainingHomeBtn3 a:hover {
color: #6d107a;
text-decoration:none;
}

.hrLineDot {
float: left;
width: 100%;
height: 2px;
margin-top: 10px;
margin-bottom: 10px;
background: url(/Images/Gif/hrLineDot.gif) repeat-x;
}

.introText {
color: #000066;
font-size: 1.1em;
}

.courseVenueThumb {
float: left;
width: 150px;
height: 125px;
border: solid 1px #E7E7E7;
background: #E7E7E7;
padding: 2px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
}

.courseOutlineWrap {
float: left;
width: 100%;
}

.courseOutlinePic {
float: left;
width: 100px;
}

.courseOutlineText {
float: left;
}

.courseOutlineDot {
float: left;
width: 100%;
height: 2px;
margin-bottom: 10px;
background: url(/Images/Gif/hrLineDot.gif) repeat-x;
}

.productsDetailCol1 {
width: 70px;
vertical-align: top;
padding-bottom: 10px;
padding-right: 6px;
color: #6D107A;
}

.productsDetailCol2 {
vertical-align: top;
padding-bottom: 10px;
}

.specialOffers {
float: left;
width: 100%;
background: #DBC5CD;
padding: 3px;
padding-right: 6px;
margin-bottom: 10px;
}

.specialOffers a, .specialOffers a:hover {
color: #6d107a;
text-decoration:none;
}