/*CSS Training Stylesheet for TAG Website*/

/*COMMON STYLES*/

* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em;
	list-style-type: none;
	color: #444;
	background-image: url('background-sliver.png');
	background-repeat: repeat-x;
}

input, textarea{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#666666;
	background-color: #FFFFFF;
}

main {
	background-color: #fff;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

/*STRUCTURE AND POSITIONING*/

#content {
	width: 950px;
	margin: 0px 20px;
	position:relative;
	left:50%;
	margin-left:-475px;
	background-color: #fff;
}

#navWrapper, #navWrapper2, #logoTop, #logoBottom, #bodyTextWrapper, #imagePlaceholder, #imagePlaceholderTrainingPage, #footerAffiliates, #footerAffiliates a, #topStrip,  #bigLinksWrapper img {
	float: left;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#logoBottom {
	clear: left;
}

#logoMiddle h1 {
	padding: 130px 0 0 80px;
}

#logoSide h1 {
	padding: 130px 0 0 80px;
	line-height: 33px;
}

#imageCloudBar h1 {
	padding: 25px 0 0 60px;
}

#sideNavWrapper {
	clear: left;
	float: left;
	width: 220px;
	margin-bottom: 79px;
	padding: 0;
	background-color: #fff;
}

#sideNavRight {
	clear: right;
	float: right;
	width: 160px;
	padding: 0px;
	background-color: #fff;
}

.sideNav {
	clear: left;
	float: left;
	width: 220px;
	background-color: #fff;
}

#sideNavBlue {
	clear: left;
	float: left;
	width: 220px;
	background-color: #fff;
}

#sideNavBlue li {
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
}

#sideNavLightBlue {
	clear: left;
	float: left;
	width: 220px;
	background-color: #fff;
}

#sideNavLightBlue li {
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
}

.sideNavBlue {
	clear: left;
	float: left;
	width: 220px;
	background-color: #fff;
}

.sideNavBlue li {
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
}

.sideNavLightBlue {
	clear: left;
	float: left;
	width: 220px;
	background-color: #fff;
}

.sideNavLightBlue li {
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
}

.sideNav li {
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
}

.hyperlinksidenav li{
	text-align: right;
	height: 20px;
	margin: 0 0px 2px 0;
	padding: 6px 70px 0 0;
	cursor: pointer;
}

#subMenu {
	padding: 0 0 10px 22px;
	clear: left;
	float: left;
	background-color: #fff;
}

.subMenu {
	padding: 0 0 10px 22px;
	clear: left;
	float: left;
	background-color: #fff;
}

#subMenu li {
	text-align: left;	
	list-style-position: outside;
	width: 188px;
}

.subMenu li {
	text-align: left;	
	list-style-position: outside;
	width: 188px;
}

#objectiveList li {
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

.objectiveList li {
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

#bodyTextWrapper {
	width: 350px;
	padding: 10px 20px 0 10px;
	background-color: #fff;
}

#imagePlaceholder {
	padding: 10px 22px 0 0;
	background-color: #fff;
}

#imagePlaceholderTrainingPage {
	background-image: url('trainingmasterpage/imgWholeCentre.jpg');
	padding: 0px 0px 0 0;
	background-color: #fff;
	margin-left: 30px;
	margin-top: 20px;
	width: 290px;
	height: 275px;
}

#footerAffiliates {
	padding: 30px 0 0 0;
	vertical-align: top;
	margin-left: 5px;
	position: relative;
	background-color: #fff;
	top: -100px;
}

#footerAffiliatesInstall {
	padding: 0px 0 0 0;
	vertical-align: top;
	margin-left: 5px;
	position: relative;
	background-color: #fff;
	top: -100px;
}

#footerLinksWrapper 
{
	float: right;
	width: 100%;
	height: 52px;
	margin: 0px 0;
	background-color: #fff;
}

.footerLinks {
	float: right;
	width: 100%;
	height: 32px;
	margin: 20px 0;
	background-color: #fff;
}

.footerLinks ul {
	padding: 0px 0 0 10px;
}


.footerLinksShort {
	float: right;
	width: 100%;
	height: 32px;
	margin: 20px 0;
	background-color: #fff;
}

.footerLinksShort ul {
	padding: 0px 0 0 10px;
}

#bigLinksWrapper {
	background-color: #fff;
}

.bigLink {
	float: left;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

#ImageWrapper {
	clear: left;
	float: left;
	width: 950px;
	height: 168px;
	padding: 0;
	margin: 0;
}

#ImageWrapper2 {
	float: left;
	padding: 0;
	margin: 0;	
	height: 63px;
}

#fullWidth {
	padding-left: 3px;
}

/*BACKGROUND IMAGES Standard*/

#navWrapper {
	background-image: url('trainingpages/menu-top-wrapper.png');
	height: 27px;
	width: 950px;
	float: left;
	background-repeat: no-repeat;
}

#navWrapper2 {
	background-image: url('trainingmasterpage/menu-top-wrapper.png');
	height: 35px;
	width: 950px;
	float: left;
	background-repeat: no-repeat;
}

#topBar {
	background-image: url('trainingpages/image-top-strip.png');
	height: 27px;
	width: 950px;
	float: left;
	background-repeat: no-repeat;
}

#topBar2 {
	background-image: url('trainingmasterpage/image-top-strip.png');
	height: 27px;
	width: 950px;
	float: left;
	background-repeat: no-repeat;
}

#logoSide {
	background-image: url('trainingmasterpage/logo-tag-bottom.jpg');
	height: 168;
	width: 220px;
	float: left;
	background-repeat: no-repeat;
}

#logoMiddle {
	background-image: url('trainingmasterpage/image-trainingpage-main.jpg');
	height: 168px;
	width: 730px;
	float: left;
	background-repeat: no-repeat;
}

#imageCloudBar {
	background-image: url('trainingpages/logo-tag-side.png');
	height: 74px;
	width: 730px;
	float: left;
	background-repeat: no-repeat;
}

.sideNav li {
	background-image: url('trainingpages/menu-side-nav.png');
	background-repeat: no-repeat;
}

#sideNavBlue li {
	background-image: url('trainingpages/menu-side-nav-blue.png');
	background-repeat: no-repeat;
}

.sideNavBlue li {
	background-image: url('trainingpages/menu-side-nav-blue.png');
	background-repeat: no-repeat;
}

#sideNavLightBlue li {
	background-image: url('trainingpages/menu-side-nav-lightblue.png');
	background-repeat: no-repeat;
}

.sideNavLightBlue li {
	background-image: url('trainingpages/menu-side-nav-lightblue.png');
	background-repeat: no-repeat;
}

.footerLinks {
	background-image: url('trainingpages/footer.png');
	background-repeat: no-repeat;
}

.footerLinksShort {
	background-image: url('trainingpages/footerShort.png');
	background-repeat: no-repeat;
}

#clearone {
	clear: both;
	height: 1px;	
}	

/*BACKGROUND IMAGES General*/

#contentArea {
	float: left;
	width: 730px;
	margin: 0px;
	padding: 0px;
}

#contentAreaPhoto {
	margin: 0px;
	padding: 0px;
}

#contentArea img {
	float: left;
	margin: 0px;
	padding: 0px;
}


/*BACKGROUND IMAGES Course List*/

.generalcourselist {
	background-image: url('courselistpage/box.png');
	width: 191px;
	height: 162px;
	float: left;
	padding: 24px 7px 10px 12px;
	margin: 0px;
	background-repeat: no-repeat;
}

.generalcourselist a:link {
	text-decoration: none;
	color: #666;
}	

.generalcourselist a:visited {
	text-decoration: none;
	color: #666;
}		

.generalcourselist a:hover {
	text-decoration: none;
	color: #E74F25;
}	

/*BACKGROUND IMAGES Course Detail*/

#coursedetailbox {
	background-image: url('coursedetailpage/detail-box.png');
	width: 353px;
	height: 683px;
	float: left;
	padding: 7px 7px 10px 10px;
	margin: 0px;
	background-repeat: no-repeat;
}

#ratiobox {
	background-image: url('coursedetailpage/ratioBox.png');
	width: 118px;
	height: 63px;
	float: left;
	padding: 8px 7px 0px 95px;
	margin: 0px;
	background-repeat: no-repeat;
}

#boxtop {
	float: left;
	background-image: url('coursedetailpage/boxtop.png');
	background-repeat: no-repeat;
	width: 544px;
	height: 42px;
	margin: 0;
	padding: 7px 7px 0px 9px;
}

#boxmid {
	float: left;
	background-image: url('coursedetailpage/boxmid.png');
	background-repeat: repeat-y;
	width: 543px;
	height: auto;
	margin: 0;
	padding: 0px 7px 0px 10px;
}

#boxmid a:link {
	text-decoration: none;
	color: #E74F25;
}	

#boxmid a:visited {
	text-decoration: none;
	color: #E74F25;
}		

#boxmid a:hover {
	text-decoration: none;
	color: #E74F25;
}

#boxbot {
	float: left;
	background-image: url('coursedetailpage/boxbot.png');
	background-repeat: no-repeat;
	width: 100%;
	margin: 0;
	height: 50px;
}

#contentbox {
	float: left;
	width: 570px;
	padding: 0px;
	margin: 0px;
}

#CoursePhotos img {
	padding-left: 7px;
	padding-top: 9px;
}

#CoursePhotosLeft img {
	padding-left: 30px;
	padding-top: 25px;
}

/*BACKGROUND IMAGES Contact Page*/
#fullwidthboxtop {
	float: left;
	background-image: url('contactpage/image-fullwidthbox-top.png');
	background-repeat: no-repeat;
	width: 700px;
	height: 43px;
	padding: 7px 10px 0px 10px;
}

#fullwidthboxmid {
	float: left;
	background-image: url('contactpage/image-fullwidthbox-mid.png');
	background-repeat: repeat-y;
	width: 700px;
	height: auto;
	padding: 0px 10px 0px 10px;	
}

#fullwidthboxmid a:hover {
	text-decoration: none;
	color: #E74F25;
}

#fullwidthboxmid a {
	text-decoration: none;
	color: #E74F25;
}	

#fullwidthboxmid td, th {
	font-size: 1.1em;
	padding-left: 3px;
	padding-right: 2px;
}

#fullwidthboxmid img {
	margin: 0px 5px 0px 0px;
}

#fullwidthboxbot {
	float: left;
	background-image: url('contactpage/image-fullwidthbox-bot.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}

.addresstxt-bold {
	font-weight: bold;
}

#hcard-tag {
	padding: 20px 0 0 20px;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 1.3em;
}


/*BACKGROUND IMAGES Venue Pages*/
#venueBoxes {
	float: left;
	width: 730px;
	background-color: White;
}

#venueBoxesNarrow {
	float: left;
	width: 630px;
	margin-left: 50px;
	background-color: White;
}

#londonPhoto {
	background-image: url('venuepage/london1.jpg');
	background-repeat: no-repeat;
	width: 345px; 
	height: 260px;
	float: left;
	margin: 0px 15px 10px 5px;
}

#londonPhotoJoin {
	background-image: url('venuepage/london1.jpg');
	background-repeat: no-repeat;
	width: 345px; 
	height: 260px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#londonPhoto2 {
	background-image: url('venuepage/london2.jpg');
	background-repeat: no-repeat;
	width: 355px; 
	height: 260px;
	float: left;
	margin: 0px 5px 10px 5px;
}

#manchesterPhoto {
	background-image: url('venuepage/centre1.jpg');
	background-repeat: no-repeat;
	width: 345px; 
	height: 260px;
	float: left;
	margin: 0px 15px 10px 5px;
}

#manchesterPhoto3 {
	background-image: url('venuepage/centre2.jpg');
	background-repeat: no-repeat;
	width: 345px; 
	height: 260px;
	float: left;
	margin: 0px 5px 10px 5px;
}

#manchesterPhoto2 {
	background-image: url('venuepage/centre1.jpg');
	background-repeat: no-repeat;
	width: 355px; 
	height: 260px;
	float: left;
	margin: 0px 5px 10px 5px;
}

#manchesterPhotoJoin {
	background-image: url('venuepage/centre1.jpg');
	background-repeat: no-repeat;
	width: 345px; 
	height: 260px;
	float: left;
	margin: 0px 0px 10px 0px;
}

.venueTextShort {
	background-image: url('venuepage/venuebox-text.png');
	background-repeat: no-repeat;
	width: 225px; 
	height: 247px;
	float: right;
	margin: 0px 10px 10px 0px;
	padding: 8px 15px 5px 15px;
}

#londonText {
	background-image: url('venuepage/venuebox-text.png');
	background-repeat: no-repeat;
	width: 225px; 
	height: 237px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 8px 15px 5px 15px;
}

#manchesterText {
	background-image: url('venuepage/venuebox-text.png');
	background-repeat: no-repeat;
	width: 225px;
	height: 237px;
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px 5px 15px;
}

#wideVenueText {
	background-image: url('venuepage/venueboxWide710-text.png');
	background-repeat: no-repeat;
	width: 670px;
	height: 237px;
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 8px 20px 5px 20px;
}

#venueBoxes a {
	text-decoration: none;
	color: #E74F25;
}

#venueBoxesNarrow a {
	text-decoration: none;
	color: #E74F25;
}

#DivMiddleSpacer 
{
	margin-left: 200px;
	margin-bottom: 15px;
}
/*BACKGROUND IMAGES */
#brochure {
	float: left;
	width: 356px;
	height: 90px;
	background-image: url('brochure/brochure.jpg');
	background-repeat: no-repeat;
	padding-left: 160px;
	padding-top: 590px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/*BACKGROUND IMAGES */
#consultancy {
	float: left;
	width: 465px;
	height: 649px;
	margin-left: 10px;
	background-image: url('consultancy/consultancy-chart.jpg');
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/*TYPOGRAPHY*/

p {
	font-weight: normal;
	font-size: 9pt;   /*1.2em;*/
}

h1 {
	color: #E74F25;
	font-weight: bold;
	font-size: 2em;
	line-height: 2em;
}

h2 {
	color: #666;
	font-weight: bold;
	font-size: 1.4em;
}

h3 {
	color: #222181;
	font-size: 1.2em;
}

h4 {	
	color: #666;
	font-weight: normal;
	font-size: 8pt;
}

.courselistboxes 
{ 
   color: #666;
	font-weight: normal;
	font-size: 8pt;
}
	 
h5 {
	color: #E74F25;
	font-weight: bold;
	font-size: 1.6em;
	text-align: right;
}

#sideNavBlue li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.sideNavBlue li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

#sideNavLightBlue li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.sideNavLightBlue li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.sideNav li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.hyperlinksidenav {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

#sideNavBlue a:hover {
	color: #E74F25;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

#sideNavLightBlue a:hover {
	color: #E74F25;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.sideNavLightBlue a:hover {
	color: #E74F25;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.sideNav a:hover {
	color: #E74F25;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.highlightText {
	color: #4294be;
	text-decoration: underline;
}

.whitetext {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 11px;
}

.orangetext {
	color: #E74F25;
	font-size: 14px;
}

.errortext {
	color:Red;
	font-size: 12px;
}

.validtext {
	color:Green;
}

.expiredtext {
	 color:Red;
}

.nearlyexpiredtext {
	 color:Orange;
}

.orangefulltext {
	color: #E74F25;
	font-size: 12px;
}
.courselengthtext {
	color: #666;
	font-size: 18px;
	font-weight: bolder;
}

.ratiotext {
	color: #fff;
	font-size: 18px;
	font-weight: bolder;
	line-height: 32px;
}

.contact td, th {
	font-size: 1.1em;
	padding-left: 3px;
	padding-right: 2px;
	padding-bottom: 5px
}

.coursedatetext {
	float: right;
	text-align:right;
	padding-right: 4px
}

/*LISTS AND MISC*/

#nav {
	float: right;
	margin: 3px 0 0 0;
}

#nav li {
	color: #fff;
	display: inline;
	padding: 0 1em 0 1em;
}

#nav li a {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#nav a:hover {
	color: #E74F25;
	font-size: 1.1em;
	text-decoration: none;
}

#navFooter {
	float: right;
	margin: 3px 0 0 0;
}

#navFooter li {
	color: #fff;
	display: inline;
	padding: 0 1em 0 1em;
}

#navFooter li a {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#navFooter a:hover {
	color: #E74F25;
	font-size: 1.1em;
	text-decoration: none;
}

#subMenu li a {
	font-size: 1.1em;
	color: #666;
	text-decoration: none;
}

.subMenu li a {
	font-size: 1.1em;
	color: #666;
	text-decoration: none;
}

#subMenu a:hover {
	font-size: 1.1em;
	color:#E74F25;
	text-decoration: none;
}

.subMenu a:hover {
	font-size: 1.1em;
	color:#E74F25;
	text-decoration: none;
}

#Directions li {
	list-style-type: decimal;	
	list-style-position: inside;
	text-indent: 15px;
}

#Warranty li {
	list-style-type: decimal;	
	list-style-position: outside;
	margin-left: 15px;
}

.Regulations li {
	list-style-type: decimal;	
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
}

#Regulations2 li {
	list-style-type: lower-alpha;	
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
}

.ListDisc li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
}

.ListDiscSpace li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
	padding-bottom: 1em;
}

.ListNumbers li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
}

.ListNumbersSpace li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
	font-size: 1.2em;
	padding-bottom: 1em;
}

.Center {
	text-align: center;
}

.Right {
	text-align: right;
}

#logos {
	width: 220px;
	float: left;
	height: 20px;
}

.h3Text {
	color: #222181;
	font-size: 1.2em;
	font-weight:bold;
}

.Top {
	vertical-align:top;
}