/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[cfw] Centred fixed width page

*/

/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url(secondary-navigation.css);


* {
	margin: 0;
	padding: 0;
}


/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/

body {
	padding: 20px 0 0 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: white;
	text-align: center; /* center the #page element in IE5/win [cfw] */
}

#page {
	width: 719px; /* max page width to not scroll at 800x600 [cfw] */
	padding: 0 50px;
	text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
	margin: 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
	background:url(../images/backgrounds/bg_pageTile.gif) #fff left top repeat-y;
	position: relative;
}

#page #header {
	margin: 0 -50px 0 -50px;
	width: 719px;
	padding: 50px 50px 0 50px;
}
#page #primary-navigation {
	position: absolute;
	top: 20px;
	left: 209px;
	width: 570px;
}

#page #secondary-navigation {
	position: absolute;
	top: 167px;
	left: 38px;
	width: 132px;
}

#page #footer {
	margin: 0 -50px 0 -50px;
	padding: 24px 50px 49px 50px;
	width: 719px;
}

#page #content {
	min-height: 315px;
	_height: 315px;
	margin: 72px 0 0 0;
}

#breadcrumb {
	position: absolute;
	top: 180px;
	left: 50px;
	line-height: 1em;
}

body.home-section #page #content {
	margin: 16px 0 0 0;
}

body.has-secondary-navigation #breadcrumb {
	top: 180px;
	left: 219px;
}

body.has-secondary-navigation #page #content {
	margin: 84px 0 0 170px;
}

/* only show jump to content etc. shortcuts when there's no CSS */
#page #jumpLinks {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/*****************************************************************************************
 *			Header layout / styles
 ****************************************************************************************/

#header {
	background:url(../images/backgrounds/bg_pageTop.gif) #fff left top no-repeat;
}

#header #logo {
	float: left;
	padding-left: 15px;
}

#tagline {
	color: #606574;
	text-transform: uppercase;
	font-size: 120%;
	margin: -4px 0 15px 0;
}


/*****************************************************************************************
 *			Footer layout / styles
 ****************************************************************************************/

#footer {
	background:url(../images/backgrounds/bg_pageBottom.gif) #fff left bottom no-repeat;
}

#footerInner {
	padding: 11px 16px 16px 16px;
	border-top: 1px solid #d8d8bb;
}

#footer #copyright {
	float: left;
}

#footer ul#footer-links {
	float: left;
	margin: 0 0 0 43px;
	padding: 0;
}

#footer #footer-links li {
	display: inline;
	margin: 0 0 0 1em; 
	padding: 0;
}

#footer #madeByAreeba {
	float: right;
	margin-top: -2px;
}

#footer #madeByAreeba a {
	text-decoration: none;
}
#footer #madeByAreeba span {
	vertical-align: middle;
	text-decoration: underline;
}
#footer #madeByAreeba img {
	vertical-align: middle;
}

/*****************************************************************************************
 *		 	Breadcrumb layout / styles
 ****************************************************************************************/

#page #breadcrumb ol {
	font-size: 90%;
}

#page #breadcrumb ol li {
	background-image: url(../images/icons/ico_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
	padding: 0 7px 0 9px;
	margin: 0 7px 0 -9px;
	color: #252224;
}
#page #breadcrumb ol li:first-child {
	background-image: none;
}

/*****************************************************************************************
 *			Primary Navigation layout / styles
 ****************************************************************************************/
#primary-navigation ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#primary-navigation li {
	display: block;
	margin: 10px;
	padding: 0;
	float: left; display: inline;
}

#primary-navigation li a {
	display: block;
	width: 94px;
	height: 82px;
}
#primary-navigation a:hover span {
	background-position: 0 -82px;
}

body.aboutUs-section #aboutUs-section a span,
body.management-section #management-section a span,
body.marketing-section #marketing-section a span,
body.communications-section #communications-section a span,
body.resources-section #resources-section a span {
	background-position: 0 -164px;
}

#aboutUs-section a span {
	background-image:url(../images/headers/nav_aboutUs.gif);
}

#management-section a span {
	background-image:url(../images/headers/nav_management.gif);
}

#marketing-section a span {
	background-image:url(../images/headers/nav_marketing.gif);
}

#communications-section a span {
	background-image:url(../images/headers/nav_communications.gif);
}

#resources-section a span {
	background-image:url(../images/headers/nav_resources.gif);
}



/*****************************************************************************************
 *			Section Title layout / styles
 ****************************************************************************************/

#section-title {
	position: absolute;
	top: 20px;
	left: 20px;
}



/*****************************************************************************************
 *		 	Page Title layout / styles
 ****************************************************************************************/

#page-title h1 {

}



/*****************************************************************************************
 *		 	Content area layout
 ****************************************************************************************/

#content #main {
}

body.has-sub-content #content #main {
	float: left;
	width: 304px;
}

#content #sub {
	margin-left: 324px;
}



/*****************************************************************************************
 *		 	Content styles for standard (X)HTML elements
 ****************************************************************************************/

#content {

}

/************************
 * TEXT STYLES
 ************************/
 /* headings */
h1 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 0.34em 0;
}
h2 {
	font-size: 1.43em;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}
h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #606574;
	margin: 1em 0 0.5em 0;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.33em 0 0.67em 0;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1.67em 0 .84em 0;
}
h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 1.17em 0;
}

/* text blocks */
p {
	line-height: 1.3; /*Adjust this property for optimum readability. Remeber - wider content may require a larger line height.*/
	margin: 0 1em 1em 0;
}
br {
		margin-bottom: 1.5em;
}
blockquote {
	font-weight: bold;
	margin-left: 20px;
}
pre {
	margin: 1em 0 1em 1.5em;
}
/* lists */
ul {
	margin: 1em 0;
	padding: 0 0 0 30px;
}
ol {
	margin: 1em 0;
	padding: 0 0 0 30px;
}
li {
	padding: 0;
	margin: 0;
}

#main ul li {
	list-style-image: url(../images/icons/ico_list.gif);
	margin-bottom: .25em;
}

#main ul ul li {
	list-style-image: url(../images/icons/ico_listSub.gif);
}

#main li {
	line-height: 1.3;
}

/* inline text styles */
i {
	letter-spacing: 0.08em;
	margin-right: 1px;
}
a {
	color: #75751f;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* treatment for 'help' text styles */
abbr, acronym, span.help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

/************************
 * TABLE STYLES
 ************************/
table {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
caption {
	font-weight: bold;
	text-align:left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
}
th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	background-color: #8890a5;
	border: 1px solid #ebecf2;
	color: #fff;
}
td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #ebecf2;
}



/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/
 
 
/************************
 * Top of page Link
 ************************/
div.topPageLink {

}

div.topPageLink a {

}


/************************
 * Overview lists
 ************************/

ul.thumbnailed-overview-list {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

ul.thumbnailed-overview-list li {
	margin: 20px 20px 0 0;
	float: left;
	width: 219px;
	background:#f7f7fb url(../images/backgrounds/img_bgSection.gif) left top no-repeat;
}

ul.thumbnailed-overview-list li.triple {
	clear: left;
}

ul.thumbnailed-overview-list li div.thumbnail {
	float: left;
}

ul.thumbnailed-overview-list li div.text {
	margin-left: 71px;
	xborder: 1px solid red;
	padding: 1.3em 0 0 1.4em;
}


@media all { /* not mac ie */
	* html ul.thumbnailed-overview-list li div.text { height: 0; }
}

ul.thumbnailed-overview-list li div.text h2,
ul.thumbnailed-overview-list li div.text h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0.5em 0.25em 0;
	color: #606574;
}

ul.thumbnailed-overview-list li h3 a {
	text-decoration: none;
	color: #606574;
}

ul.thumbnailed-overview-list li div.text p {
	margin-top: 0;
}

/************************
 * topic listings
 ************************/

#content .topic-list {
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
	border-bottom: 1px solid #ECECEC;
}

#content .topic-list li {
	margin: 12px 0 12px 65px;
	position: relative;
	_height: 58px;
	min-height: 58px;
	border-top: 1px solid #ECECEC;
}

#content .topic-list h2 {
	font-size: 1.25em;
	margin: 0.3em 0;
	color: #CFA040;
	font-weight: bold;
}

#content .topic-list h2 a {
	color: #CFA040;
	text-decoration: none;
}

#content .topic-list p {
	margin: 0;
}

#content .topic-list .more-link a {
	position: absolute;
	display: block;
	width: 65px;
	height: 58px;
	top: 12px;
	left: 0;
	text-indent: -1000px;
	background: url(../images/thumbnails/but_arrow.gif) transparent 0 0 no-repeat;
}
#content .topic-list .more-link a:hover {
	background-position: 0 -58px;
}

#content .topic-list .count {
	color: #000066;
}


/************************
 * News lists
 ************************/

ul.news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.news-list li {
	_height: 0;
}

ul.news-list li div.date {
	font-weight: normal;
	width: 4em;
	float: left; display: inline;
	clear: both;
}

ul.news-list li .title {
	margin: 0 0 0 5em;
}

ul.news-list li h3 {
	font-size: 1em;
	margin: 0 0 0.35em 0;
	padding: 0;
	font-weight: normal;
	_height: 0;
}


/************************
 * Date title overview lists
 ************************/

#page #main ul.date-title-overview-list {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#page #main ul.date-title-overview-list li {
	list-style: none;
	list-style-image: none;
	_height: 0;
}

#page #main ul.date-title-overview-list li div.date {
	font-weight: bold;
	width: 4em;
	float: left;
}

#page #main ul.date-title-overview-list li .title {
	margin: 0 0 0 2em;
	float:left;
}

#page #main ul.date-title-overview-list li h3 {
	font-size: 1em;
	margin: 0 0 0.35em 0;
	padding: 0;
	font-weight: normal;
	_height: 0;
}

#page #main ul.date-title-overview-list li p.overview {
	clear: both;
}

/************************
 * Useful links lists
 ************************/

#page #main ul.link-list li .title {
	margin: 0 0 0 0em;
}

#page #main ul.link-list li {
	list-style: none;
	list-style-image: none;
	_height: 0;
}

#page #main ul.link-list li h4 {
	font-size: 1em;
	margin: 0 0 0.45em 0;
	padding: 0;
	font-weight: normal;
	_height: 0;
}

/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .cancelled {
	padding: 20px 20px 20px 88px;
	margin: 1em 0;
	background-position: 20px center;
	background-repeat: no-repeat;
}

.important {
	color:#725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #FFFAE6;
	border: 1px solid #FAC71E;
}
.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}
.error {
	color: #FF0000;
	background-image: url(../images/icons/ico_error.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}
.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

#content .validationError
{
	color: #FF0000;
	background: url(../images/icons/ico_alert.gif) no-repeat 20px center;
	background-position:20px 20px;
	xbackground-color: #fff1f1;
	padding: 20px 20px 0px 88px;
	border: 1px solid #f9221d;
	margin-bottom: 20px;
}
#content .validationError ul{
	padding: none; 
}

#content .mandatory
{	
	background-image:url(../images/icons/ico_requiredfield.gif);
	background-repeat:no-repeat;
	background-position: right 4px;
	padding-right: 15px;	
}
		
/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
	color: #666;
}



/*****************************************************************************************
 *			Home Page styles
 ****************************************************************************************/
 
#services-container {
	background-color: #999966;
	margin: 20px 0 0 0;
	padding: 16px;
}

#services-container div {
	float: left;
	margin-right: 52px;
	width: 194px;
}

#services-container div.last {
	margin-right: 0;
}

#services-container label {
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: white;
}

#services-container select {
	margin: 0.65em 0 0 0;
	width: 100%;
}

#services-container #management span {
	background: url(../images/headers/hed_management.gif) width="119" height="8";
}

#services-container #marketing span {
	background: url(../images/headers/hed_marketing.gif) width="94" height="246";
}
#services-container #communications span {
	background: url(../images/headers/hed_communications.gif) width="94" height="246";
}


/*****************************************************************************************
 *			Index pages styles
 ****************************************************************************************/

.is-section-index p.first {
	font-size: 1.65em;
	margin-right: 56px;
}


/*****************************************************************************************
 *			Article Page styles
 ****************************************************************************************/

/************************
 * First content paragraph
 ************************/
p.first {
	font-size: 1.25em;
	margin-bottom: 0.45em;
}

#article-thumbnail img {
	float: left;
	margin: 0 16px 16px 0;
}

/************************
 * Author name
 ************************/
.article-dateauthor{
}

 .article-date {
 }
.article-author {
	margin-bottom: 1em;
}



/*****************************************************************************************
 *			News Page styles
 ****************************************************************************************/

.subscribe-box .formItem {
	padding-left: 50px;
	margin: 2px 0 0px 0;
	overflow: hidden;
	position: relative;
}

.subscribe-box .textbox input  {
	border: 1px solid #999;
	width: 100px;
	padding: 3px;
	font-size: 1em;
	display: block;
}

.subscribe-box label img {
	position: absolute;
	left: 40px;
	top: 6px;
}

.subscribe-box fieldset {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
}

.subscribe-box label {
	font-weight: bold;
	padding: 5px 0 0 0;
	width: 50px;
	float: left; display: inline;
	margin-left: -50px;
	position: relative;
}

.subscribe-box .errorStatus {
	display: block;
	position: static;	
}

.subscribe-box .formItem .buttons {
	margin: 0 0 2px 0;
}

.subscribe-box .submit {
	margin: 5px 0 0 0;
}

.subscribe-box .important, .subscribe-box .success, .subscribe-box .error, .subscribe-box .cancelled 
{
	margin: 0;
	padding: 10px;
	background-image: none;
}

.subscribe-box .success 
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#content #sub .subscribe-box li 
{
	background-image: none;
	list-style-type: disc;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	line-height: 1em;
}


/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

#page .pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
#page .pipe-list li {
	float: left;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}
#page .pipe-list li:first-child { border-left: 0; }

/************************
 *  BOX
 ************************/

.box {
	background: #f3f3ec url(../images/backgrounds/img_bgGold.gif) left top repeat-x;
	padding: 0 16px 6px 16px;
	margin-bottom: 16px;
}

@media all {
	* html .box { zoom: 1; }
	* html .boxInnerThree { height: 0; }
}

/* style the box content */
#other-services h2 span {
	background: url(../images/headers/hed_otherServices.gif) width="226" height="24";
}

#testimonial h2 span {
	background: url(../images/headers/hed_testimonial.gif) width="226" height="24";
}

#download h2 span {
	background: url(../images/headers/hed_download.gif) width="226" height="24";
}

.box h2 {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	color: white;
	padding: 6px 16px;
	background-color: #75751f;
	border-bottom: 1px solid white;
	margin: 0 -16px;
}

.box h3 {
 	color: #252224;
	font-size: 96%;
	font-weight: bold;
	padding-top: 3px;
 }

.box p {
	margin: 0.5em 0;
}


/************************
 * Testimonial
 ************************/
 
#content #sub #testimonial {
 	background: #f7f7fb url(../images/backgrounds/img_bgMauve.gif) left top repeat-x;
}

#content #sub #testimonial h2 {
	background-color: #8890a5;
	border-bottom: 1px solid white;
}
 
#content #sub #testimonial blockquote {
	background: transparent url(../images/icons/ico_startQuote.gif) left top no-repeat;
	font-weight: normal;
	text-align: center;
	padding: 8px 0;
	margin: 13px 0 0 0;
	line-height: 160%;
}

#content #sub #testimonial blockquote div {
	background: transparent url(../images/icons/ico_endQuote.gif) bottom right no-repeat;
}

#content #sub #testimonial .author {
	padding-left: 14px;
	background: transparent url(../images/icons/ico_mdash.gif) left top no-repeat;
	color: #606574;
	margin-bottom: 18px;
}

#content #sub #testimonial .author .name {
	font-weight: bold;
	margin-bottom: -2px;
}


/************************
 * Pullquote
 ************************/
 
blockquote.pullquote {
	font-size: 140%;
	font-weight: normal;
	margin: 32px 16px 0 16px;
	line-height: 140%;
}


/************************
 * Download link links
 ************************/
 
#content #sub li {
	list-style: none;
	padding-left: 16px;
	background-position: 0em 0.15em;
	line-height: 1em;
	min-height: 12px;
	_height: 12px; /* fix for ie/win to not screw up first list item */
	background-repeat: no-repeat;
	margin-bottom: 1em;
	margin-left: 0px;
	background-image: url(../images/icons/ico_arrow.gif);
}

#content #sub ul {
	padding-left: 0;
	
}
#content #sub #download li {
	background-image: url(../images/icons/ico_pdf.gif);
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage:<tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}

.image-replaced span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}



/*****************************************************************************************
 *			Miscellaneous generic styles
 ****************************************************************************************/
/* fix for messed up IE5/win font sizing */
table {
 	font-size: 100%;
}

/* stop borders on images used as links */
img {
	border: none;
}

/* IE puts a margin on<form> elements which we NEVER want.  Remove it */
form {
	margin: 0;
	padding: 0;
}

/* link underlines */
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	cursor: hand;
}

/************************
 * accessability styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessability, .accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
/*ClearFix for good browsers*/
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {display: inline-block;}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************
 * notes for display during printing only
 ************************/
 /* only mac ie \*//*/
 .printOnly { display: none; }
/* end hack */
/* ie/mac doesn't understand this */
@media screen {
	.printOnly {
	  display: none;
	}
}

/************************
 * sIFR
 ************************/
/* These are standard sIFR styles... do not modify */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
}


/* font styling adjustments */

.sIFR-hasFlash .body.is-section-index p.first {
	visibility: hidden;
	letter-spacing: -1px;
	line-height: 1em;
}
.sIFR-hasFlash #main .thumbnailed-overview-list h3 {
	visibility: hidden;
	line-height: 1.45em;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 1.8em;
	
}
.sIFR-hasFlash #tagline {
	visibility: hidden;
	line-height: 1.3em;
}