/* === HCI COLOURS =========== */

/* === BLUE: #003366 ========= */

/* === MUSTARD: #CC9900 ====== */

/* === LIGHT GREY: #DBDCDE === */

/* === MID GREY: #424A52 ===== */

/* === DARK GREY: #374555 ==== */

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



/* === BODY STYLES === */

body {

background: #DBDCDE;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

margin-top: 0px;

margin-bottom: 10px;

text-align: center;

}

body.portal_simple{

background: #FFFFFF;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

margin-top: 0px;

margin-bottom: 10px;

}

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

/* === CONTAINER === */

#container {

margin: 0px;

padding: 0px 0px 0px 0px;

border: 0px;

background: #ffffff;

}

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

/* === ADMIN BAR === */

#admin_bar {

padding-top: 4px;

padding-bottom: 1px;

background-image: none;

background-color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 12px;

text-align: center;

}

#admin_bar .text_button {

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

background-color: #FFFFFF;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

border: #CEB13D 1px solid;

}

#admin_bar a.text_button {

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

background-color: #FFFFFF;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

border: #CEB13D 1px solid;

}

#admin_bar a.text_button:hover {

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

background-color: #FFFFFF;

color: #CEB13D;

font-family: arial, verdana, sans-serif;

font-size: 10px;

border: #CEB13D 1px solid;

}

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

/* === BLUEBAR === */

td.bluebar{

background-image: url(/skins/hci_york/images/bg_bluebar.gif);

background-repeat: no-repeat;

background-position: top center;

background-color: #003366;

font-weight: bold;

font-size: 11px;

font-family: arial, verdana, sans-serif;

color: #DBDCDE;

}

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

/* === LINKS PANEL === */

.links_panel {

background: transparent;

font-weight: bold;

font-size: 11px;

font-family: arial, verdana, sans-serif;

color: #DBDCDE;

text-decoration: none;

padding-top: 0px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 30px;

}

.links_panel a {

color: #DBDCDE;

text-decoration: none;

font-size: 11px;

font-weight: bold;

font-family: arial, verdana, sans-serif;

}

.links_panel a:hover {

color: #FFFFFF;

text-decoration: none;

font-size: 11px;

font-weight: bold;

font-family: arial, verdana, sans-serif;

}

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

/* === WELCOME MESSAGE === */

span.tagWelcomeClass{

color: #DBDCDE;

text-decoration: none;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

}

span.welcomesub {

color: #DBDCDE;

text-decoration: none;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

}

a.welcomesub {

color: #DBDCDE;

text-decoration: none;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

}

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

/* === PAPER TRAIL === */

.tagCatPathClass {

color: #DBDCDE;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

}

.tagCatPathClass a {

color: #DBDCDE;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

text-decoration: none;

}

.tagCatPathClass a:hover {

color: #DBDCDE;

font-size: 11px;

font-weight: normal;

font-family: arial, verdana, sans-serif;

text-decoration: underline;

}

td.paper_trail {

padding-right: 20px;

padding-left: 40px;

padding-top: 0px;

padding-bottom: 0px;

}

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

/* === SIDE NAVIGATION === */

td.side {

background: #CC9900;

width: 165px;

background-image: url('/skins/hci_york/images/bg_side.gif');

background-repeat: no-repeat;

background-position: bottom left;

}

#navcont {

background: #CC9900;

width: 165px;

}

#navcont div.navmenu {

background-color: transparent;

background: transparent;

font-size: 12px;

margin-left: 15px;

margin-right: 20px;

padding-top: 5px;

padding-left: 0px;

padding-right: 0px;

padding-bottom: 5px;

background: #CC9900;

line-height: 100%;

}

div.navmenu a {

text-decoration: none;

color: #FFFFFF;

display: inline;

background-color: transparent;

background: transparent;

font-size: 12px;

font-weight: bold;

font-family: Trebuchet MS, arial, verdana, sans-serif;

background-image: url('/skins/hci_york/images/blank_arrow.gif');

padding-left: 20px;

}

div.navmenu a:hover {

text-decoration: none;

color: #003366;

background-color: transparent;

background: transparent;

font-size: 12px;

font-weight: bold;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

background-image: url('/skins/hci_york/images/arrow.gif');

background-repeat: no-repeat;

background-position: top left;

padding-left: 20px;

}

div.no_navmenu a {

background-color: transparent;

background: transparent;

background-image: none;

padding-left: 0px;

}

div.no_navmenu a:hover {

background-color: transparent;

background: transparent;

background-image: none;

padding-left: 0px;

}

div.block a {

display: block;

}

div.block a:hover {

display: block;

}

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

/* === SEARCH FACILITY === */

td.search_cell{

padding-top: 20px;

padding-left: 35px;

padding-right: 0px;

padding-bottom: 0px;

}

DIV.search_form{

padding-bottom: 0px;

padding-top: 0px;

padding-left: 0px;

padding-right: 0px;

}

.search_input{

border: #003366 1px solid;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 0px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

margin-bottom: 2px;

height: 20px;

width: 90px;

}

input.search_button{

background-color: white;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 0px;

padding-top: 2px;

padding-left: 1px;

padding-right: 1px;

margin-bottom: 2px;

height: 20px;

border: #003366 1px solid;

text-align: center;

}

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

/* === SEARCH DIV === */

#search_body{

position: absolute;

visibility: hidden;

z-index: 100;

background-color: #FFFFFF;

border-bottom: solid #003366 3px;

border-top: solid #003366 3px;

border-right: solid #003366 3px;

border-left: solid #003366 3px;

width: 600px;

margin: 0 auto;

text-align: center;

top: 275px;

}

td.form_filter_1{

color: #000000;

font-size: 12px;

font-family:  Trebuchet MS, arial, verdana, sans-serif;

padding-left: 0px;

padding-right: 2px;

padding-top: 2px;

width: 20px;

padding-bottom: 2px;

vertical-align: top;

}

td.form_filter_2{

color: #000000;

font-size: 12px;

font-family:  Trebuchet MS, arial, verdana, sans-serif;

padding-left: 0px;

padding-right: 8px;

padding-top: 2px;

width: 120px;

vertical-align: top;

text-align: left;

padding-bottom: 2px;

}

input.dbview_search_button{

border: 1px solid #003366;

background-color: #FFFFFF;

color: #000000;

font-size: 10px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: normal;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

display: inline;

}

th.dbview_search_head{

background: #003366;

color: #FFFFFF;

font-weight: bold;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

padding-left: 5px;

padding-right: 5px;

padding-top: 2px;

padding-bottom: 2px;

}

hr.div_seperator{

width: 100%;

height: 1px;

color: #003366;

background-color: #003366;

border: 0px;

}

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

/* === PRINTER FRIENDLY === */

td.printer{

padding-bottom: 5px;

padding-top: 5px;

padding-left: 0px;

padding-right: 30px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

font-weight: bold;

}

a.printer{

color: #374555;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

font-weight: bold;

text-decoration: none;

}

a.printer:hover{

color: #003366;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

font-weight: bold;

text-decoration: underline;

}

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

/* === FOOTER STYLES === */

div.footer {

border: none;

padding-top: 0px;

padding-left: 0px;

padding-right: 0px;

padding-bottom: 20px;

color: #003366;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

}

td.footer_cell{

padding-right: 30px;

padding-left: 40px;

}

div.footer a{

color: #003366;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

text-decoration: none;

}

div.footer a:hover{

color: #CC9900;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 11px;

text-decoration: underline;

}

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

/* === LAYOUT === */

table.layout{

width: 100%;

}

#layout_3 #layout_area_1 {

width: auto;

padding-right: 20px;

}

#layout_3 #layout_area_2 {

width: 210px;

padding-top: 0px;

padding-bottom: 0px;

padding-left: 20px;

padding-right: 0px;

border-left: 1px dashed #003366;

}

#layout_3 td.layout_area_1 {

width: auto;

padding-right: 20px;

}

#layout_3 td.layout_area_2 {

width: 210px;

padding-top: 0px;

padding-bottom: 0px;

padding-left: 20px;

padding-right: 0px;

border-left: 1px dashed #003366;

}

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

/* === VERTICAL SEPARATOR === */

.vertical_separator {

background: none;

}

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

/* === SITE MAP === */

a.sitemap {

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 12px;	

line-height: 125%;

font-weight: normal;

color: #003366;

}

a.sitemap:hover {

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 12px;	

line-height: 125%;

font-weight: normal;

color: #CC9900;

}

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

/* === CONTENT SECTION STYLES === */

#maincont {

margin: 0px 0px 0px 0px;

line-height: 140%;

border: 0px;

padding-top: 10px;

padding-bottom: 20px;

padding-left: 40px;

padding-right: 20px;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #374555;

}

#maincont p {

margin-left: 0px;

margin-right: 0px;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #374555;

}

li{

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #374555;

}

td{

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-size: 12px;

color: #374555;

}

#maincont a {

color: #003366;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

}

#maincont a:hover {

color: #CC9900;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

}

#maincont h1 {	

font-size: 22px;	

margin: 0px;	

padding-top: 5px;

padding-bottom: 5px;	

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #003366;

}

#maincont h2 {	

font-size: 20px;	

margin: 0px;	

padding-top: 5px;

padding-bottom: 5px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #003366;

}

#maincont h3 {	

font-size: 18px;	

margin: 0px;	

padding-top: 5px;

padding-bottom: 5px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #003366;

}

#maincont h4 {	

font-size: 16px;	

margin: 0px;	

padding-top: 5px;

padding-bottom: 5px;	

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #003366;

}

#maincont h5 {	

font-size: 14px;	

margin: 0px;	

padding-top: 5px;

padding-bottom: 5px;	

font-family: Trebuchet MS, arial, verdana, sans-serif;

color: #003366;

}

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











/* === SITE TEXT BUTTONS === */

.text_button {

background-color: white;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

margin-bottom: 2px;

border: #CC9900 1px solid;

display: inline;

}

.text_button_form {

background-color: white;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

margin-bottom: 2px;

border: #CC9900 1px solid;

display: inline;

}

.text_button_disabled{

background-color: white;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

margin-bottom: 2px;

border: #CC9900 1px solid;

display: inline;

}

div.text_button, div.text_button_disabled, span.text_button, span.text_button_disabled, a.text_button, a.text_button_disabled {

background-color: white;

color: #003366;

font-family: arial, verdana, sans-serif;

font-size: 10px;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

margin-bottom: 2px;

text-decoration: none;

text-align: center;

border: #CC9900 1px solid;

display: inline;

}

#maincont a.text_button, #maincont a.text_button:visited {

border: 1px solid #CC9900;

color: #003366;

font-size: 10px;

font-family: arial, verdana, sans-serif;

font-weight: normal;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

display: inline;

}

#maincont a.text_button:hover {

border: 1px solid #CC9900;

color: #003366;

font-size: 10px;

font-family: arial, verdana, sans-serif;

font-weight: normal;

padding-bottom: 2px;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

display: inline;

}

A.text_button:hover {

color: #CC9900;

display: inline;

}

A.text_button:visited {

text-decoration: none;

color: #003366;

display: inline;

}

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



/* === NEWS HOME VIEW === */

span.news_home_view{

color: #003366;

font-size: 12px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.news_home_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.news_home_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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

/* === NEWS VIEW === */

span.news_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.news_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.news_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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

/* === CASE VIEW === */

span.case_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.case_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.case_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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



/* === CASE CMS VIEW === */

span.case_cms_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.case_cms_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.case_cms_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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

/* === CASE BI VIEW === */

span.case_bi_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.case_bi_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.case_bi_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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

/* === CASE BS VIEW === */

span.case_bs_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.case_bs_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.case_bs_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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



/* === CASE WEBSITE VIEW === */

span.case_website_view{

color: #003366;

font-size: 13px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

font-weight: bold;

text-decoration: underline;

}

span.case_website_read{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: underline;

}

span.case_website_arrow{

color: #003366;

font-size: 11px;

font-family: Trebuchet MS, arial, verdana, sans-serif;

text-decoration: none;

}

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