﻿body
{
	margin:10px 0 0 0;
	padding: 0px;
	background-color:White;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}


/* Header */
#header {
	width: 997px;
	height: 89px;
}

#header {
	margin: 0 10px 0 0;
}

#wrapper
{
	margin: 0px auto;
	width:997px;
}

/** Hosted By */

#hostedby
{
	float:right;
	width: 541px;
	height:89px;
	margin:0 30px 0 0px;
	text-align:right;
}

/** LOGO */

#logo {
	float: left;
	width: 400px;
	height: 90px;
}

#logo h1, #logo h2 {
	text-indent: -999em;
}

/** Top of Content */
#topbox
{
	width: 997px;
	height: 6px;
	background: url(images/TopSlice.gif) no-repeat left top;
}

/* Banner */
#bannerwrapper
{
	background:url(images/bannerbackground.gif) no-repeat left top;	
	width:990px;
	height:150px;
	margin: 0px auto;
	padding:1px 0 0 0;
}
#banner
{
	width: 838px;
	margin: 0;
	padding:0px 0 0 1px;
}

/* Page */
#page
{
	background:url(images/MiddleSlice.gif) repeat-y left top;	
	width:997px;
	margin: 0px auto;
	padding:0px 0px 0 0px;
}

#menubar
{
	float:left;
	width:159px;
	background:url(images/SideMiddle.gif) repeat-y left top;	
}

#menufooter
{
	width:159px;
	height:120px;
	background: url(images/SideBottom.gif) no-repeat left top;	
}

#contentpage
{
	width:838px;
	margin: 0px auto;
	padding:0px 0px 0 0px;
	float:right;
}

#contentfooter
{
	clear:both;
	width:997px;	
	height:118px;
	background: url(images/ContentBottom.gif) no-repeat left top;	
}

#contactusimage
{
	float: right;
	width: 150px;
	height: 170px;
	background: url(images/contactus.jpg) no-repeat left top;
}
/* Footer */
#footer
{
	background:url(images/bottombackground.gif) no-repeat left top;	
	width:999px;
	height:58px;
	margin: 0px auto;
	padding:1px 5px 0 10px;
	color: #494949;
}

#footer p {
	margin: 0px;
	padding: 25px 0px 0px 0px;
	text-align: center;
}

#footer a {
	color: #494949;
}

/* Content */
#content
{
	float:left;
	margin:10px 0 0 15px;
}

.content
{
	float:left;
	margin:10px 0 0 15px;
}

.slimcontent
{
	float:left;
	margin:10px 0 0 15px;
	width:530px;	
}

.slimarea
{
	float:left;
	margin:0px 0 0 0px;
	width:550px;
}

.widecontent
{
	margin:10px 0 0 15px;
	width:800px;
}

#sidebar
{
	float:right;
	width:235px;
	margin:10px 35px 0 5px;
}

.sidearea
{
	float:right;
	width:245px;	
}
.slimareapictures
{
	float:left;
	margin:0px 0 0 0px;
	width:515px;
}

.sideareapictures
{
	float:right;
	width:280px;	
}
/* horizontal rules */
.contentHR
{
	background:url(images/hr.gif) repeat-x left top;
	margin:0 10px 0 0;
	height:20px;
	clear:both;
}

/** Form Fields */

.column1
{
	float:left;
	width:100px;
	min-height:25px;
	margin:0 0 5px 0;
}

.column2
{
	float:right;
	width:290px;
	min-height:25px;
	margin:0 0 5px 0;
}

.mailcolumn1
{
	float:left;
	width:60px;
	min-height:25px;
	margin:0 0 5px 0;
}

.mailcolumn2
{
	float:right;
	width:430px;
	min-height:25px;
	margin:0 0 5px 0px;
}


.column1noheight
{
	float:left;
	width:100px;
	margin:0 0 5px 0;
}

.column2noheight
{
	float:right;
	width:290px;
	margin:0 0 5px 0;
}

.column1multi
{
	float:left;
	width:100px;
	height:120px;
	vertical-align:top;
}

.column2multi
{
	float:right;
	width:290px;
	height:120px;
	vertical-align:top;
}

.column2short
{
	float:right;
	width:225px;
	min-height:25px;
	margin:0 0 5px 0;
}

.formcenter
{
	margin:0 0 0 65px;
	width: 400px;
}

.formcentersmall
{
	margin-left:260px;
	width:300px;
}

.formleft
{
	margin:0;
	width:400px;
	float:left;
}

.formleftsmall
{
	margin:0;
	width:250px;
	float:left;
}
.formleftsmaller
{
	margin:0;
	width:330px;
	float:left;
}



.formright
{
	margin:0;
	width:300px;
	float:right;
}
.formrightsmall
{
	margin:0;
	width:200px;
	float:right;
}

.formrightadmin
{
	margin:0 0px 0 0;
	width:400px;
	float:right;
}

input, select, textarea
{
	color:Black;
	}

.button
{
	color: Black;
	height: 21px;
}

div.imageviewer
{
	width:530px;
	text-align:center;
	vertical-align:middle;
}

div.pictureviewer
{
	width:700px;
	text-align:center;
	vertical-align:middle;
}

div.picturethumbnail
{
	width:145px;
	text-align:center;
	vertical-align:middle;
}

ul.header
{
	margin:0;
	padding:0;
	width:155px;
	list-style: none; 
}

li.headerLi
{
	float: left;
	position:relative;
}

li.headerLi span
{
	background-color: #333333;
	width:155px;
	font-size:larger;
	color:White;
	font-weight:bold;
	margin-left:1px;
	padding: 3px 0 3px 3px;
	display: block;
}

ul.items {
	list-style: none;
	width:140px;
	text-indent: 0px;
	margin:0;
	padding:0;
}

ul.items a {
	width: 140px;
	padding:3px 0 3px 10px;
	margin-left:3px;
	margin-right:3px;
	font-size:small;
	display:block;
	color:White;
	text-decoration: none;
	cursor:default;
}

ul.items a:hover {
	background-color:#000000;
	text-decoration:underline;
	color:Red;
	cursor:pointer;
}

ul.items li {
	float: left;
	position: relative;
}

ul.items li.sub
{
	text-indent:6px;
}

ul.items li ul {
list-style: none; 
position: absolute; 
left: 140px; 
top: 0; 
display: none; 
width: 160px; 
border: 1px solid Red;
background-color: Gray;
margin:0;
padding-left:10px;
z-index:97;
}

ul.items li:hover ul { display: block; }

ul.items li:hover ul li ul { display: none; }

ul.items li ul li:hover ul {
	display: block;
	position: absolute;
	left: 100px;
	top: -1px;
	border-left: 1px solid #FF0000;
}

.paddedDiv
{
	padding-top:10px;
	padding-bottom:10px;
}

/*site map*/

.SiteMap{width: 400px; margin-left: 50px;}

.SiteMap .sitemap2{text-indent:15px;}
.SiteMap h2{margin-top:10px;}

/* Training PAnel */
.QualificationPanel {width:520px;}
.QualificationPanel .Top{height:20px; background-image:url(images/panel520_top.gif); background-repeat: no-repeat;}
.QualificationPanel .Middle{background-image:url(images/panel520_middle.gif); background-repeat:repeat-y;}
.QualificationPanel .Middle .Content{padding:0 20px 0 20px;}
.QualificationPanel .Bottom{height:20px; background-image:url(images/panel520_bottom.gif); background-repeat: no-repeat;}

.QualificationPanel .Summary{padding:10px 20px 10px 20px; font-size:10px; }
.QualificationPanel .Link{padding:0 0 0 20px; font-size:10px; }
.QualificationPanel .Header{font-size:14px; font-weight:bold;}
.QualificationPanel .Title{font-weight:bold; margin-top:8px;}
.QualificationPanel .NoResult{padding:10px 20px 10px 20px; font-weight: bold;}
.Highlight {font-size: 10px; font-weight: bold; text-indent:20px; color:White;}

.QualificationPanel h2, .QualificationPanel h3, .QualificationPanel  div{color:Navy;}
.QualificationPanel a, .QualificationPanel a:hover{color:Navy;}

/* Admin Layout */
.AdminPanel700{margin-left:35px;}

.AdminPanel700 div {color:Black;}

.AdminPanel700 .Top{width:700px; background-image:url(images/admin700_top.gif); background-repeat:no-repeat; }
.AdminPanel700 .Bottom{width: 700px; background-image:url(images/admin700_bottom.gif); background-repeat:no-repeat;}
.AdminPanel700 .Middle{width: 700px; background-image:url(images/admin700_middle.gif); background-repeat:repeat;}
.AdminPanel700 .Middle .Panel{Padding:0 20px 0 20px;}

.AdminPanel340{margin-left:30px;}
.AdminPanel340 div{color:Black;}

.AdminPanel340 .Top{width:340px; background-image:url(images/admin340_top.gif); background-repeat:no-repeat; }
.AdminPanel340 .Bottom{width: 340px; background-image:url(images/admin340_bottom.gif); background-repeat:no-repeat;}
.AdminPanel340 .Middle{width: 340px; background-image:url(images/admin340_middle.gif); background-repeat:repeat;}
.AdminPanel340 .Middle .Panel{Padding:0 20px 0 20px;width:300px;}

.AdminPanel340 .Middle .Panel .column1 {width:60px; float:left;clear:left;}
.AdminPanel340 .Middle .Panel .column2 {width:230px;float:left;margin-left:10px;}
.AdminPanel340 .Middle .Panel .column2 input, textarea{width:95%; font-size:10px;}

.LeftSide{float:left;}
.RightSide{float:left;}

.List {width:300px;}
.List .HeaderRow{color:White;}
.List .ItemRow{clear:both;}
.List .HeaderRow .Col{float:left;background-color:Black; }
.List .ItemRow .Col{float:left;}
.List .ID{width:30px;}
.List .Name{width:230px;}
.List .Name2{width:190px;}
.List .Type{width:40px; text-align:center;}
.List .Edit{width:20px;text-align:center;}
.List .Delete{width:20px;text-align:center;}

.EditButton{background-image:url(images/Icons/application_edit.png); width:16px; height:16px;float:left;}
.DeleteButton{background-image:url(images/Icons/delete.png); width:16px; height:16px;float:left;}
.EditPropertiesButton{background-image:url(images/Icons/asterisk_orange.png); width:16px; height:16px;float:left;}
.MoveUpButton{background-image:url(images/Icons/arrow_up.png); width:16px; height:16px;float:left;}
.MoveDownButton{background-image:url(images/Icons/arrow_down.png); width:16px; height:16px;float:left;}
.AddButtonRow{float:right;}
.AddButton{background-image:url(images/Icons/add.png); background-position:left; background-repeat:no-repeat; width:100px; padding-left:20px;}
.SaveButton{background-image:url(images/Icons/disk.png); background-position:left; background-repeat:no-repeat; width:100px; padding-left:20px;}
.ActiveDiv{background-image:url(images/Icons/tick.png); width:16px; height:16px;float:left;margin-left:15px;}
.InActiveDiv{background-image:url(images/Icons/cross.png); width:16px; height:16px;float:left;margin-left:15px;}
/* logo admin */

.Logos .Header{}
.Logos .Column{float:left; margin-bottom:5px;}
.Logos .Themename{clear:left; width:100px;}
.Logos .Logo{width:450px;}
.Logos .Button{width:30px;}

/* Page List */
.PageListPanel {margin-top:15px}
.PageListPanel .Header{width:700px;}
.PageListPanel .Header .AddNew{float:right;margin-right:30px;}
.PageListPanel .List{clear:both;width:700px; border: solid 1px black;}
.PageListPanel .List .Row{clear:both; width: 700px;}

.PageListPanel .List .Row .Column{float:left; padding-bottom:4px;padding-top:2px;}
.PageListPanel .List .Item .Column{ border-top: dashed 1px grey}
.PageListPanel .List .Row .PageName{width: 200px;}
.PageListPanel .List .Row .URL{width:200px;}
.PageListPanel .List .Row .Status{width:60px;}
.PageListPanel .List .Row .Type{width:115px;}
.PageListPanel .List .Row .Button{width:25px;}

.PageListPanel .List .Header .Column{background-color:Black; color:White;}

/* Testimonial Data */
.Testimonial{margin-bottom:20px;float:left;}
.Testimonial .Text{font-style:italic; }
.Testimonial .Note{width:25px; height:27px; background-image:url(images/note.jpg); background-repeat: no-repeat;float:left;}
.Testimonial .Name{font-weight:bold;clear:both;padding-top:5px;}
.Testimonial .Date{font-weight:bold;}

.BottomMarginLeft{margin:3px 20px 80px 0;float:left;}
.BookingContactHR{margin-left:70px;}
