body 
{
    padding: 0;
    margin: 0;
    font: 76%/1.5 Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/main-bg.gif) repeat-x;
}

/***** General Header Styles *****/
h1
{
    color: #5e449b;
    font-size: 150%;
}

h2
{
    color: #d2b042;
    font-size: 120%;
}

h3
{
    color: #5e449b;
    font-size: 110%;
}

h4
{
    color: #5e449b;
    font-size: 100%;
}

ul li
{
    font-size: 90%;
}

/***** General Link Styles *****/
a:link, a:visited
{
    padding-bottom: 0;
    color: #5e449b;
    text-decoration: none;
}

a:hover
{
   border-bottom: 1px solid #dbd5c5; 
}

a.noBorder
{
    border: none;   
}

/***** Layout Styles *****/
#wrapper
{
    margin: 0 auto;
    width: 1000px;
    background-color: #fff;
    border: solid 1px #fff;
    border-top: none;
}

#header
{
    background: url(../images/main-header.gif) no-repeat;
    float: left;
    width: 1000px;
}

#logo
{
    float: left;
}

#quickLinks
{
    float: right;
}

#quickLinks ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#quickLinks ul li
{
    float: left;
    display: block;
    padding: 5px 5px;
}

#quickLinks ul li span.utilDelim
{
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 10px;
    font-size: 90%;
}

#quickLinks ul li a
{
    color: White;
}

#contentWrapper
{
   width: 1000px;
   background: url(../images/col-bg.gif) repeat-y 109% top;
   float: left;
}

#mainContent
{
    float: left;
    width: 765px;
}

#rightContent
{
    width: 215px;
    float: right;
    padding: 10px;
}

#mainBody
{
    width: 500px;
    margin: 10px 20px 10px 10px;
    float: right;
    display: inline;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#leftContent
{
    width: 215px;
    float: left;
    padding: 10px;
}

#footer
{
    clear: both;
    background: url(../images/footer-bg.jpg) repeat-x;
    min-height: 121px;
    height: auto !important;
    height: 121px;
    padding: 8px 8px;
    color: #5c419a;
}

#mainBody p
{
    font-size: 90%;
}

#leftContent h4, #rightContent h4
{
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 12px 0 12px 0;
    border-bottom: solid 1px #dbd5c5;
    line-height: 1em;
    font-size: 80%;
}

/***** Navigation Styles *****/
#topNavi
{
    float: left;
    background: #ccc url(../images/navi-bg.gif) repeat-x;
    min-height: 28px;  
    height: auto !important;
    height: 28px;
    width: 100%;
    border-bottom: solid 1px #5c419a;
}

#topNavi ul
{
	width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#topNavi ul li 
{
	float: left;
}

#topNavi li:hover, /* list items being hovered over */ .CssAdapterMenu li.AspNet-Menu-Hover
{
	color: #fff;
}

#topNavi ul li a
{
	color: #5c419a;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	padding: 6px 2.5em 0px 2.5em;
    display: block;
	background: url(../images/navi-seperator.gif) no-repeat 100% top;
	text-decoration: none;
	height: 22px;
	border: none;
	float: left;
}

#topNavi ul li a:hover
{
    color: #fff;
}

.leftImage
{
    margin-left: -10px;  
}

.leftNavi
{
    margin-left: -10px;  
    /*padding: 5px 5px 10px 5px; */
    padding: 0 0 10px 0;
    background: url(../images/left-navi-bottom-bg.gif) no-repeat bottom left;
}

.leftNavi ul li a:link, .leftNavi ul li a:visited
{
    border: none;
    font-size: 110%;
    font-weight: bold;
}

.leftNavi ul li a:hover, .leftNavi ul li a.active
{
   border-bottom: 2px solid #dbd5c5; 
}

.leftNavi ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

.leftNavi li.first
{
    padding-top: 0;
    background: url(../images/crucible_small.png) no-repeat 3% 30%;
}

.leftNavi li
{
    margin: 0 5px;
    border-bottom: 1px dotted #fff;
    padding: 12px 0 12px 25px;
    background: url(../images/crucible_small.png) no-repeat 2% 50%;
}

.leftNavi h3
{
    font-size: 120%;
    margin: 0;
    background: url(../images/left-navi-top-bg.gif) no-repeat;
    padding: 6px 6px 0 6px;
}

/***** home page specific styles *****/
#tagLine
{
    background: #d2b042 url(../images/centre-design.png) no-repeat;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    width: 99%;
}

#tagLine h1
{
	background: url(../images/Welcome-to-Synthesise.png) no-repeat; 
    text-indent: -100em;
	width: 334px;
	float: left;
	/*position: absolute;
	left: 10px;
	top:10px;*/
    padding: 0;
    margin: 10px 0 0 10px;
}

#tagLine h2
{
    clear: both;
    color: #5e449b;
    padding: 10px 0 0 15px;
    margin: 0;
    /*position: absolute;
    left: 15px;
	top: 40px;*/
}

#tagLine h3
{
	background: url(../images/better-world.png) no-repeat; 
	text-indent: -100em; 
	overflow: auto;
	width: 455px;
	height: 52px;
	/*position: absolute;
	left: 20px;
	top:190px;*/
    padding: 0;
    margin: 0 0 0 20px;
}

#tagLine p
{
    /*position: absolute;
    left: 30px;
	top: 60px;*/
	color: #fff;
	padding: 0 30px 0 0;
	margin: 0 0 0 30px;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
}

#tagLine ul
{
   /* position: absolute;
    left: 55px;
	top: 148px;*/
	margin: 15px 0 0 40px;
	padding: 0;
	list-style: none;    
}

#tagLine ul li
{
    background: url(../images/crucible.png) no-repeat left top;
    padding: 0 0 0 35px;
    margin-bottom: 10px;
    min-height: 30px;
    height: auto !important;
    height: 30px;
    padding-top: 6px;
}

#tagLine ul li a
{
    font-size: 14px;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
}

/***** editorial Styles *****/
.editorial
{
    border: 1px solid #ccc;
    background: url(../images/box-fill.jpg) repeat-x;
    margin-bottom: 15px;
    padding: 10px;
    width: 475px;
}

.editorial h3
{
    margin: 0;
    font-size: 120%;
}

.editorial h3 a
{
    color: #5e449b;
}

/***** Login Related Styles****/
.login
{
    border: 1px solid #ccc;
    background: url(../images/box-fill.jpg) repeat-x;
    margin-bottom: 15px;
    padding: 10px;
}

.login h3.locked
{
    margin: 0;
    font-size: 120%;
    background: url(../images/locked_32.gif) no-repeat left 50%;
    padding: 5px 0 5px 40px;
}

.login h3.unLocked
{
    margin: 0;
    font-size: 120%;
    background: url(../images/unlocked_32.gif) no-repeat left 50%;
    padding: 5px 0 5px 40px;
}

.login .theForm
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.login .theForm li
{
    clear: left;
    padding: 10px 0;
}

.login .theForm li label
{
    display: block;
    width: 100px;
    float: left;
}

.login .theForm li span
{
    float: left;
}

.login h4 a
{
    background: url(../images/arrow.png) no-repeat right 50%;
    padding: 0 15px 0 0;
}

/***** Course Styles *****/
.course
{
    border: 1px solid #ccc;
    background: url(../images/box-fill.jpg) repeat-x;
    margin-bottom: 15px;
    padding: 10px;
}

.course h3
{
    margin: 0;
    font-size: 120%;
}

.course h3 a
{
    color: #5e449b;
}

.course h4
{
    font-size: 90%;
    margin: 0;
    color: #000;
    font-weight: bold;
}

.course .tutorList
{
    list-style-type: none;
    margin: 0;
}

.course .tutorList li
{
    color: #5e449b;
    font-weight: bold;
}

/***** Course Details *****/
.courseDetails
{
    border: 1px solid #ccc;
    background: url(../images/box-fill.jpg) repeat-x;
    padding: 10px;
    margin-bottom: 10px;
}

.courseDetails p
{
    font-size: 80%;
}

.courseDetails h2
{
    font-size: 120%;
    color: #5e449b;
    margin-top: 0;
}

.courseDetails h3
{
    font-size: 100%;
    margin-bottom: 0;
    color: #d2b042;
}

#moreEvents
{
    text-align: right;
    margin: 10px 0 0 0;
}

#moreEvents a
{
    font-size: 90%;
    background: url(../images/arrow.png) no-repeat right 50%;
    padding: 0 15px 0 0;
}

#moreEvents a:hover
{
    font-size: 90%;
    background: url(../images/arrow.png) no-repeat right 45%;
    padding: 0 15px 0 0;
}

/***** Search Styles *****/
#searchBox
{
    width: 203px;
    /*background: #c2b8dd;*/
    /*border: solid 1px #B9aed8;*/
    padding: 0px 0px 5px 0px;
}

#searchBox h3
{
    font-size: 120%;
    color: #5e449b;
    margin: 0;
}

#searchBox .textBox
{
    border: solid 1px #5e449b;
}

.searchedText
{
    font-size: 120%;
  color: #5e449b;
}

/***** Tutor Details *****/
.tutorList
{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.tutorList li
{
    color: #5e449b;
    font-size: 90%;
    margin-top: 10px;
}

.tutorList li ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.tutorList li ul li
{
  color: #000;
  font-size: 100%;  
  margin: 0;
}

/***** Related Courses *****/
#relatedCourses
{
    background-color: #d2b042;
    margin-left: -10px;  
    padding: 5px 5px 25px 5px;  
}

#relatedCourses a:link, #relatedCourses a:visited
{
    border: none;
    font-size: 100%;
    font-weight: bold;
}

#relatedCourses a:hover
{
   border-bottom: 2px solid #dbd5c5; 
}

#relatedCourses h4
{
    color: #fff;
    border: none;
    font-size: 120%;
}

.relatedList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.relatedList li.first
{
    padding-top: 0;
    background: url(../images/arrow.png) no-repeat 3% 50%;
}

.relatedList li
{
    margin: 0px 0;
    border-bottom: 1px dotted #fff;
    padding: 0 0 5px 20px;
    background: url(../images/arrow.png) no-repeat 3% 50%;
}

.relatedList abbr
{
    color: #aaa;
}

.relatedList span.summary
{
    display: block;
}

/***** Display Table Formatting *****/
.displayTable 
{
    border-collapse: collapse;
}

.displayTable th
{
    background: url(../Images/th-bg.gif) repeat-x;
    font: bold 90% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5c419a;
	border: 1px solid #B9aed8;
	border-bottom: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
}

 .displayTable td {
	border-right: 1px solid #B9aed8;
	border-bottom: 1px solid #B9aed8;
	border-left: 1px solid #B9aed8;
	background: #fff;
	padding: 6px 6px 6px 6px;
	font-size: 90%;
	vertical-align: top;
}

.displayTable td.center
{
    text-align: center;
}

.displayTable .rightAlign
{
    text-align: right !important;
}

.displayTable .centerAlign
{
    text-align: center !important;
}

.displayTable .footer td
{
    background: url(../Images/th-bg.gif) repeat-x;
    font: bold 95% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5c419a;
	text-transform: uppercase;
}

.displayTable td input
{
    font-size: 90%;
}

.displayTable td select
{
    font-size: 90%;
    width: 75px; 
}

.displayTable .paging table tr td
{
    border: none;
    padding: 2px 2px;
    margin: 0;
}

/***** Latest News Formatting *****/
.generalList
{
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.generalList li
{
    margin: 0 0 5px 0;
}

.generalList li.arrow
{
    background: url(../images/arrow.png) no-repeat left 50%;
    padding: 0 0 0 15px;
}

.generalList li.topArrow
{
    background: url(../images/arrow.png) no-repeat left 4%;
    padding: 0 0 0 15px;
}

.generalList span.newsHeadline
{
    display: block;
    padding: 2px 0;
}

.generalList span.published
{
    color: #767C75;
    font-size: 80%;
    background: url(../images/file.gif) no-repeat left 50%;
    padding: 1px 0 1px 20px;
}

.generalList ul
{
    margin-top: 5px;
}

#moreNews
{
    text-align: right;
}

#moreNews a
{
    font-size: 90%;
    background: url(../images/arrow.png) no-repeat right 50%;
    padding: 0 15px 0 0;
}

#moreNews a:hover
{
    font-size: 90%;
    background: url(../images/arrow.png) no-repeat right 45%;
    padding: 0 15px 0 0;
}

/***** Misc *****/
.nameTitle
{
    font-weight: bold;
    display:block;
}

.contactDetails
{
    font-size: 90%;
}

.contactDetails ul
{
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}

.contactDetails ul li
{
    margin-bottom: 3px;
}

.contactDetails ul li abbr
{
    font-weight: bold;
    display: block;
    width:20px;
    float: left;
    cursor: help;
}

.contactDetails ul li a
{
    font-size: 110%;
}

.noDates
{
    font-size: 90%;
    font-weight: bold;
}

/****** General Form Formatting *****/
fieldset
{
    width: 96%;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
}

fieldset legend
{
    text-transform: uppercase;
    color: #5e449b;
    font-size: 80%;
    font-weight: bold;
}

fieldset ul
{
    margin: 0;
    padding: 0 5px 0 5px;
    list-style: none;
}

fieldset ul li
{
    padding: 5px 0;
}

fieldset ul li input, fieldset ul li textarea 
{
  border: solid 1px #5e449b;
}

fieldset ul li .noBorder
{
  border: none;
}

fieldset ul li label
{
    display: block;
    width: 150px;
    float: left;
    padding: 0 15px 0 0;
}

.required
{
    font-weight: bold;
}

.error
{
    font-weight: bold;
    color: Red;
}

.errorSpan
{
    margin: 0 0 10px 0;
    display: block;
}

/***** My Synthesise Styles *****/
.updateSuccess
{
    margin-bottom: 20px;
}

/***** Button Styles *****/
.updateButton 
{
    margin: 10px 0 0 0;
    padding: 0;
}

/***** Ad Container ******/
.adContainer
{
    background: url(../images/course-taster-bottom-bg.gif) no-repeat left bottom;
    width: 193px;
    color: #fff;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    overflow: auto;
}

.adContainer a:hover
{
    border: none;
    text-decoration: underline;
}

#adMainContainer
{
    margin: 0 auto; 
    width: 193px;
}

.adContainer p
{
    margin: 0 0 5px 0;
    padding: 0 6px;
    font-size: 80%;
}

.adContainer h3
{
     background: url(../images/course-taster-top-bg.png) no-repeat left top;
     padding: 3px 3px 0 3px;
     margin: 0 0 5px 0;
     font-size: 120%;
     color: #d2b042;
     text-align: center;
}

.adContainer a
{
    color: #fff;
    margin: 0 5px 0 0;
    font-size: 80%;    
    font-weight: bold;
    float: right;
}

/***** Blockquote ******/
blockquote.quotemark
{
	margin: 0;
	background: url(../images/quote-bg.gif) no-repeat 0 0;
	font-family: verdana, sans-serif;
	padding: 50px 0 0 20px;
	color: #5A4099;
	font-weight: bold;
}

blockquote div
{
	margin-top: 5px;
	color: #CBA63B;
	text-transform: uppercase
} 

/****** ASP.Net Create User Wizard Styles *****/
.AspNet-CreateUserWizard-CreateUserButtonPanel
{
    margin: 10px 0;
}

/****** ASP.Net Change Password Wizard Styles  ******/
.AspNet-ChangePassword 
{
}

.AspNet-ChangePassword .AspNet-ChangePassword-PasswordPanel 
{
    padding: 5px 0;
}

.AspNet-ChangePassword .AspNet-ChangePassword-ChangePasswordTitlePanel span, .AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-TitlePanel span
{
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 12px 0 12px 0;
    border-bottom: solid 1px #dbd5c5;
    line-height: 1em;
    font-size: 80%;
    display: block;
    color: #5e449b;
    font-weight: bold;
    width: 96%;
}

.AspNet-ChangePassword label
{
    font-size: 90%;
}

.AspNet-ChangePassword .AspNet-ChangePassword-PasswordPanel label
{
    display: block;
    width: 170px;
    font-weight: bold;
    float: left; 
}

.AspNet-ChangePassword .AspNet-ChangePassword-PasswordPanel input,
.AspNet-PasswordRecovery-UserName-UserPanel input
{
    border: solid 1px #5e449b; 
}   

.AspNet-ChangePassword .AspNet-ChangePassword-NewPasswordPanel
{
    padding: 5px 0;
}

.AspNet-ChangePassword .AspNet-ChangePassword-NewPasswordPanel label,
.AspNet-PasswordRecovery-UserName-UserPanel label
{
    display: block;
    width: 170px;
    font-weight: bold;
    float: left;
}

.AspNet-ChangePassword .AspNet-ChangePassword-NewPasswordPanel input
{
    border: solid 1px #5e449b; 
}

.AspNet-ChangePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel
{
    padding: 5px 0;
}

.AspNet-ChangePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel input
{
    border: solid 1px #5e449b; 
}

.AspNet-ChangePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel label
{
    display: block;
    width: 170px;
    font-weight: bold;
    float: left;
}

.AspNet-ChangePassword .AspNet-ChangePassword-SubmitPanel, .AspNet-PasswordRecovery-UserName-SubmitPanel
{
    padding: 10px 0;
}

/****** Shopping Basket *****/
.basketUpdateContainer
{
    text-align: right;
    margin: 0 0 10px 0;
}

.basketUpdateContainer p
{
    font-size: 115% !important;
    color: #5e449b;
    margin: 0 0 5px 0;
}

.basketCheckoutContainer
{
    text-align: right;
    margin: 10px 0 0 0;
    font-size: 130%;
}

.shoppingCartEmpty
{
    border: none;
    font-size: 120%;
}

/* Order Items */
.orderItemList
{
    font-size: 110%; 
    margin: 0; 
    padding: 0 15px;
    list-style: none;
}

.orderItemList li
{
   background: url(../images/crucible_small.gif) no-repeat left 15%; 
   padding: 0 0 10px 25px;
}

.orderItemList li span
{
    color: #5e449b;
    font-style: italic;
}

#orderPrintOptions
{
    font-size: 90%;
    float: right;
    padding: 0 4px 5px 0;
}

#orderPrintOptions a.printer
{
    background: url(../images/printer.gif) no-repeat left 50%;
    padding: 1px 0 0 20px;
}

/*** Some Error Stuff ***/
.errorList
{
    color: Red;
}

.errorList li
{
    margin-bottom: 8px;
}

#lastUpdated
{
    clear: both;
    font-size: 80%;
    font-weight: bold;
}