/*================================================================================

SITE COLOUR PALETTE
blue dark: #1D3194
blue light: #CBEAF2
green dark: #89C821
green grey: #D9E1CB
green light: #F1F8E4
red: #A6341C

================================================================================*/


/* UNIVERSAL STYLES
================================================================================*/

body {
	font: 62.5% verdana, arial, helvetica, sans-serif;
	color: #333;
	text-align: center;
	background: #48A2C5;
	padding: 0 50px;
	margin: 0;
}

body * {
	margin: 0;
}

td {
	vertical-align: top;
}


/* TYPOGRAPHY
================================================================================*/

h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #E9822B;
	padding: 16px 0;
}

td#header h1 {
	float: left;
	font-size: 2em;
	padding: 0;
}

h2, h3 {
	font-size: 1.5em;
	color: #545554;
	padding: 16px 0;
}

h3 {
	font-size: 1.3em;
	color: #108AB8;
}

h4, h5, h6 {
	font-size: 1em;
	color: #E46800;
	padding: 8px 0;
}

h5, h6 {
	color: #333;
}

h6 {
	color: #545554;
}

hr {
	width: 100%;
	height: 1px;
	color: #CCC;
	background: #CCC;
	border: none;
	margin: 10px 0;
	clear: both;
}

blockquote {
	background: #EFF1F7;
	padding: 10px 15px;
	margin: 10px 0;
	clear: both;
}

blockquote p {
	padding: 0;
}

p {
	line-height: 1.2em;
	padding: 8px 0;
}

a, a:visited, a:focus, a:hover, a:active {
	color: #108AB8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

ul, ol {
	padding: 8px 0;
	margin: 0 0 0 35px;
}

ol {
	margin: 0 0 0 40px;
}

ul li ul, ul li ol, ol li ul, ol li ol { 
	padding: 0;
}

ul li {
	list-style-image: url('../images1/ul_default.gif');
	padding: 2px 0 2px 5px;
}

ul li li, ol li {
	list-style-image: none;
	padding: 2px 0;
}

ol, ul, ol ol, ol ul, ul ol, ul ul, ol p, ul p, td, td p, td ol, td ul, form, fieldset, input, select {
	font-size: 1em;
}

form, fieldset, legend {
	border: none;
	padding: 0;
}

form ol, form ol li {
	list-style: none;
	padding: 0;
	margin: 0;
}

input, select, textarea {
	font-size: 0.9em;
	font-family: verdana;
}

input.textbox, textarea.textbox {
	background: #FFF url('../images1/textbox_bg.gif') no-repeat 0 0;
	border: 1px solid #C0C0C0;
	padding: 2px 3px;
	margin: 2px 0;
}

input.submit {
	width: auto;
	height: auto;
	font-weight: bold;
	color: #FFF;
	background: #E66E20 url('../images1/btn_bg.gif') repeat-x 0 0;
	border: none;
	padding: 3px 10px;
	overflow: visible;
}

label {
	display: block;
	font-weight: bold;
	color: #545554;
	margin: 3px 10px 0 0;
}

.tabpane label {
	display: inline;
	margin: 0;
}


/* DEFAULT LAYOUT STYLES
================================================================================*/

div#wrap_right {
	font-size: 1.2em;
}
/*
td#header, td#nav, td#controls, td#content, td#content_side, td#footer {
	font-size: 1em;
}
*/
table#container {
	font-size: 1em;
}

div#wrap_left {
	background: url('../images1/wrap_left.gif') repeat-y 0 0;
	padding-left: 10px;
	margin: 0 auto;
}

div#wrap_right {
	background: url('../images1/wrap_right.gif') repeat-y 100% 0;
	padding-right: 10px;
}


table#container {
	width: 100%;
	text-align: left;
	background: #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	margin: 0 auto;
}

td#header {
	background: #FFF url('../images1/shadow_top.gif') no-repeat 0 0;
	border-bottom: 1px solid #FFF;
	padding: 20px 10px;
}

td#header div {
	float: right;
	width: 50%;
	font-size: 0.95em;
	padding-right: 10px;
}

p.user {
	float: right;
	padding: 0;
}

td#nav {
	background: #545554;
	padding: 5px 0;
}

td#content {
	width: 100%;
/*	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;*/
	padding: 25px 30px 45px 30px;
}

div#content_prop {
	width: 340px;
	height: 1px;
	clear: both;
}

td#footer_left {
	background: #8D8E8E;
	padding-top: 7px;
}

td#footer_left div {
	width: 185px;
	height: 35px;
	background: #E9822B;
	border-top: 1px solid #FFF;
}

td#footer_right {
	border-left: 1px solid #CCC;
	padding-top: 4px;
}

td#footer_right div {
	background: #8D8E8E;
	padding-top: 3px;
}

td#footer_right p {
	height: 35px;
	font-size: 0.9em;
	line-height: 35px;
	color: #FFF;
	text-align: right;
	background: #545554;
	border-top: 1px solid #FFF;
	padding: 0 15px;
}

div.clear {
	clear: both;
}

/* PAGES LIST STYLES
================================================================================*/

table.pagelist th {
	font-size: 1.3em;
	color: #FFF;
	background: #6AA7BE;
	padding: 5px 10px;
}

table.pagelist input {
	float: right;
	font-size: 0.75em;
	border: 1px solid #FFF;
}

table.pagelist2 th {
	font-size: 1.3em;
	color: #FFF;
	background: #6AA7BE;
	padding: 5px 10px;
}

table.pagelist2 input {
	font-size: 0.75em;
	border: 1px solid #FFF;
}

td.legend {
	font-size: 0.9em;
	font-weight: bold;
	color: #108AB8;
	background: #B9D5E0;
	background: #DCE3E5;
	border-top: 1px solid #FFF;
	padding: 10px 5px;
}

td.legend p {
	font-size: 1.2em;
	padding: 5px 10px;
}

td.legend a, td.legend a:visited, td.legend a:focus, td.legend a:hover, td.legend a:active {
	display: block;
	float: left;
/*	width: 110px;*/
	height: 18px;
	line-height: 18px;
	color: #FFF;
	color: #545554;
	color: #108AB8;
	background: #F0F0F0;
	border: 1px solid #FFF;
	padding: 5px;
	margin: 5px 8px;
}

td.legend a:hover {
	text-decoration: none;
	background: #E5E5E5;
}

td.legend img {
	float: left;
	margin: 0 7px 0 0;
}

ul.pages {
	list-style: none;
/*	color: #FFF;*/
	padding: 0;
	margin: 0;
}

ul.pages li {
	float: left; 
	width: 100%;
	font-weight: bold;
	background: #8D8D8D;
	background: #E5E5E5;
/*	border-top: 5px solid #FFF;*/
	border-top: 1px solid #FFF;
	padding: 0;
	clear: both;
}

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

ul.pages ul li {
	font-weight: normal;
	background: #E5E5E5;
	border-top: 1px solid #FFF;
}

ul.pages img {
	display: block;
	float: left;
	margin: 2px 5px 0 5px;
}

ul.pages img.icon_exp_hd {
	margin: 7px 10px 0 5px;
}

ul.pages span.icons {
	float: right;
	font-size: 0.9em;
	font-weight: normal;
}

ul.pages span.pagenum {
	display: block;
	float: left;
	font-weight: normal;
	color: #545554;
	background: #CDCDCD;
	padding: 5px 8px;
	margin: 0 10px 0 0;
}

ul.pages li a, ul.pages li a:visited, ul.pages li a:focus, ul.pages li a:hover, ul.pages li a:active {
	display: block;
	float: left;
	color: #FFF;
	color: #E9822B;
	padding: 5px 0;
}

ul.pages ul a, ul.pages ul a:visited, ul.pages ul a:focus, ul.pages ul a:hover, ul.pages ul a:active {
	color: #E46800;
}

ul.pages ul a:hover {
	color: #108AB8;
}

ul.pages div a, ul.pages div a:visited, ul.pages div a:focus, ul.pages div a:hover, ul.pages div a:active,
ul.pages span a, ul.pages span a:visited, ul.pages span a:focus, ul.pages span a:hover, ul.pages span a:active {
	display: inline;
	float: none;
	padding: 0;
}


/* PAGE EDITOR STYLES
================================================================================*/

p.breadcrumbs {
	font-size: 0.9em;
	padding: 0 0 15px 0;
}

div.tabs a, div.tabs a:visited, div.tabs a:focus, div.tabs a:hover, div.tabs a:active {
	display: block;
	float: left;
	color: #108AB8;
	background: #F0F0F0;
	border: 1px solid #CCC;
	border-bottom: none;
	padding: 7px 15px;
	margin-right: 10px;
}

table.edit_controls, div.edit_controls, div.standard_data {
	background: #CCC;
/*	background: #DCE3E5;
	background: #DDD;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;*/
	padding: 2px 5px 5px 5px;
}

table.edit_controls button, table.edit_controls input.submit {
	float: left;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: #108AB8;
	border: 1px solid #FFF;
	border: none;
	padding: 5px 5px 3px 27px;
	margin: 0 15px 0 0;
	cursor: pointer;
	overflow: visible;
}

div.edit_controls input {
	margin: 0 15px 0 0;
}

table.editor_prp {
	background: #E5E5E5;
	padding: 15px 0;
}

table.editor_prp td {
	padding: 2px 0 2px 10px;
}

table.page_prp {
	background: #F0F0F0;
background: #E0E0E0;
	border-collapse: collapse;
}

table.page_prp .textbox {
	width: 95%;
}

table.page_prp th {
	color: #FFF;
	background: #6AA7BE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px;
}

table.page_prp td {
	padding: 5px 10px;
}

table.page_prp td td {
	padding: 0;
}

/*
div#tab1 table.page_prp td {
	padding: 0;
}

div#tab1 table.page_prp td.SPAW_default_toolbar_top {
	padding: 0 10px;
}

div#tab2 table.page_prp td {
	padding: 5px;
}
*/
table.page_prp td td {
	border: none;
}

td.lang {
	font-weight: bold;
	color: #FFF;
	background: #C5C5C5;
	border-left: 1px solid #FFF;
}
/*
td.odd {
	background: #E0E0E0;
}
*/
textarea.spawbox {
	width: 100%;
}

div.editor {
	float: left;
}


/* SIDE NAV & HIGHLIGHTS
================================================================================*/

td#controls, td#content_side {
	width: 185px;
	border-right: 1px solid #CCC;
	padding-bottom: 112px;
}

td#content_side {
	background: #F7F7F7;
	border-left: 1px solid #CCC;
}

td#content_side a, td#content_side a:visited, td#content_side a:focus, td#content_side a:hover, td#content_side a:active {
	color: #E46800;
}

td#content_side a:hover {
	color: #108AB8;
}

td#controls div {
	width: 165px;
	font-size: 0.95em;
	background: #F7F7F7;
	padding: 45px 10px;
}

td#controls p {
	font-weight: bold;
	text-transform: uppercase;
	background: #F7F7F7;
	padding: 10px;
}

td#controls img {
	display: block;
	margin: 0 auto;
}

div#highlights {
	width: 165px;
	font-size: 0.95em;
	padding: 0 10px;
}

div#highlights img {
	display: block;
	margin: 25px auto -25px auto;
}

div#highlights h3 {
	font-size: 1.3em;
	color: #E9822B;
	border-bottom: 1px solid #DDD;
	margin: 0 -10px 10px -10px;
	padding: 40px 10px 5px 10px;
}

/* SEARCH & LOGIN STYLES
================================================================================*/

td#controls ol li {
	padding: 0;
	clear: both;
}

td#controls form, td#controls fieldset {
	float: left;
}

/* SEARCH STYLES
----------------------------------------*/

td#controls div#search {
	padding: 22px 10px 10px 10px;
}

div#search label {
	display: block;
	font-weight: bold;
	background: url('../images1/deco_search_label.gif') no-repeat 50px 50%;
	margin-bottom: 5px;
}

div#search input.textbox {
	width: 140px;
	float: left;
	background: #FFF url('../images1/deco_search_box.gif') no-repeat 3px 50%;
	padding: 2px 0 2px 19px;
}

div#search input.submit {
	font-size: 1em;
	border: none;
	margin-top: 5px;
}


/* MAIN NAVIGATION STYLES
================================================================================*/

td#nav ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

td#nav ul li {
	float: left;
	font-size: 1em;
	line-height: 25px;
	padding: 0 20px;
	position: relative;
}

td#nav a, td#nav a:visited, td#nav a:focus, td#nav a:hover, td#nav a:active {
	color: #FFF;
}

td#nav a:hover {
	text-decoration: underline;
}


/* TOP NAVIGATION STYLES
================================================================================*/

td#header ul {
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 3px;
	clear: both;
}

td#header ul li {
	float: left;
	line-height: 25px;
	padding: 0 0 0 20px;
}

td#header a, td#header a:visited, td#header a:focus, td#header a:hover, td#header a:active {
	color: #108AB8;
}

td#header a:hover {
	text-decoration: underline;
}


/* QUICK LINKS STYLES
================================================================================*/

ul#quicklinks, ul#quicklinks li {
	width: 185px;
	list-style: none;
	background: #F7F7F7;
	padding: 0;
	margin: 0;
}

ul#quicklinks {
	border-bottom: 1px solid #DDD;
	margin-bottom: 50px;
}

ul#quicklinks a, ul#quicklinks a:visited, ul#quicklinks a:focus, ul#quicklinks a:hover, ul#quicklinks a:active {
	display: block;
	width: 165px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #E9822B;
	border-top: 1px solid #DDD;
	padding: 6px 10px;
}

ul#quicklinks a:hover {
	color: #108AB8;
	background: #F0F0F0;
}

ul#quicklinks a.on, ul#quicklinks a.on:visited, ul#quicklinks a.on:focus, ul#quicklinks a.on:hover, ul#quicklinks a.on:active {
	color: #108AB8;
	background: #F0F0F0;
}

ul#quicklinks ul {
	padding: 0;
	margin: 0;
}

/* QUICK LINKS SUB TIER STYLES
--------------------------------------------------------------------------------*/

ul#quicklinks li.tier2, ul#quicklinks li.tier3, ul#quicklinks li.tier4 {
	border: none;
}

ul#quicklinks li.first { /* set border for first subtier list item */
	border-top: 1px solid #DDD;
}

ul#quicklinks li.tier2 a, ul#quicklinks li.tier2 a:visited, ul#quicklinks li.tier2 a:focus, ul#quicklinks li.tier2 a:hover, ul#quicklinks li.tier2 a:active, 
ul#quicklinks li.tier3 a, ul#quicklinks li.tier3 a:visited, ul#quicklinks li.tier3 a:focus, ul#quicklinks li.tier3 a:hover, ul#quicklinks li.tier3 a:active,
ul#quicklinks li.tier4 a, ul#quicklinks li.tier4 a:visited, ul#quicklinks li.tier4 a:focus, ul#quicklinks li.tier4 a:hover, ul#quicklinks li.tier4 a:active {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: none;
	border: none;
}

ul#quicklinks li.tier3 a, ul#quicklinks li.tier3 a:visited, ul#quicklinks li.tier3 a:focus, ul#quicklinks li.tier3 a:hover, ul#quicklinks li.tier3 a:active {
padding: 0px 12px 2px 22px;
margin: 0;
text-align: left;
font-size: 0.85em;
color: #000;
}

/* ERROr STYLES
--------------------------------------------------------------------------------*/
p.error {
padding: 2px 12px 2px 12px;
margin: 0;
text-align: left;
border: 2px dashed red;
background-color: pink;
}


/* TAB STYLES
--------------------------------------------------------------------------------*/
ul.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 50;
}

ul.tabs li {
	float: left;
/*	padding: 4px 8px;
	margin: 0 1px 0 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #8D8E8E;*/
	padding: 0;
	margin: 0;
	z-index: 50;
}

ul.tabs a, ul.tabs a:visited, ul.tabs a:focus, ul.tabs a:hover, ul.tabs a:active {
/*	color: white;
	background-color: #8D8E8E;*/
	display: block;
	float: left;
	text-decoration: none;
	color: #108AB8;
	background: #DDD;
	border: 1px solid #000;
	border: 1px solid #CCC;
	padding: 7px 15px;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

ul.tabs a:hover, ul.tabs li.on a, ul.tabs li.on a:visited, ul.tabs li.on a:focus, ul.tabs li.on a:hover, ul.tabs li.on a:active {
	background: #F0F0F0;
}

ul.tabs li.on {
	background-color: #fff;
}

ul.tabs li.on a, ul.tabs li.on a:visited, ul.tabs li.on a:hover {
	color: #108AB8;
	background-color: #fff;
	border-bottom: none;
	padding-bottom: 8px;
/*	position: relative;
	top: 1px;*/
}
/*
div.tabpane {
  border: 1px solid black;
  margin-top: -1px;
  z-index: 10;
  padding: 8px;
}
*/

div.tabpane {
	background: #F0F0F0;
	border: 1px solid #CCC;
	border-top: none;
	padding: 10px;
	clear: both;
}
.form_input {
display: none;
}
/* MAIN NAVIGATION HOVER STYLES
--------------------------------------------------------------------------------*/
td#nav ul, td#nav ul li {
	z-index: 100;
}
td#nav ul li ul, td#nav ul li:hover ul, td#nav ul li.hover ul {
        display: none;
        width: 20px;
        font-size: 0.95em;
        background: #555555;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0; 
        /*z-index: 100;*/
}

td#nav ul li:hover ul, td#nav ul li.hover ul {
        display: block; 
}

td#nav ul ul li {
        background: none;
        margin: 0;
}

td#nav ul ul a, td#nav ul ul a:visited, td#nav ul ul a:focus, td#nav ul ul a:hover, td#nav ul ul a:active {
        display: block;
        width: 100px;
        color: #FFF;
        background: #555555;
        border-top: 0px solid #555555;
        padding: 0px 0px;
        margin: 0;
}

td#nav ul ul a:hover {
        background: #555555;
}
.breadcrumbs {
	margin: 0;
	position: relative;
	z-index: 500;
	padding: 6px 0 12px 0;
	font-size: 0.9em;
}
ul#breadcrumbs li a,ul#breadcrumbs li a:visited, ul#breadcrumbs li a:hover, ul#breadcrumbs li a:active {
	font-size: 0.9em;
}
ul#breadcrumbs {
	list-style-type: none;
	margin: 0;
}
ul#breadcrumbs li {
	float: left;
	list-style-type: none;
	position: relative;
}

ul#breadcrumbs ul {
	margin: 0;
	padding: 5px 0;
	position: absolute;
	display: none;
/*	float: left;*/
	width : 250px;
	background: #EEE;
	border: 1px solid #CCC;
	top: 100%;
	left: 0;
}
ul#breadcrumbs ul li {
	float: none;
}

ul#breadcrumbs ul a, ul#breadcrumbs ul a:visited, ul#breadcrumbs ul a:focus, ul#breadcrumbs ul a:hover, ul#breadcrumbs ul a:active {
	display: block;
	width: 230px;
	text-decoration: none;
	padding: 2px 10px;
}

ul#breadcrumbs ul a:hover {
	color: #E9822B;
}

ul#breadcrumbs ul li hr {
	margin: 0 0;
	color: #E9822B;
	border: 1px double;
	width: 90%;
	text-align: center;
}