/* Standard Text size CSS */

body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}
p { margin-top:0px;}
img { border:0px; display:block;}
img.inlineImage { display:inline;}
	
#base {
	width:796px;
	margin:0 auto;
	padding:0px 114px 0px 114px;
	background-image:url(../images/bg_grad_main.gif);
	background-repeat:repeat-x;
	background-position:top left;
	color:#5f6a72;
	line-height:120%;
}

/* GENERIC STYLES */
/* background colours */
.orangeBG { background-color:#e78a16;}
.redBG { background-color:#d53d2f;}
.purpleBG { background-color:#6a70ab;}
.blueBG { background-color:#1e9ac9;}
.greenBG { background-color:#62af41;}
.greyBG { background-color:#5f6a72;}
/* borders */
.noBorder { border:0px;}
.bottomBorder { border-bottom:4px solid #fff;}
.topBorder { border-top:4px solid #fff;}
.leftBorder { border-left:4px solid #fff;}
.rightBorder { border-right:4px solid #fff;}

.dottedUnderline { padding-bottom:1em; border-bottom:1px dashed #5f6a72;}

/* heading elements */
h1, h2, h3, h4, h5 { margin:0px;}
h1 { font-size:1.5em;}
h2 { font-size:1.25em; margin-bottom:0.5em;}
h3 { font-size:1em;}
h4 { font-size:0.9em;}
h5 { font-size:1em;}

/* list styles */
#content ul { list-style:none; margin-left:0em; padding-left:0em; margin-top:0px;}
#content ul li { line-height:130%; padding-bottom:0.25em; background:url(../images/bullet_black_content.gif) top left no-repeat; padding-left:12px;}
#content .noBullets, #content .noBullets ul { list-style-type:none; margin-left:0px; padding-left:0px;}
#content .noBullets li { line-height:130%; padding-bottom:0.25em; background:none; padding-left:12px; text-indent:-12px;}

/* standard link styles */
a:link, a:visited { color:#006ad2; text-decoration:underline;}
a:hover, a:active { color:#9cabb9; text-decoration:none;}
a.redLink { color:#d53d2f;}


/* HEADER STYLES */
#header {
	height:50px;
	width:796px;
	padding:20px 0px;
	margin:0px 4px;
}
#header img { 
	width:50px;
	float:left;
}
#header #headerLinks {
	font-size:0.625em;
	float:right;
	width:auto;
	padding:8px 4px 0px 0px;
}
#headerLinks a { vertical-align:bottom;}
#headerLinks a:link, #headerLinks a:visited { color:#5f6a72; text-decoration:none;}
#headerLinks a:hover, #headerLinks a:active{ color:#000; text-decoration:none;}

#headerLinks .smallStyles, #headerLinks .largeStyles { }
#headerLinks .smallStyles { font-weight:bold; /*line-height:100%;*/ position:relative; top:-1px;}
#base #header #headerLinks .smallStyles a:link, #base #header #headerLinks .smallStyles a:visited { color:#000;}
#headerLinks .largeStyles { font-weight:normal; /*line-height:100%;*/ position:relative; top:1px;}
	
/* MAIN SITE AREA BETWEEN HEADER AND FOOTER */
#mainFocus {
	clear:both;
	width:804px;
}

/* MAIN NAVIGATION AREA */
#nav {
	border-left:4px solid #fff;
	border-bottom:4px solid #fff;
	width:196px;
	float:left;
	display:inline;
	font-size:0.6875em;
	line-height:1.3em;
	background-color:#f2f3f4;
}
#nav ul { 
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.selected, #nav ul li a:link.selected, #nav ul li a:visited.selected { color:#FA4B00;}
 
#nav ul li a { 
	text-decoration:none; 
	display:block;
	width:180px;
	padding:5px 8px;
	height:14px;
	background-image:url(../images/bg_grad_nav.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border-top:4px solid #fff;
}
#nav ul li a:link, #nav ul li a:visited { color:#778087;}
#nav ul li a:hover, #nav ul li a:active { color:#a3743a;}

/* Sub-Navigation Styles */
#nav ul ul {
	margin-left:16px;
	margin-top:5px;
	font-weight:normal;
	text-indent:-8px;
	line-height:1em;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:8px;
}

#nav ul ul li a {
	background-image:none;
	min-height:10px;
	height:auto;
	padding:0px;
	border:0px;
}

#nav ul ul ul {
	margin-top:0px;
	margin-left:4px;
}
#nav ul ul ul li a {
	height:auto;
}

/* CONTENT AREA */
#content {
	min-height:400px;
	float:left;
	display:inline;
	width:596px;
	border-top:4px solid #fff;
	border-right:4px solid #fff;
	border-left:4px solid #fff;
	font-size:0.75em;
	background-color:#fff;
}

/* Home page styles */
.homeText { text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#fff; padding:5px 8px; margin-bottom:0px; border-bottom:4px solid #fff;}
.boxes { position:relative; line-height:110%;}
.homeBox, .lastHomeBox, .homeDoubleBox {
	width:180px;
	height:112px;
	padding:8px 8px 0px 8px;
	float:left;
	font-size:0.91em;
	/*color:#fff;*/
	border-right:4px solid #fff;
	background-image:url(../images/bg_homeboxes.jpg);
	background-repeat:repeat-x;
}
.lastHomeBox {border:0px;}
.homeDoubleBox { width:380px;}
.boxes h3 { text-transform:uppercase; font-size:0.9em;}
.boxes .arrowButt { position:absolute; top:100px; margin-left:168px; border:0px solid #000;}

.boxes .imageLink1, .boxes .imageLink2 { width:196px; height:59px; overflow:hidden; text-indent:-10000px; display:block; margin:-8px -8px 4px -8px; background-position:top;}
.boxes .imageLink1 { background-image:url(../images/gr_home_box1.jpg);}
.boxes .imageLink2 { background-image:url(../images/gr_home_box2.jpg);}
.boxes .imageLink1:hover, .boxes .imageLink2:hover { background-position:bottom;}

.quickLinks a, a.readMoreLink { color:#5f6a72; }
.boxes a.readMoreLink { 
	text-transform:uppercase; 
	font-size:0.9em; 
	font-weight:bold; 
	text-decoration:none; 
	position:absolute;
	top:103px;
	margin-left:110px;
	}
.boxes a.readMoreLink:hover { text-decoration:underline;}

/* news section styles */
.date { font-weight:bold; text-transform:uppercase; font-size:0.9em; padding-right:5px;}
h2.newsHeadline { margin-bottom:0px;}
.newsDateline { text-transform:uppercase; font-size:0.9em;}
a.newsBackLink { text-transform:uppercase; float:right; width:150px; text-align:right; font-size:0.8em; text-decoration:none;}


/* level 1 template styles */
#colouredMainHead { background-color:#a7adb2; width:580px; height:180px; padding:8px; margin-bottom:4px; color:#fff;}
#colouredMainHead h1{
	display:block;
	/*padding:8px;
	min-height:180px;
	float:left;*/
	margin-bottom:1em;
	text-transform:uppercase;
	font-size:1.9em;
	line-height:100%;
}

/* level 2 template styles */
#colouredSubHead { background-color:#a7adb2; width:580px; height:180px; padding:8px; margin-bottom:4px; color:#fff;}
#colouredSubHead h1{
	display:block;
	/*padding:8px;
	min-height:180px;*/
	float:left;
	text-transform:uppercase;
	font-size:1.9em;
	line-height:100%;
}

/* level 3 template styles */
#colouredSubHead2 { background-color:#a7adb2; text-transform:uppercase; width:580px; height:180px; padding:8px; margin-bottom:8px; color:#fff;}
#colouredSubHead2 h1{
	display:block;
	/*padding:8px;
	min-height:180px;
	float:left;*/
	text-transform:uppercase;
	font-size:1.9em;
	line-height:100%;
	margin-bottom:0.5em;
}

/* Pull-down menu styles */
#altNavBarTop, #altNavBarBottom { color:#fff; height:24px; font-size:0.9em; line-height:1em;}
#altNavBarTop { border-bottom:4px solid #fff;}
#altNavBarBottom { border-top:4px solid #fff;}
#altNavBarTop h2, #altNavBarBottom h2 { font-size:1em; padding:6px 8px 0px 8px; margin:0px; width:314px; float:left;}
#altNavBarTop form p, #altNavBarBottom form p { padding-top:6px; padding-right:10px; width:auto; float:left;}
#altNavBarTop select, #altNavBarBottom select { width:197px; margin-top:1px; float:right;}


/* Client List styles */
.clientListH3, .clientListTopH3 { color:#F8981D; line-height:110%; padding-bottom:0.25em;}
.clientListH3 { border-top:1px dashed #5F6A72; padding-top:1em;}

/* BIO styles */
.bio { clear:left; border-bottom:1px dashed #5F6A72; margin-top:0px; margin-left:0px; margin-bottom:2em;}
.bio img { margin-right:8px; width:96px; float:left; }
.bio h3 { display:inline; color:#F8981D;}
.bio h4 { display:inline; margin-left:5px; font-size:0.75em; text-transform:uppercase;}
.bio .bioName, .bio p, .bio h5 { margin-left:104px;}


/* SITE MAP STYLES */
#siteMap { margin-left:-8px; width:604px; overflow:auto;}
.mapCol { width:200px; float:left; }
.lastCol { width:196px;}
.mainSect { width:178px; padding:8px; background-color:#f6f6ff; margin-bottom:4px; border:1px solid #ccc; }
.mainSect p, .mainSect ul { margin-bottom:0px;}



/* generic content area styles */
.fullTxtCol {
	padding:4px 8px;
	border-right:4px solid #fff;
}
.fullTxtCol img { margin-left:-8px; margin-right:8px; margin-bottom:8px; /*clear:left;*/ }
.leftTxtCol {
	width:380px;
	padding:8px;
	float:left;
	border-right:4px solid #fff;
}
.rightTxtCol {
	width:180px;
	float:left;
	padding:8px;
	font-size:0.9em;
}
.col {
	width:180px;
	padding:8px;
	float:left;
}
.col2 {
	width:282px;
	float:left;
}
#content .noTopPad { margin-top:0px; padding-top:0px;}

/* FOOTER STYLES */
#footer {
	clear:both;
	width:796px;
	margin:20px 4px;
	border-top:1px solid #5F6A72;
	font-size:0.6875em;
	color:#5F6A72;
}
.footerLeft, .footerRight {
	padding-top:12px;
	overflow:auto;
	display:block;
}
.footerLeft {
	width:646px;
	float:left;
	
}
.footerRight {
	width:150px;
	text-align:right;
	float:right;
	font-size:0.9em;
}
#footer .legal { font-size:0.9em; display:block; text-align:left; width:796px; overflow:hidden; clear:both; color:#b2b2b5;}
#footer a:link, #footer a:visited { color:#5F6A72; text-decoration:none;}
#footer a:hover, #footer a:active {color:#5F6A72; text-decoration:underline;}