html { height: 100%; }
body { padding: 0px; margin: 0px; }
html, select, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select, input, textarea { border: 1px solid #666666; }
p { margin: 0px; padding: 0px 0px 16px 0px; line-height: 1.7em; }
h1 { letter-spacing: .1em; }
h2 { margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%; }
img { border: 0px; }
a { outline: none; }

/* block quote */
blockquote { margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid; }
/* unordered list */
ul { margin: 8px 0px 0px 16px; padding: 0px; }
ul li { list-style-type: square; margin: 0px 0px 11px 0px; padding: 0px; }
/* ordered list */
ol { margin: 8px 0px 0px 24px; padding: 0px; }
ol li { margin: 0px 0px 11px 0px; padding: 0px; }
/* main container */
#main { width: 780px; margin-left: auto; margin-right: auto; }
/* links above the logo / footer */
#links, #footer { margin-left: auto; margin-right: auto; padding: 10px 21px 0px 19px; width: 720px; height: 26px; font-size: 94%; }
#links { text-align: right; }
#footer { text-align: center; }
#links a, #footer a { text-decoration: none; }
#links a:hover, #footer a:hover { text-decoration: underline; }
/* logo */
#logo { margin-left: auto; margin-right: auto; width: 760px; height: 100px; text-align: left; }
#logo h1 { text-align: center; margin: 0px; padding: 30px 0px 0px 19px; font-size: 150%; letter-spacing: .2em; }
/* navigation menu */
#menu { height: 42px; width: 760px; margin-left: auto; margin-right: auto; }
#menu ul { margin: 0px auto; }
#menu li { float: left; margin: 0px; padding: 0px; list-style-type: none; }
#menu li a { display: block; float: left; height: 37px; text-decoration: none; padding: 3px 19px 2px 19px; }
/* main content */
#content { margin-left: auto; margin-right: auto; width: 760px; height: auto; padding: 0px; overflow: hidden; }
/* column 1 - contains sidebar items */
#column1 { width: 207px; float: right; padding: 16px 0px 15px 0px; }
.sidebaritem { text-align: left; width: 188px; float: left; margin: 0px 0px 25px 0px; }
.sbihead { height: 14px; width: 188px; padding: 5px 0px 5px 19px; }
.sbihead h1 { padding: 0px; margin: 0px; font-weight: bold; font-size: 112%; }
.sbicontent { padding: 14px 8px 8px 19px; }
.sbicontent p { line-height: 14px; padding: 0px 0px 8px 0px; }
.sbilinks { padding: 0px; }
.sbilinks ul { margin: 0px auto; }
.sbilinks li { margin: 0px; float: left; list-style: none; }
.sbilinks li a, .sbilinks li a:hover { float: left; height: 16px; text-decoration: none; padding: 5px 0px 4px 19px; width: 188px; border: 0px; }
/* column 2 - page content */
#column2 { text-align: justify; width: 512px; float: left; padding: 12px 3px 15px 19px; }
#column2 h1 { padding: 6px 0px 4px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid; font-size: 150%; font-weight: normal; }
.sidebaritem a, .sidebaritem a:hover { padding: 0px 0px 2px 0px; text-decoration: none; border-bottom: 1px; }
.sidebaritem a:hover { border-bottom: 1px solid; }
#column2 a:hover { text-decoration: none; }
/* contact page - form layout */
form { margin-top: 0px; }
div.row { clear: both; width: 448px; }
div.row span.formlabel { float: left; width: 150px; text-align: left; }
div.row span.forminput { float: right; text-align: right; }
div.spacer { clear: both; width: 80px; }

/*Colour*/
html { height: 100%; }
body { background: #6F7A86; color: #5A6370; }
blockquote { background: #FFFFFF; color: #5A6370; border-color: #767676; }
address { font-style: normal; }
#main { background: #FFFFFF url(back.png) repeat-y; color: #5A6370; }
#links, #footer, #menu, #menu li a { background: #FFFFFF url(/c/style/menu.png); color: #D1D3D7; border-color: #D7D7D7; }
#links a, #footer a, #links a:hover, #footer a:hover { background: transparent; color: #D1D3D7; }
#logo { background: #FFFFFF url(logo.jpg) no-repeat; color: #5A6370; }
#logo h1 { background: transparent; color: #FFFFFF; }
h1, #column2 h1 { background: transparent; color: #1775D5; border-color: #89A9C7; }

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover { background: #FFFFFF url(menu_hover.png); color: #484E56; }
#content, .column2 a, .column2 a:hover { color: #5A6370; }
.sidebaritem, .sidebaritem a, .sidebaritem a:hover { background: transparent; color: #D1D3D7; }
.sbihead { background: #FFFFFF url(sbi_header.png); color: #484E56; }
.sbihead h1 { background: transparent; color: #484E56; }
.sbilinks li a { background: #FFFFFF url(link.png); color: #D1D3D7; }
.sbilinks li a:hover { background: #B7B7B7; color: #1775D5; }

.xhtml { float: right; margin: 20px 0 0 0; }
.xhtml img { border: 0; width: 88px; height: 31px; }
.sidebaritem2 a, sidebaritem2 a:hover, .jobs a, .jobs a:hover { text-decoration: none; }
hr { border-top: 1px solid #89A9C7; border-left: 0px solid #89A9C7; border-right: 0px solid #89A9C7; border-bottom: 0px solid #89A9C7; }
#contact-us label { float: left; width: 120px; }
#contact-us textarea { width: 300px; height: 60px; }
#contact-us .w input { width: 300px; }
#contact-us div { margin: 0 0 10px 0; }

/*Auto Complete*/
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/ font: menu; font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('/c/style/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #74ADEF; color: white; }
/*End Auto Complete*/


.jobs lightbox a, .jobs lightbox:hover, #column2 a:hover { text-decoration: none; }
.jobs table .col1 { width: 170px; vertical-align: top; padding: 4px 20px 5px 0; }
.col2 h2 { text-decoration: underline; }
.jobs .col2 a:hover { margin: 3px 0 0 0; text-decoration: none; }
.jobs .col2 { vertical-align: top; padding: 5px 0px 5px 0; }

.jobs .summary, .jobs .date { margin: 0 0 10px 0; }
.jobs .more a, .jobs .category a { font-weight: bold; margin: 0 0 10px 0; text-decoration: underline; color: #1775D5; }
.jobs .more a:hover { text-decoration: none; }
table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
#result td, #result th, .job td, .job th { border: 1px solid #666666; padding: 4px; }
.job .col1 { width: 120px; }
.thumb { margin: 0 5px 0 0; }
.active0 { background-color: #efefef; }
.jobs .more { margin: 0 0 10px 0; }