/* main */
body { font-size: 0.7em; line-height: 1.4em; } /* Base size */
p, div, li, th, td { font-family: Arial, Helvetica, Sans-Serif; } /* Base style */
p, div.txt, div.txtLrg, li, th, td { color: #343233; } /* Base colour */
p, div.txt, td { font-size: 105%; margin-bottom: 10px; } /* Base size */
div.txtLrg { font-size: 140%; line-height: 130%; }
b, i, strong { color:#f60 }
.search { float:right; margin-top:2px; }
div.txt p, div.txtLrg p { font-size: 105%; } /* This stops p tags in divs with font heights getting 2 x % size increases */
li { font-size: 105%; }
ul { margin-top: 10px; margin-bottom: 10px; }
li { margin-bottom: 4px; margin-left: 15px; list-style-type:disc; display:list-item;}
a, a:active, a:visited { color: #00aeb5; text-decoration: none; }
a:hover {  text-decoration: underline; }
.quotetop { top:-3px; padding: 2px; position:relative; color: #f60; font-size:60px; height:50px; line-height: 60px; float:left; letter-spacing:-3px; }
.quotebot { top:10px; padding: 2px; position:relative; color: #f60; font-size:60px; height:20px; line-height: 60px; float:right; letter-spacing:-3px; }
/* headings */
h1, .h1 { font-family: Arial, Helvetica, Sans-Serif; color: #343233; font-size: 300%; font-weight: normal; }
h1 { line-height: 120%; margin: 11px 0 14px 0; }

h2, .h2 { font-family: Arial, Helvetica, Sans-Serif; color: #343233; font-size: 150%; font-weight: bold; line-height: 130%; }
h2 { margin-bottom: 15px; }

h3, .h3 { height: 26px; text-transform:lowercase; font-family: Arial, Helvetica, Sans-Serif; color: #343233; font-size: 140%; font-weight: normal; background: url(../images/common/oaksH3.png) no-repeat; padding: 6px 0px 0px 30px; }
h3 { line-height: 110%; }

h4, .h4 { text-transform:lowercase; font-family: Arial, Helvetica, Sans-Serif; color: #343233; font-size: 140%; font-weight: normal; }
h4 { line-height: 100%; margin-bottom: 10px; }

h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:active, h2 a:visited, h3 a, h3 a:active, h3 a:visited, h4 a, h4 a:active, h4 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

/*home banner*/
.homebanner {  width:947px; height: 260px; background: url(../DynamicContent/Images/Headers/oaksHome.png) no-repeat top left; }
.mainbanner {  width:947px; min-height: 160px; height: auto !important; height: 160px; }
.homebanner .hmRgt { margin: 10px 20px 0px 0; float:right; width:548px; height: 237px; display: inline; }
.homebanner .hmLft { margin: 10px 0 0px 19px; float:left; width:360px; height: 237px;  display: inline; }
.mainbanner .hmRgt {  text-align:right; padding:0; margin: 0px 0px 0px 0; float:right; width:440px; height: 210px; overflow:hidden; }
.mainbanner .hmLft { margin: 10px 0 0px 19px; float:left; width:318px; height: 160px;  display: inline; }
/* navigation */
.navigation { width:645px; margin-top: 40px; margin-bottom: 10px; padding:0; background: url(../images/common/oakHr.png) repeat-x 0 100%; } 

.navigation li { margin: 0px 0px 0 0px; font-weight: normal; padding: 0 10px 0 0; height:70px; display:inline;}
.navigation li.last { margin:0; font-weight: normal; padding:0; height:70px; display:inline;}
.navigation li a, .navigation li a:link, .navigation li a.visited {  display:inline; color:#999999; position:relative; height:70px; padding: 15px 13px 0 0; line-height: 170%; font-size: 130%; top:0px; text-decoration:none;  background: #ffffff url(../images/common/oakOff.png) no-repeat right top;}
.navigation li a:hover, .navigation li a.active {  display:inline; color:#000000; border: solid 0px #000; position:relative; overflow:visible; height:70px; top:-5px; padding: 15px 13px 0 0; margin: 10px 0px 10px 0; line-height: 170%; font-size: 130%; text-decoration:none; background: #ffffff url(../images/common/oaksOn.png) no-repeat 100% 5px; }

/* colours */
.hLgt  { color: #3D2525; }
.drkGrey { color: #636467; }
.blue { color: #8AA0B8; }
.searchHighlight { color: #3D2525; font-weight: bold; }

/* frame builder tool bar width override */
#fbToolBarContainer { width: 998px; margin: 0 auto; }
div.radEditor { width: 100% }

/* front end alerts */
.alertBox { border: dashed 2px #F76510; color: #DD0000; background-image: url(../Images/Admin/stripe.gif); padding: 10px; }
.alertBox img { margin-right: 15px; }
.alertBox.Green { border: dashed 2px #009900; color: #009900; }
.error, .error a, .error a:active, .error a:visited  { font-family: Tahoma, Arial, Helvetica, Serif; color: red; }
.errorBox { padding: 10px 10px 10px 60px;   background-image: url(../Images/Warning.gif); background-repeat: no-repeat; background-position: 10px 10px; border: 2px dashed #3D2525; margin-bottom: 15px; color: #f00; font-weight: bold; display: block; }
.errorBox .errorDetail { font-weight: normal; margin-top: 5px; color: #000; }
.errorBox ul { margin: 5px 0px 0px 20px; padding: 0px; }
.errorBox li { font-weight: normal; background: none; padding: 0px; margin: 0px; color: #000; }

/* misc */
.lft { float: left; }
.rgt { float: right; }
.clr { clear: both; }
a img { border: 0; }

/* form objects */
input.txtBox { color: #818181; border: 1px solid #CCCCCC; padding: 2px 3px 2px 3px; width: 200px; font-size: 100%; }
input.btn { border: solid 1px #FFF; background-color: #818181; color: #FFF; font-size: 11px; padding: 2px 3px 2px 3px; }

/* Header */
#c #h #hScr { width: 940px; height: 137px; }
#c #h #hScr .lft { margin: 15px 0 0 20px; }
#c #h #hScr .rgt { margin: 7px 0px 0 0; }
#c #h #hScr .rgt input.txt { border: solid 1px #cecece; color: #3D2525; font-size: 11px; width: 140px; padding: 2px 5px 5px 5px; }
#c #h #hScr .rgt input.btn { border: solid 1px #cecece; margin-left: 5px; background-color: #cfcfcf; color: #FFF; font-size: 11px; padding: 1px 3px 3px 3px; }
.boxTT { padding: 0px 5px 0px 5px; text-align:left; }
/* Main */
.hr { clear:both; width:100%; background: url(../images/common/oakHr.png) repeat-x; height:1px; margin:0 0 4px 0; padding:0; position:relative; top: -4px; }
.boxT { padding: 10px 5px 10px 5px; text-align:left; }

/* Footer */
#c #f { font-family: Arial, Helvetica, Sans-Serif; color: #848383; }
#c #f #fScr { width: 940px; height: 300px; margin:0; }
#c #f #fScr .lft { float:left; text-align: left;}
#c #f #fScr .lft .logos { margin: 29px 0 0 0; width:614px; height:138px; background: url(../images/common/oaksLogoPanel.png) no-repeat; }
.logosInner { position:relative; top:50px; left:16px; padding: 0px; }
.copyright { margin: 10px 0 0 16px; padding: 0px; }
.pin { margin-top:10px; cursor:hand; width:168px; height:26px; padding:0; background: url(../images/common/pin-digital.png) no-repeat; }
.pin .digital { display:none; }
#c #f #fScr .rgt { width:304px; height:206px; margin:0; padding:0; background: url(../images/common/oaksServices.png) no-repeat; float:right;}
#c #f #fScr .rgt .rgtInner { float:left; position:relative; margin:0; padding:0; top:0px; left:30px; width:238px; text-align:left;}
#c #f #fScr .rgt .rgtInner a { color: #848383; }
#c #f a { color: #f60; }

/* Section specific */
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearFloat, .clearBoth { clear: both; }
.ieFloatFix { position: relative; }		/* to stop text and other objects from vanishing in IE when using floats */
.floatLeft { float: left; width: 50%; }
.floatRight { float: right; width: 50%; }
.noBold { font-weight: normal; }
.noTopMargin { margin-top: 0px; }
.required { color: #f00; position: relative; top: -2px; }
.indented { padding: 0px 7px; }
.stretchHeight { height: 100%; vertical-align: middle; padding: 0; }
div.row { margin-bottom: 5px; }
div.row div.label { float: left; min-width: 90px; text-align: left; margin-right: 3px; vertical-align: middle; padding: 3px 0px; }
div.row div.field { float: left; width: 200px; clear:both; }

/* Editable page specific styling styles */
#c #m.contactUs div.radEditor { font-family: Arial, Helvetica, Sans-Serif; color: #5994C5; font-size: 150%; line-height: 130%; color: #A7C2E0; margin-top: 8px; }
#c #m.contactUs div.radEditor a { color: #A7C2E0; }
#c #m.contactUs div.radEditor div.rgt img { margin-bottom: 5px; }
#c #m.contactUs div.radEditor div.rgt a { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 70%; font-weight: bold; color: #636467; text-transform: uppercase; text-decoration: none; }
#c #m.contactUs div.radEditor div.rgt a span { font-size: 120%; }

/* Page specific styling styles */
/*HOME*/
.homeBox1 { margin-left: 10px; width: 288px; font-size:105%; padding: 0px; float:left; }
.homeBox2 { margin-left: 20px; width: 288px; font-size:105%; padding: 0px; float:left; }
.homeBox3 { margin-left: 20px; width: 288px; font-size:105%; padding: 0px; float:left; }
.homeBoxContents { width: 264px; margin: 3px 12px 5px 12px; }

/* Table styles */
table.pinGv { width: 100%; font-size: 105%; margin-top: 5px; }

/* team pages */
#teamHdr {}
	#teamHdr .grp {}
	#teamHdr .title { height: 34px; line-height: 34px; text-transform: lowercase; font-family: Arial, Helvetica, Sans-Serif; color: #343233; font-size: 140%; font-weight: normal; background: #F8F9FB url(../Images/Team/hdrTitleBg.png) -36px top no-repeat; }
		#teamHdr .title a { line-height: 34px; display: block; color: #343233; padding: 0 0 0 30px; }
		#teamHdr .title a:hover { text-decoration: none; }
	#teamHdr .links { display: none; background: #fff url(../Images/Team/grpDiv.png) left top; }
	#teamHdr .grp .links a, #teamHdr .grp .links a.m { display: inline-block; margin-left: 20px; font-size: 11px; color: #f60; text-transform: lowercase; text-align: center; background: url(../Images/Team/Avatar.png) center 10px no-repeat; width: 160px; height: 135px; }
	#teamHdr .grp .links a.f { display: inline-block; margin-left: 20px; font-size: 11px; color: #f60; text-transform: lowercase; text-align: center; background: url(../Images/Team/AvatarF.png) center 10px no-repeat; width: 160px; height: 135px; }
		#teamHdr .grp .links a b, #teamHdr .grp .links a strong { font-size: 12px; color: #000; display: block; margin-top: 100px; }
		#teamHdr .grp .links a:hover, #teamHdr .grp .links a:hover strong { color: #00aeb5; }
		#teamHdr .grp .links a:hover { background-position: center -190px; }

