@import url( '../global.css' );

/* SCREEN CSS */

body {
    color: #888;
    font-family: Arial;
    font-size: 12px;
    line-height:140%;
    padding: 20px 10px;
    letter-spacing: 0.01em;
    text-align: center;
}

a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
    color:#222;
    font-size:16px;
    padding: 5px 0;
}

h2 {
    color:#444;
    display: inline;
    font-size:14px;
}

h3 {
    color:#666;
    display: inline;
    font-size:13px;
}

pre {
    color:#646464;
    font-family:courier;
    line-height:110%;
    text-align: left;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/* MAIN CONTENT */

#page {
    margin: 0 auto;
    text-align: left;
    width: 750px;
}


/* Header */

#header {
    height: 50px;
    position: relative;
}

#header #logo {
    width: 360px;
}

#header #siteSearchBlock {
    padding: 10px;
    position: absolute;
    bottom: 8px;
    right: 0;
}

#header #paoAddress, #header .regNo {
    display: none;
}

/* Overides for form.css */
#header #siteSearchBlock form label {
    font-weight: normal !important;
    display: inline !important;
    width: auto !important;
    float: none !important;
}

#header #siteSearchBlock input {
    margin-left: 2px;
}


/* Navigation */

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height:120% !important;
}

#navigation li {
    float: left;
}

#navigation li a {
    background:#F3F3F3 url(/gfx/navigation_normalBkg.gif) repeat-x bottom;
    border: 1px solid #eee;
    display: block;
    padding: 7px 10px;
    position: relative;
    text-align: center;
}

/* Hover & Holding colour on the navigation */
#navigation li a:hover, #homeBody li.home a, #intranetDirectoryBody li.intranetDirectory a, #contactsSearchBody li.contactsSearch a {
    background:#FFD75B url(/gfx/navigation_selectedBkg.gif) repeat-x bottom;
    border: none;
    border-top: 1px solid #eee;
    padding: 7px 11px;
    top: 1px;
}

#subNav {
    background-color: #FFBF0F;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

*html #subNav {
    height: 0;
}


/* Content */

#content {
    margin: 10px 1px 20px;
    min-height: 300px;
}

/* IE.6 minimum height hack */
*html #content {
    height: 300px;
}


/* Footer */

#footer {
    border-top: 2px solid #FFBF0F;
    color: #aaa;
    font-size: 11px;
    padding: 5px 0;
}

#footer #copyright {
    float: left;
    width: 600px;
}

#footer img {
    float: right;
    margin-top: 2px;
}


/* GENERIC/USEFUL STYLES */

.red {
    color: #c22;
}

.orange {
    color: #ECB51D;
}

.blue {
    color: #2A5E8B;
}