/* CSS Document */

body {
	color:#666;
	background-color:#fff;
	font: 12px Verdana, Geneva, sans-serif;
	background-image:url(../images/PageBg.png);
	background-repeat:repeat-x;
	margin:0 0 0 0;
}
#Container {
	width:960px;
	margin:0 auto 10px auto;
	line-height:150%;
}
#Banner {
	height:140px;
	position:relative;
	left:0px;
	top:0px;
	padding:0 10px 0 0;
	color:#fff;
	background: url(../images/bannerBg.jpg) no-repeat;
	margin-bottom:15px;
}

#Content, #GalleryContent { margin:0 0 10px 0; min-height:300px;}
#verticalBoxes {width:234px;height:auto; float:left;display:inline;margin:0 10px 0 0;}
.verticalBoxes {width:214px;height:103px;margin:0 0 10px 0; background:url(../images/verticalBoxesBoxbg.png) no-repeat; font-size:90%;padding:10px;line-height:130%; position:relative; left:0; top:0;}
#subPageContent, #FullPageContent {min-height:300px;width:684px;border-left:1px solid #efefef; padding:10px 15px; float:left;display:inline;margin:0; position:relative; left:0; top:0;}
#FullPageContent {width:auto;float:none;}
#GalleryContent { background-image:url(../images/GalleryBg.jpg);background-repeat:no-repeat;}
#NavBar {height:30px;padding:5px 0 0 0;color:#fff;margin:0;text-align:right;font-size:110%;position:absolute;right:0;bottom:0;}
#Footer {padding:40px 0 40px 0;height:80px;text-align:center;font-size:90%;color:#fff;line-height:170%;background: url('../images/picket.gif') repeat-x #474242;}



.Spacer {
	margin:0 8px;
}
#TenPad {
	padding:0 10px;
	font-size:100%;
}
#TopTenPad {
	padding:0 10px;
	font-size:100%;
}
.RightImg {
	float:right;
	margin:0 10px 10px 10px;
	position:relative;
	top:0px;
	border:1px solid #ccc;
}
/* NAVIGATION */

#NavBar a {color:#fff;text-decoration:none;text-transform:capitalize;font-size: 110%;}
#NavBar a:hover { color:#ff7d00; text-decoration:none;}
#NavBar a #Current {color:#ccc;}
.BoxImg {float:left;display:inline;margin:0 10px 5px 10px;border-bottom:1px solid #ccc;}
a { text-decoration:none; color:#534741; outline:none;}
a:hover { text-decoration:underline; }
#Footer a { color:#fff; text-decoration:none; }
#Footer a:hover, #Current { color:#fb5700; text-decoration:underline; }
.verticalBoxes .More { position:absolute; right:12px; bottom:6px; }
#NavBar a#Current { font-weight:bold; }
.homePanelMore {position:absolute;right:15px;bottom:10px;}

.Clear {float:none;clear:both;padding:0;overflow:hidden;height:1px;}
.Input, textarea { border:1px solid #ccc; padding:3px; width:180px; color:#534741; font: 62.5% Trebuchet Ms, "Times New Roman", Times, serif; font-size:110%;
}
textarea {width:530px;height:100px;color:#534741;font-family:Trebuchet Ms, "Times New Roman", Times, serif;font-size:14px;}
#ref-address, #ref-address2 {width:200px;}
#emp-address, #emp-position, #emp-date, #emp-leaving {width:200px;}
#ref-address
#contactBg {background:#f9f2f2;padding:3px; border:1px solid #ccc;}
#ContactTable {position:relative;left:0;top:0;}
#pageTable {width:685px; }
td { vertical-align:top; }
td.leftCol {width:485px;padding-right:10px;}
td.rightCol {width:180px;}
.noborder { border:none; }
#applicationTable { }
#applicationTable td {border-bottom:0px solid #efefef;}

/* GALLERY STYLES */
#gallery { margin:10px 10px 10px 14px; }
#gallery img { margin:0 15px 15px 0; border:none; }
#gallery a {text-decoration:none;}
.Thumb { width:150px;float:left;display:inline;margin:0 20px 20px 0; }
.ThumbImg { width:150px; height:150px; overflow:hidden; border:1px solid #999; position:relative; top:0; left:0; z-index:10; }
.Link { margin:0 0 20px 30px; }
.Seperator {float:none; clear:both; height:1px; padding:none; margin:0; overflow:hidden; }

/* Boxes */
/* COURSES */
.courseSynopsis { border:1px solid #ccc; padding:5px 5px 2px 5px; margin:0 0 25px 0; background:#efefef; }
#homeBox { overflow:hidden;width:523px;padding:15px 10px 20px 15px;height:222px;float:right;display:inline;background:url(../images/homePanelBg.jpg) no-repeat; }
#homePanelLeft{width:375px; height:150px; float:left; display:inline;margin-right:17px; border:0px solid #000; background:url(../images/homePanelLeftBg.jpg) no-repeat;margin-top:15px;padding:10px;position:relative;top:0;left:0;}
#homePanelRight{width:527px;height:150px; float:left; display:inline; border:0px solid #000; background:url(../images/homePanelRightBg.jpg) no-repeat;margin-top:15px;padding:10px; position:relative;left:0;top:0;}
#bannerBox {border:0px solid #000;height:80px;width:270px;position:absolute;right:0;top:15px; background-image:url(../images/bannerBoxBg.jpg); background-repeat:no-repeat;}
#bannerBoxRight {position:absolute;right:0;top:0; }
#searchBox {width:186px;height:22px;position:absolute;left:15px;bottom:7px;}
#telephoneBox, #textSize { width:250px; color:#666; position:absolute; top:5px; left:15px; font-size:90%; }
#textSize { position:absolute; top:25px; width:198px; color:#666;}
.testimonial {border:1px solid #ccc; margin:10px auto; padding:10px; background-color:#efefef;}


/* FORMS */
#keyword {border:1px solid #ccc;padding:2px;width:150px;color:#999; position:absolute; left:0; top:0;}
#go { position:absolute; left:148px; top:0; z-index:1000; }
.appTxtBox, .appSelect {width:200px; border:1px solid #ccc; padding:2px; color:#666;}
.appSelect {width:206px;}
.address {width:200px;}
.testTxtArea { border:1px solid #CCC; width:600px; height:80px;}

/* IMAGES */
#logo {position:relative; top:15px; left:0;}
#steps {position:relative; left:300px; top:0;}
#continue {position:relative; top:15px;}

/* STYLES */
#Content h3, #subPageContent h3, #FullPageContent h3 { font-size:22px; font-weight:normal; margin:10px 0 5px 0;line-height:120%;}
#Banner h3 { font-weight:normal; position:absolute; top:10px; left:300px; font-size:18px; color:#FFF; }
#homePanelLeft h4, #homePanelRight h4 {margin:0 0 10px 0; color:#fb5700; font-size:18px; font-weight:normal;}
.verticalBoxes h3 { font-size:14px;  margin:0 0 3px 0;}
.verticalBoxes p { margin:0;}
.courseSynopsis h4 { font-size:12px; font-weight:bold; margin:0; } 
.txtRight { text-align:right; }
.Right { float:right; display:inline; }
.White { color:#fff; }
.Orange { color: #fb5700; }
.Blue { color:#1b2b8a; }
.Red {color:#F00;}
.smaller { font-size:80%; }
.small { font-size:90%; }
.large { font-size:120%; }
.larger {font-size:140%; }
.underline { text-decoration:underline; }
#map {width:90%; margin:20px auto; height:300px; float:none; border:1px solid #ccc;}