/* Copyright Digital:Idiom c2002 - 2009 - Contact thewebteam @ digitalidiom.co.uk */
/* www.digitalidiom.co.uk for professional web design to world standards */
/* NO copy or use of original material by digital:idiom without permission */


/* ############## OXFORD LEADERS / LEADERSHIP ####################################  */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, img, iframe, ul, ol, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
background-color: #002142;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

h1 {
font:bold 22px Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
color: #036;
}

h2 {
font:bold 16px/22px Verdana, Arial, Helvetica, sans-serif;
color: #036;
margin:8px 0px 6px 0px;
}

h3 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin:10px 0px 4px 0px;
}

hr {
height:1px;
color:#FFF;
margin:15px 0px 15px 0px;
border-top:1px dashed #CCC;
}

p {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin:6px 0px 20px 0px;
line-height:1.4em;
}

small {
color:#999;
}

.printOnly {display:none;}

.note {
color:#777;
font-size:10px;
}

.boxed1 {
border-bottom:1px solid #CCC;
margin:10px 0px;
padding:10px;
background-color:#FFF;
}

.boxed2 {
border-bottom:1px solid #CCC;
margin:10px 0px;
padding:10px;
background-color:#FFF;
}

#content ul, #content ol {
margin:10px 0px 10px 20px;
padding:0px 0px 0px 10px;
}

#content ul li, #content ol li {
padding:4px 0px;
}


.imgRight, .alignright {
float:right;
margin-left:12px;
}

.imgLeft, .alignleft {
float:left;
margin-right:12px;
}

/* LINK STYLE ************************************* */
#content a:link, #content a:visited {
color:#B30; text-decoration:none;
}

#content a:hover {
color:#FF6500; text-decoration:underline;
}

#footer a:link, #footer a:visited {
color:#B30; text-decoration:none;
}

#footer a:hover {
color:#FF6500; text-decoration:underline;
}





/* BLOCK CONTAINERS ******************************* */
#page {
width: 960px;
margin: 0px auto 0px auto;
background-color: #FFF;
}

#masthead {
height:160px;
color:#FFF;
background: transparent url("images/bg-masthead.jpg") -34px 0px no-repeat;
font:normal 24px Georgia, "Times New Roman", Geneva, serif;
}

#logo {

}

#content {
float:right;
width:670px;
margin:40px 20px 0px 0px;
background-color: #FFF;
}

#sidebar {
float:left;
width: 250px;
margin:1px 0px 10px 0px;
background: #EDEDED url("images/bg-sidebar.gif") 0px 0px repeat-y;
line-height:100%;
color:#333;
}

.top-home {
margin:20px 0px;
}

#footer {
margin:20px 0px 0px 0px;
color:#666;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
text-align:center;
padding:5px 0px 12px 0px;
border-top:1px solid #999;
clear:both;
}


/* ###### Incidentals / Cosmetics ###### */



/* TAB MENUS ******************************************** */
#tabcontainer {
width:100%;
height:60px;
background:transparent url('') left bottom repeat-x;
}

#tablist {
padding:0px;
float:right;
}

#tablist li
{
padding:0px;
margin-right:10px;
width:100px; height:60px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
float:right;
background-color:#9CF;
text-align:right;
list-style:none;
}

#tablist #nav01 {
background-color:#036;
}

#tablist #nav99 {
background-color:#C00;
}

#tablist li a, #tablist li a:link, #tablist li a:visited
{
display:block;
color: #FFF;
text-decoration: none;
font-weight:bold;
background-color:transparent;
margin-top:44px;
padding-right:2px;
}

#tablist li a:hover
{
color: #666;
text-decoration: none;
}


/* SIDEBAR MAIN MENU ******************************************** */
#navcontainer {
margin-top:40px;
width:210px;
margin-left:20px;
}

.navlist {

}

.navlist li
{
font: 13px Verdana, Arial, Helvetica, sans-serif;
background-color:transparent;
color:#036;
list-style:none;
margin-bottom:8px;
}

.navlist li a, #navlist li a:link, #navlist li a:visited
{
color: #036;
text-decoration: none;
font-weight:bold;
padding-left:14px;
background:transparent url('images/bullet-arrow-grey.gif') 0px 3px no-repeat;
}

.navlist li a:hover
{
color: #C00;
text-decoration: none;
}

/* FORMS ########################## */
#frmEnquiry {border:1px solid #CCC;
padding:5px;}

#frmEnquiry th {
text-align:left;
font:normal 13px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

label {
font-size:11px;
font-weight:bold;
}

select, input, textarea
{
border:1px solid #036;
}

input.submit {
color:#FFF;
background-color:#C00;
font-weight:bold;
width:auto;
margin:4px;
border:3px solid #333;
}