body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #333;
}

h1 {
	font-size: 14px;
	font-weight: bolder;
	margin: 5px 0 20px 0;
	padding-bottom: 5px;
	color: #FF6600;
	display: inline;
	line-height: 25px;
}

h2 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	color: #FF6600;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #FF6600;
}

p, td {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 0px;
}

p {
	line-height: 15px;
}

a, a:link, a:visited {
	text-decoration: underline;
	color: #FF6600;
}

a:hover, a:active {
	color: #603;
	text-decoration: underline;
}

form {
	padding: 0;
	margin:0;
}

img {
	clear: all;
	padding: 0;
	margin:0;
	display: inline;
}

/* Very important type of div used to drag out a container to below it's contained floats */
div.dropbelow {
	clear: both;
	height: 0;
	margin: 0;
	line-height: 0;
	font-size: 1px;
}
/* nav classes */
td.nav-primary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	background-color: #603;
	height: 25px;
	padding: 5px;
}
td.nav-primary a, td.nav-primary a:visited {
	color: #fff !important;
	text-decoration: none;
}
td.nav-primary a:hover {
	color: #FF6600 !important;
	text-decoration: none !important;
}
td.nav-secondary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	background-color: #936;
	height: 25px;
	padding: 5px;
	margin-top: 2px;
}
td.nav-secondary a, td.nav-secondary a:visited {
	color: #fff !important;
	text-decoration: none;
}
td.nav-secondary a:hover {
	color: #FF6600 !important;
	text-decoration: none !important;
}

/* classes for grey panel */
.panel-container {
   width: 100%;
   color: #000;
   background-color: #E5E5E5;
   margin-top: 2px;
}

.panel-tl { background: url(../images/panel_topleft.gif) no-repeat top left; }
.panel-tr { background: url(../images/panel_topright.gif) no-repeat top right; }
.panel-bl { background: url(../images/panel_bottomleft.gif) no-repeat bottom left; }
.panel-br { background: url(../images/panel_bottomright.gif) no-repeat bottom right; }
.panel-content { padding: 2px 5px 5px 10px; margin: 0px auto; width: 90%;}

/* classes for client list */
.clientlist {
	background-color: #fff;
	width: 90%;
	margin:auto;
}

.clientlist p {
	font-size: 10px;
	padding: 5px;
}

/* various areas of content etc */
p#breadcrumb {
	font-size: 11px;
	color: #936;
}

p#breadcrumb a {
	color: #FF6600;
	text-decoration: none;
}

p.intro {
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
}

div.content-container{
	padding: 2px 5px 5px 0px;
}


div.content-container p, div.content-container table td p {
	padding: 0 5px 10px 0;
}

table.table-container h2, table.table-container p {
	padding: 0 5px 5px 0;
}

/* footer classes */
td.footer-navcell {
	margin-top: 3px;
	background-color:#E5E5E5;
}

td.footer-navcell p {
	padding: 3px;
	font-weight: bold;
}

td.footer-navcell p a:link, td.footer-navcell p a:visited {
	color: #000;
}

td.footer-navcell p a:hover {
	color: #FF6600;
}

td.footer-details {
	padding: 3px;
}

td.footer-details p {
	font-size: 9px;
}

td.footer-more p {
	font-size: 9px;
	color: #666;
}

table.sitemap {
	margin-top: 20px;
	border-top: 2px dashed #ccc;
}

table.sitemap tr td {
	padding: 5px 0px 0px 5px;
	border-right: 2px dashed #ccc;
	color:#ccc;
	font-size: 9px;
	font-weight: bold;
}

table.sitemap tr td:last-child {
	border-right: none;
}

table.sitemap tr td a {
	color: #ccc !important;
}

table.sitemap tr td a:hover {
	color: #936 !important;
}

/* button styling */

.submitbutton {
	display: block;
	border: 0;/* deactivate default button */
	cursor: pointer; /* to get a hand on mouse over - optional */
	text-indent: -9999px;
	font-size: 1px !important;
	line-height: 0 !important;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 20px; /* Override as necessary */
	position: static !important;
}

#btn_go {
	width: 30px;
	height: 15px;
	padding: 1px;
	background-image: url(../images/btn_go.gif);
	float: right;
}

#btn_submit {
	width: 60px;
	height: 15px;
	background-image: url(../images/btn_submit.gif);
	float: right;
}

img.intro-pic {
	float: left;
	margin: 0 20px 5px 0;
}

/* additional colour classes for text elements */
.darkpurple {
	color: #603;
}

.palepurple {
	color: #936;
}

.royalblue {
	color: #6E9BD2;
}

.white {
	color: #fff;
}

.grey {
	color: #ccc;
}

a.darkpurple-link, a.darkpurple-link:visited {
	color: #603;
}

a.palepurple-link, a.palepurple-link:visited {
	color: #936;
}

a.royalblue-link, a.royalblue-link:visited  {
	color: #6E9BD2;
}

a.white-link, a.white-link:visited {
	color: #fff;
}

a.grey-link {
	color: #fffccc
}

a.palepurple-link:hover, a.royalblue-link:hover, a.white-link:hover, a.grey-link:hover{
	color: #603;
}


/* Scroller Box */
#scroller_container1 {
 width: 205px;
 height: 280px;
 overflow: hidden;
 padding: 4px 4px 4px 4px;
}

/* CSS Hack Safari */
#dummy {;# }

#scroller_container1 {
overflow: auto;
}
/* Scoller Box */
.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
 padding-left: 4px;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}

span.warning {
	color: #CC0000;
}