*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}

body {
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

/* ---------- General ---------- */
hr{display:none;}

h1 {
	font-size:1.5em;color:#3f1b81;
}

h5 {
	font-size:1.1em;font-style:italic;margin-top:1em;
}

a {
	color: #3f1b81;
	font-weight:bold;
}
a:hover {
	color: #5c389d;
}
p {
	margin: 1em 0 0.2em 0;
	padding:0;
}

.right-image {
	float:right;
	padding:0 0 10px 10px;
}

.left-image {
	float:left;
	padding:0px 10px 10px 0;
}

option {
	padding-right:7px;
}

label {
	display:block;float:left;width:150px;
}

label.require {
	font-weight:bold;color:#000000;
}

label.checkbox {
	width:auto;display:inline;float:none;padding-left:10px;
}

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

form ul li {
	margin:2px 0px;padding:0;clear:both;
}

.error {
	font-size:0.9em;font-weight:bold;color:#d51b1b;
}

.clear {
	clear:both;
}

#footerquote {
	padding:10px 25px;background-color:#313131;color:#A5A5A5;font-size:0.9em;margin-top:20px;
}

#footerquote p {
	padding:0;margin:0;
}

#imageContainer {
	height:140px;width:500px;position:relative;overflow:hidden;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* ---------- Menu ---------- */
#menu {
	margin-top:25px;
	width: 100%;
	height: 40px;
	background: #313131;
}
#menu ul {
	font-weight: bold;
	width: 900px;
	margin: 0 auto;
	list-style: none;
}

#menu li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

#menu li a {
	color: #a5a5a5;
	display: block;
	text-decoration: none;
	float: left;
	white-space: nowrap;
	height: 40px;
}
#menu li a span {
	padding: 12px 10px 0 10px;
	display: block;
}
#menu li:hover a,
#menu li a.active {
	background: url(/_inc/img/menuhover.gif) top left repeat-x;
	color: #fff;
}
#menu li ul {
	background: #260f5d;
	list-style: none;
	margin: 40px 0 0 0;
	left:-999em;
	width: 220px;
	position: absolute;
}

#menu li:hover ul li a {
	background-image:none;padding:5px 0;
}

#menu ul ul li {
	margin: 0;
	padding: 0;
	background-image:none;
}

#menu ul ul li:hover {
	background-color:#313131;
}

#menu ul ul li a {
	width: 220px;height: 20px;
}

#menu ul ul li a span {
	padding: 2px 12px 0 12px;
	display: block;
}

#menu li:hover ul,
#menu li.sfHover ul {
	left: 0;
}

/* ---------- Main ---------- */
#main {
	width: 900px;
	margin: 20px auto 0 auto;
	border: 1px dashed #ccc;
	background: #fff;
	line-height: 1.6;
	overflow: hidden;
}
#content {
	clear:both;
	padding: 20px 20px 10px 20px;
}

/* ---------- List Items ---------- */
html>body #content ul.list {
	list-style: none;
	text-indent: -1em;
} 
#content ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
}
#content ul.list li {
	padding: 4px 0 4px 0;
	margin: 0 0 0 1.2em;
}
#content ul.list li::before {	/* Show right angle quotes to cool browsers */
	content: "\00BB \0020";
}
ol {
	margin: 0 0 .8em 1em;
	padding-left: 2em;
}
#content ol li {
	padding:0;
	margin:0px 0 0.2em 0;
}

/* ---------- Header ---------- */
#header {
	padding: 20px;
}
#header .left {
	float: left;
	width: 500px;
}
#header .right {
	float: right;
	text-align: right;
}
#logo {
	margin: 10px 50px 0 0;
}

/* ---------- Box ---------- */
.box {
	background: #3f1b81 url('/_inc/img/box-tl.gif') top left no-repeat;
	color: #fff;
	font-size: 14px;
}
.box .box1 {
	background: url('/_inc/img/box-tr.gif') top right no-repeat;
}
.box .box2 {
	background: url('/_inc/img/box-bl.gif') bottom left no-repeat;
}
.box .box3 {
	background: url('/_inc/img/box-br.gif') bottom right no-repeat;
	height: 140px;
}
.box .content {
	padding: 20px;
}

/* ---------- Footer ---------- */
#footer {
	width: 880px;
	margin: 10px auto 0 auto;
	font-size: 11px;
	overflow: hidden;
	color: #666;
	padding-bottom:30px;
}
#footer a {
	color: #664d94;
}
#footer a:hover {
	color: #7f69a7;
}
#footer .left {
	float: left;
	width: 300px;
	text-align: left;
}
#footer .right {
	float: right;
	width: 560px;
	text-align: right;
}

p.testimonials {
	text-align:right;
	font-style:italic;
	font-size:0.9em;
	margin-top:0;
	font-weight:bold;
	padding-top:0;
}


/* ---------- Alternate Colours - Younger ---------- 
body.page-younger #menu,
body.page-younger #menu ul ul {background:#2e69cb;}

body.page-younger a {color: #2e69cb;}

body.page-younger #menu li a {color:#9eb7e2;}

body.page-younger #menu li a:hover {background:#4880dc;color:#fff;}
body.page-younger a:hover {color: #9eb7e2;}*/

/* ---------- Alternate Colours - Corporate ---------- */


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}