/* 
DXM Stylesheet 
02 May 2007 
Tom Wittlin. 
Higher Sites Limited. www.highersites.co.uk
*/


/* **********
Global Classes
********** */
Body
{
background: #fff;
font-size: 12px;
width: 100%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
}
a
{
color: #00538C;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
h1
{
float: left;
color: #999999;
font-size: 15px;
margin: 60px 0 0 0px;
padding: 0px;
}
h2
{
color: #777777;
font-size: 14px;
margin: 7px 0 7px 0px;
padding: 0px;
}
h2.title
{
color: #999;
font-size: 16px;
margin: 0px 0 0px 0px;
padding: 0px;
text-transform: uppercase;
}
h3
{
color: #777777;
font-size: 14px;
margin: 0px 0 7px 0px;
border-bottom: 1px solid #888888;
padding: 0px 0px 5px 0px;
}
/*
a:visited
{
color: #993333;
}
*/
a.arrowed
{
background: url(../images/b_link_arrow.gif) no-repeat 2px 5px;
padding: 0 0 0 7px;
margin-right: 5px;
}
.mid-larger
{
font-size: 14px;
color: #999999;
font-weight: bold;
margin-bottom: 4px;
}
.runner
{
background: url(../bgs/main_runners.gif) repeat-x;
height: 1px;
font-size: 1px;
clear: both;
}
.clearBoth
{
clear: both;
height: 20px;
}
#footer
{
font-size: 10px;
margin-top: 10px;
float: left;
}
#leftfloat
{
float: left;
}
#rightfloat
{
float: right;
}
.leftfoot
{
float:left; width: 400px;
}
.rightfoot
{
float: right; width:200px; text-align: right
}

/* **************
BLUE BLOCKS 
************ */
.BB_grades
{width: 800px;
height: 15px;
background: url(../bgs/colour_blocks.gif) repeat-y;
margin-bottom: 10px;
}



/* ************
POSITIONING ELEMENTS 
************ */

#global
{ width: 800px;
margin: 0px auto;
}
#brand
{
float: left;
margin: 20px 30px 20px 10px;
}
#ultils
{
float: right;
width: 280px;
text-align: right;
margin: 50px 0 0 0px;
}
#centralContentArea
{
width: 400px;
float: left;
margin: 10px 20px 0 0;
}
#centralContentAreaFull
{
width: 580px;
float: left;
margin: 10px 0px 0 0;
}
#minigalleryRight
{
float: right;
width: 150px;
}
.rightGalleryBloc
{
margin-bottom: 10px;
display: block;
}
.newspic
{
float: left;
margin: 0 5px 5px 0;
}
#testimonalBlock
{
background: #DFF2FF;
padding: 10px;
font-size: 15px;
font-style: italic;
margin: 20px 0 20px 0;
}
#gL-left-main
{
float: left;
margin-right: 20px;
width: 420px;
margin-top: 20px;
}
#gL-right-main
{
float: right;
width: 360px;
margin-top: 20px;
}
.gallery_thumb
{
float: left; 
margin-left: 10px; 
margin-bottom: 10px;
cursor: pointer;
border: 1px solid #999999;
padding: 1px;
}
.mainGalImg
{
margin-bottom: 20px;
border: 1px solid #999999;
padding: 1px;
}
/* **********
navigation elements 
************ */

ul#topnav
{
margin: 0px;
padding: 0px;
}
#topnav li
{
float: left;
list-style: none;
font-size: 13px;
margin: 7px 8px 7px 0;
}
#topnav li a
{
text-transform: uppercase;
background: url(../bgs/link_divide.gif) no-repeat right;
padding-right: 8px;
font-weight: bold;
color: #27435A;
}
#topnav li a:hover
{
text-transform: uppercase;
background: url(../bgs/link_divide.gif) no-repeat right;
color: #CC0000;
text-decoration: none;
}
#nonlinked-subbox
{
float: left;
width: 200px;
margin: 15px 0px 0px 0px;
}
/* **************
SUB NAV SPECIFICS
************** */
#instructionBar
{
height: 10px;
padding-bottom: 14px;
font-weight: bold;
}
ul#subnav
{
width: 200px;
float: left;
padding: 0px;
margin: 0px 20px 0px 0px;
}
#subnav li
{
padding: 7px 0px 7px 0px;
list-style: none;
margin: 0px;
background: url(../bgs/main_runners.gif) repeat-x bottom;
}
#subnav li a
{
padding: 7px 0px 7px 9px;
font-weight: bold;
background: url(../images/b_link_arrow.gif) no-repeat 2px 11px;
}


/* **************
HOME PAGE SPECIFICS
************** */
#heroBloc
{
background: #EEEEEE;
padding: 7px 0 9px 7px;
}
#heroBloc a
{
background: #ffffff;
padding: 4px;
color: #666666;
text-decoration: none;
margin-right: 15px;
font-size: 11px;
}
#heroBloc a:hover
{
background: #CCCCCC;
padding: 4px;
color: #666666;
text-decoration: none;
}
.homeActionBox
{
float: left;
margin-top: 20px;
width: 250px;
margin-right: 25px;
}
.homeActionBox3
{
float: left;
margin-top: 20px;
width: 250px
}
.actionBoxPic
{
float: left;
margin: 0px 5px 0px 0px;
border: 1px solid #999;
}
.actionBoxText
{
margin-top: 5px;
width: 250px;
float: left;
line-height: 16px;
margin-bottom: 10px;
}
.relatedLinkBox
{
width: 236px;
background: #eeeeee;
padding: 6px;
float: left;
clear: both;
font-size: 11px;
}
.relatedLinkBox a
{
background: url(../images/b_link_arrow.gif) no-repeat 2px 4px;
padding: 0 0 0 7px;
margin-right: 5px;
}



/* **************
FORM ELEMENTS
************** */

.contact1
{
width: 480px;
height: 24px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: block;
margin: 4px 0 10px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}
.contact2
{
width: 480px;
height: 20px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: block;
margin: 4px 0 10px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}
textarea.message
{
width: 480px;
height: 100px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: block;
margin: 4px 0 10px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}
.code
{
width: 120px;
height: 20px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin: 4px 5px 10px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}
.number
{
width: 300px;
height: 20px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin: 4px 0px 10px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
}