/* ****************************************************************************************************
 * General
 * **************************************************************************************************** */

/*
	COLOURS:
	
	blue:                #0099cc;
	light blue:          #6ac3e1;
	very dark blue:      #122631;
	
	dark grey:           #333333; (bodycopy)
	mid grey:            #9c9c9c; (form borders)
	light grey:          #cfd3d6; (thin rules)
	
	
	trustee green:			#d5e04d;
	trustee dark green:  #647400;
*/

body { background-color: #eaeaea; }
#wrap { position: relative; float: left; margin-left: -470px; left: 50%; border-top: 4px solid #0099cc; padding: 0 30px 30px 30px; width: 940px; background-color: #fff; }
.rule {  position: relative; float: left; width: 100%; height: 10px; margin-bottom: 10px; background-image: url('images/arrows.gif'); background-position: 0px -265px; background-repeat: repeat-x; }

.left { float: left; } .right { float: right; }

/* ****************************************************************************************************
 * Header
 * **************************************************************************************************** */

#header { position: relative; float: left; width: 940px; padding: 7px 0 0 0; }
.header-small { height: 164px; }
.header-large { height: 344px; }
#header #extras { position: absolute; top: 170px; left: 0; width: 360px; }
#header #extras li a { display: block; color: #fff; text-decoration: none; font-size: 13px; width: 210px; height: 23px; padding: 7px 0 0 25px; font-weight: bold; margin-bottom: 3px; background-color: #0099cc; background-image: url('images/arrows.gif'); background-position: -3px -157px; background-repeat: no-repeat; }
#header h1 { position: absolute; top: 120px; left: 0; }
#header-content { z-index: 100; position: absolute; top: 0; width: 940px; }
#header-image { z-index: 50; position: absolute; bottom: 0; }
#search-form { position: absolute; top: 2px; right: 140px; }
#contact { position: absolute; top: 6px; right: 0px; }

#hllink1 { display: block; position: absolute; right: 180px; top: 100px; width: 180px; height: 70px; z-index: 499; }
#hllink1 img { width: 180px; height: 70px; }
#hllink2 { display: block; position: absolute; right: 35px; top: 100px; width: 120px; height: 70px; z-index: 499; }
#hllink2 img { width: 120px; height: 70px; }

#llink1 { display: block; position: absolute; right: 165px; top: 85px; width: 180px; height: 70px; z-index: 499; }
#llink1 img { width: 180px; height: 70px; }
#llink2 { display: block; position: absolute; right: 20px; top: 85px; width: 120px; height: 70px; z-index: 499; }
#llink2 img { width: 120px; height: 70px; }

/* ****************************************************************************************************
 * Navigation
 * **************************************************************************************************** */

#header .menu { position: absolute; overflow: hidden; top: 30px; left: 192px; width: 748px; height: 35px; border-bottom: 1px solid #cfd3d6; }
#header .menu li { position: relative; margin-left: -1px; float: left; display: block; background-image: url('images/selected-bg.png'); background-repeat: no-repeat; background-position: -219px 0; }
#header .menu .selected { position: relative; font-weight: bold; background-image: url('images/selected-bg.png'); background-position: right; padding: 0 15px 0 0; background-repeat: no-repeat; }
#header .menu .selected a { padding: 14px 10px 0 25px; background-image: url('images/selected-bg.png'); background-position: 0; background-repeat: no-repeat; }

#header .menu a { float: left; /* <-- IE6 fix */ display: block; height: 21px; padding: 14px 10px 0 10px; }
#header .menu a, #header .menu a:active, #header .menu a:link, #header .menu a:visited { color: #122631; text-decoration: none; }
#header .menu a:hover { color: #0099cc; }
#header .menu .selected a:hover { color: #122631; }

#sidebar {z-index:500;}

#sidebar .menu { padding: 10px 0 10px 0; margin-bottom: 10px; border: 1px solid #0099cc; border-left: 0; border-right: 0; }
#sidebar .menu li { _height: 19px; min-height: 19px; padding: 5px 0 0 20px; display: block; background-image: url('images/arrows.gif'); background-position: -7px -32px; background-repeat: no-repeat; }
#sidebar .menu a { color: #333; text-decoration: none; }

#sidebar .menu .registration { background-position: -7px -63px; }
#sidebar .menu .rselected { font-weight: bold; background-position: -7px -93px; }
#sidebar .menu .selected { font-weight: bold; background-position: -7px -2px; }

#sidebar .buttons {zoom:1;}
#sidebar .buttons li { background-color: #0099cc; margin-bottom: 2px; background-image: url('images/arrows.gif'); background-position: -5px -191px; background-repeat: no-repeat; }
#sidebar .buttons a { color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; height: 20px; width: 140px; padding: 7px 0 0 20px; display: block; }


/* ****************************************************************************************************
 * Page
 * **************************************************************************************************** */
 
#page { position: relative; float: left; width: 940px; padding: 10px 0 10px 0; }
#sidebar { position: relative; float: left; width: 160px; }
#content { position: relative; float: right; width: 748px; }

#content ul { list-style: outside; list-style-type: disc; margin: 0 0 10px 18px; }
#content li { margin: 0 0 5px 0; line-height:150%; }

#contact-content { position: relative; float: left; width: 640px; }
#contact-details { padding: 30px 0 0 20px; position: relative; float: right; width: 260px; height: 350px; background-image: url('images/contact-bg.png'); background-repeat: no-repeat; }
#contact-details p { margin: 0; }
#contact-details h2 { }
#contact-details h3 { padding-top: 10px; }
#contact-details #concerns { padding-top: 50px; width: 240px; }
#contact-details .fn { display: none; }
#contact-details .country-name { display: none; }
#contact-details .locality { display: none; }

#all .bluelink { float: left; background-image: url('images/element-top.gif'); background-repeat: no-repeat; background-position: center top; }
#all .bluelink a { display: inline-block; color: #fff; text-decoration: none; font-size: 13px; height: 23px; padding: 5px 10px 0 25px; font-weight: bold; margin: 5px 0 3px 0; background-color: #0099cc;  background-image: url('images/arrows.gif'); background-position: -3px -157px; background-repeat: no-repeat; }
#all .bluelink input { border: 0; outline: none; font-size: 13px; display: inline-block; color: #fff; text-decoration: none; font-size: 13px; padding: 5px 10px 5px 25px; font-weight: bold; margin: 5px 0 3px 0; background-color: #0099cc;  background-image: url('images/arrows.gif'); background-position: -3px -157px; background-repeat: no-repeat; }

#base { position: relative; float: left; width: 940px; height: 160px; background-image: url('images/base-bg.png'); background-repeat: no-repeat; }
#base-left { position: absolute; top: 30px; left: 192px; width: 260px; }
#base-right { position: absolute; top: 30px; left: 500px; width: 260px; }
#base .bluelink { margin-top: 5px; }

#home-page { background-image: url('images/home-tem-bg.gif'); background-position: center; background-repeat: repeat-y; }
#home-page img { margin-bottom: 10px; }

/* ****************************************************************************************************
 * Footer
 * **************************************************************************************************** */

#footer { width: 940px; padding: 0; }
#footer .menu { float:right; top: 20px; text-align: right;  }
#footer li { float: left; display: inline; height: 15px; }
#footer .border { margin-right: 5px; padding-right: 5px; border-right: 1px solid #6ac3e1; } 

/* ****************************************************************************************************
 * Forms
 * **************************************************************************************************** */

#search-form fieldset { height: 20px; width: 160px; border: 1px solid #cfd3d6; }
#search-form #criteria { float: left; margin: 2px 0 0 2px; width: 130px; height: 16px; border: 0; outline: none; color: #9c9c9c; } 
#search-form .submit { float: right; background-color: #fff; border: none; outline: none; width: 22px; height: 20px; background-image: url('images/arrows.gif'); background-position: left -221px; background-repeat: no-repeat; cursor: pointer; }
#search-form .submit:hover { background-position: left -241px; }

#contact-form { padding: 10px 0 0 0; }
#contact-form label { display: block; font-weight: bold; font-size: 12px; margin: 0 0 5px 0; }
#contact-form input[type="text"] { margin: 0 0 10px 0; width: 215px; height: 20px; }
#contact-form textarea { float: right; margin: 0 0 10px 0; width: 385px; height: 130px; }
#contact-form .field { padding: 4px 0 0 3px; border: 1px solid #9c9c9c; outline: none; background-image: url('images/arrows.gif'); background-position: left -280px; background-repeat: repeat-x; }
#contact-form .submit { float: right; clear: both; }
#all #contact-form .bluelink { float: right; clear: both; }

/* ****************************************************************************************************
 * Green Template Overrides
 * **************************************************************************************************** */
/*
	trustee green:			#d5e04d;
	trustee dark green:  #647400;
*/

#green-template #page a, #green-template #page  a:active, #green-template #page  a:link, #green-template #page  a:visited { color: #647400 !important; }


#green-template .rule { background-image: url('images/arrows-green.gif') !important; }
#green-template #header #extras li a { background-color: #d5e04d !important; background-image: url('images/arrows.gif') !important; }
#green-template #header .menu li { background-image: url('images/selected-bg-green.png') !important; }
#green-template #header .menu .selected { background-image: url('images/selected-bg-green.png') !important; }
#green-template #header .menu .selected a { background-image: url('images/selected-bg-green.png') !important; }
#green-template #wrap { border-top: 4px solid #d5e04d !important; }
#green-template #header .menu a:hover { color: #647400 !important; }
#green-template #sidebar .menu { border: 1px solid #d5e04d !important; border-left: 0 !important; border-right: 0 !important; }
#green-template #sidebar .menu li { background-image: url('images/arrows-green.gif') !important; }
#green-template #base { background-image: url('images/base-bg-green.png') !important; }

#green-template #sidebar .buttons li { background-color: #d5e04d; background-image: url('images/arrows-green.gif') !important; }
#green-template #sidebar .buttons a { color: #fff !important; }
#all #green-template .bluelink { background-image: url('images/element-top-green.gif') !important; }
#all #green-template .bluelink a { background-color: #d5e04d;  background-image: url('images/arrows-green.gif') !important; }
#all #green-template .bluelink input { background-color: #d5e04d;  background-image: url('images/arrows-green.gif') !important; }

#green-template #footer a:hover { color: #d5e04d !important; }
#green-template .image-left { border-top: 1px solid #d5e04d !important; }
#green-template .image-right{ border-top: 1px solid #d5e04d !important; }
#green-template .element h6 { background-color: #d5e04d !important; background-image: url('images/element-top-green.gif') !important; }
#green-template .element img { border-top: 1px solid #d5e04d !important; }
#green-template .element a { background-image: url('images/arrows-green.gif') !important; }
#green-template #page .element h6 a { background-color: #d5e04d !important; color:#fff !important; }
#green-template .arrowlink { background-image: url('images/arrows-green.gif') !important; }
#green-template .roundbox { background-image: url('images/element-top-green.gif') !important; background-color: #d5e04d !important; }
#green-template .roundbox a { background-color: #d5e04d !important; background-image: url('images/arrows-green.gif') !important; }

#green-template #header h1 { margin-left: 192px; } 

#all #green-template #header #green-home-h1 { margin-left: 0 !important; top: 200px !important; left: 590px !important; }
#green-template #extras { top: 250px !important; left: 590px !important; width: 320px !important; }

#green-template #contact-details { background-image: url('images/contact-bg-green.png') !important; }