/* 
Document   : stylesheet
Created on : 10-Feb-2009, 11:43:00
Author     : cotsweb
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {
    font-family: Arial,Helvetica,sans-serif;
    color: #002147;       /* Oxford blue from http://www.ox.ac.uk/staff/branding_toolkit/the_brand_colours/index.html */
    padding: 1em;
    margin: 0px;
    background-image: url(  images/background_gradient.gif);
    background-repeat: repeat-x;
    font-size: large;
}
div.container {
    background-image: url(images/dreaming_spires_of_oxford.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    min-height: 700px;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-color: #FF3333;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #F8F8FF ;
}
div.title {
    padding-top: 1.5em;
    margin-top: -1em;
    margin-left: 200px;
    text-align: center;
    width: 700px;
    font-size: 1.5em;
    line-height: 0.3;
}
h1.oxforce {
    font-size: 2.5em;
    margin-top: 5px;
    margin-bottom: 0px;
}
img.logo {
  /*  position: relative;
    top: 1px;
    left: 1px; */
    margin-top: 15px;
    margin-bottom: -15px;
    padding: 0px;
}
div.navbar {
    width: 200px;
    padding-bottom: 1em;
    position: relative;
    top: 1px;
    left: 1px;
}
#navbar a:hover {
    color: #FF3333;
}
ul.navbar {
    list-style: none;
    padding: 0px;
    margin-left: 0px;
    width: 100%;
}
h3 {
 border-bottom: 1px solid #002147;
}
a.home,
a.property_maintenance,
a.building_refurbishment,
a.roofing_guttering,
a.asbestos_management,
a.eco_systems,
a.surveying_services,
a.associates,
a.contact_oxforce {
    display: block;
    border: thin outset;
    width: 100%;
    background-color: #C5D2E0;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 1px;
    text-align: left;
    text-decoration: none;
/*    background-image: url(images/red_ox_small.gif);
    background-position: 4px center;
    background-repeat: no-repeat; */
}
div.content {
    width: 700px;
    position: relative;
    top: -465px;
    left: 240px;
    margin: 5px;
    margin-bottom: -300px;
}
.tel {
    font-size: X-large;
}
body#home li.home a,
body#property_maintenance li.property_maintenance a,
body#building_refurbishment li.building_refurbishment a,
body#roofing_guttering li.roofing_guttering a,
body#asbestos_management li.asbestos_management a,
body#eco_systems li.eco_systems a,
body#surveying_services li.surveying_services a,
body#associates li.associates a,
body#contact_oxforce li.contact_oxforce a{
    color: #F8F8FF;
    background-color: #002147;
}
form p label {
   float: left;
   width: 30%;
}
.error {
	color:#FF0000;
	margin-left: 30%;
   }