/* 
Document   : styleSheet
Created on : 12-May-2009, 12:25:24
Author     : Karl Lynch
Description:
Primary Stylesheet for the BAF directory
*/

@media screen {
    #ablogo {
        position:absolute;
        right:1em;
        top:5px;
    }

    #body {
        clear:both;
        height:100%;
        margin-top:12em;
    }

    #border {
        background:#EAEFFF url('../design/homepage_backdrop_old.png') bottom left repeat-x;
        font-family:sans-serif;
        height:100%;
        left:0;
        margin:0;
        padding:0;
        position:absolute;
        top:0;
        width:100%;
    }

    #checkAllServices{
        clear: both;
    }

    #footer {
        bottom:5px;
        font-size:.7em;
        margin-top:2em;
        padding:5px;
        position:absolute;
        right:20px;
    }

    #header {
        height:0;
        margin-top:1em;
    }

    #home {
        position:absolute;
        right:1em;
    }

    #lnkMenu {
        background:url('../design/menuLabel.gif') top left no-repeat;
        float:left;
        height:28px;
        margin-bottom:1px;
        margin-left:1em;
        margin-top:1px;
        text-decoration:none;
        width:150px;
    }

    #lnkMenu:hover {
        background:url('../design/menuLabelHover.gif') top left no-repeat;
    }

    #lnkPrint {
        float:right;
    }

    #menu {
        -moz-box-shadow:5px 5px 5px #666;
        -o-box-shadow:5px 5px 5px #666;
        -webkit-box-shadow:5px 5px 5px #666;
        background:#F6FAFE url('../design/menuBackground.gif') bottom left repeat-x;
        border:2px solid #c8c8ff;
        box-shadow:5px 5px 5px #666;
        left:1em;
        padding:.5em;
        position:absolute;
        top:13.5em;
        width:800px;
        z-index:100;
    }

    #menu ul{
        padding: 0 0 0 2em;
        margin: 0.3em 0em 0.3em 0em;
    }

    #menu h3, h4{
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding-top: 0;
        padding-bottom: 0;
    }

    h3{
        font-size: 1.3em;
    }

    #menu h4{
        padding-left: 1em;

    }

    #menuContents {
        float:left;
    }

    #menuP {
        background:#000 url('../design/menu.gif') center left repeat-x;
        height:30px;
        left:0;
        padding-bottom:2px;
        padding-top:2px;
        position:absolute;
        top:10em;
        width:100%;
        font-size: 1.1em;
    }

    #menuPreview {
        float:right;
        padding:2em;
        position:relative;
        width:350px;
    }

    #menuPreview div {
        position:absolute;
        right:5px;
        top:5px;
    }

    #menuPreview img {
        -moz-border-radius:5px;
        -moz-box-shadow:2px 2px 2px #333;
        -o-border-radius:5px;
        -o-box-shadow:2px 2px 2px #333;
        -webkit-border-radius:5px;
        -webkit-box-shadow:2px 2px 2px #333;
        border:2px solid #7797FF;
        border-radius:5px;
        box-shadow:2px 2px 2px #333;
    }

    #page {
        background:#FFF url('../design/bodyBackground.gif') bottom left repeat-x;
        border:2px solid #7797FF;
        margin:0 auto;
        min-height:850px;
        padding:1em;
        position:relative;
        width:90%;
    }

    #startHere {
        background:#FFF;
        left:2em;
        position:absolute;
        top:13.5em;
        z-index:100;
    }

    #tag {
        font-style:italic;
        left:15px;
        position:absolute;
        top:7em;
    }

    .centre {
        text-align:center;
    }

    .floatRight{
        float: right;
        padding: 0;
        margin: 5px 1em 0 1em;
        color: white;
    }

    .floatRight a{
        color: white;
    }

    .hide {
        display: block !important;
        position:absolute !important;
        top:-10000px !important;
        left: -10000px !important;
    }

    .highlight {
        border:1px solid #FFF;
        margin-bottom:0;
        margin-top:0;
    }

    .invisible {
        display:none;
    }

    .lnkMore {
        font-size:.8em;
        padding-left:2em;
    }

    a img {
        border:none;
    }

    body {
        background:#bec854;
        float:left;
        font-size:1em;
        margin:0;
        padding:0;
        width:100%;
    }

    div {
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }

    div.rule {
        background:#7797FF;
        border:none;
        clear:both;
        height:5px;
        margin-top:10em;
        width:100%;
    }

    div.vcard {
        page-break-after:always;
    }

    dt {
        font-weight:700;
        margin-top:1em;
    }

    fieldset {
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -webkit-border-radius:5px;
        border:2px solid #7797FF;
        border-radius:5px;
        margin-top:2em;
        padding:2em;
    }

    h1 {
        font-size:1.5em;
    }

    h1,h2,h3 {
        margin-bottom:1em;
        padding:5px;
    }

    h2 {
        font-size:1.4em;
    }

    input.go {
        font-size:1.2em;
    }

    label {
        clear:left;
        float:left;
        font-weight:700;
        width:15em;
    }

    legend {
        background:#FFF;
        font-weight:700;
        font-size: 1.4em;
    }

    .map{
        margin: 0.5em;
    }

    .printonly{
        display: none;
    }

    label.radio{
        width: 10em;
    }

    table {
        border-collapse:collapse;
        width:100%;
    }

    td {
        padding:.5em;
        padding-left: 0;
    }

    th{
        text-align: left;
    }

    tr:hover {
        background:#FDFDE3;
    }

    .luton{
        text-align: center;
	width: 20em;
        padding: 1em;
        border: 2px solid #76160C;
        background: #FDF0EF;
	margin: 0 auto;
    }
    .bold{
	font-weight: bold;

    }

}