/* 
Dairy crest main stylesheet

grey (P444) - #747F81
orange - #F89520
blue (P285) - #0073CF
green - #8CC63F
lightblue - #6A95CF
*/


body {
	margin					:0px;
	background				:#EEE;
	text-decoration			:none;
	font-family				:Helvetica, Arial, Verdana, Sans-serif;
	font-size				:0.80em;
}

p {
	color: #747F81;
	margin-top: 2px;
	line-height: 1.3em;
}

h4 {
	font-size:1em;
	margin-top: 0px;
	margin-bottom: 4px;
}

ul.flush, ol.flush {
	margin-left:	0px;
	padding-left:	1.25em;
	margin-top:		0.5em;
}

ul.flush li {
	line-height: 1.3em;
	
	list-style-type: disc;	
	margin-bottom: 	0.5em;
}

ul.sitemap {
list-style: none;
}
ul.sitemap li {
	margin-bottom:5px;	
}

/*type*/

.whitetext{
	color: white;
}
.whitebold {
	font-weight: bold;
}
.medwhite {
	font-size: 1.25em;
	color: white;
}
.largeblue {
	font-size: 1.75em;
	color: #0073CF;
	margin-bottom: 2px;
}
.medblue {
	font-size: 1.25em;
	color: #0073CF;
}
.smallblue, .smallbluestrong {
	font-size: 0.9em;
	color: #0073CF;
	line-height: 1.3em;
}
.smallbluestrong {
	font-weight: bold;
	line-height: 1.3em;
}
.bluetext {
	color: #0073CF;
}


.largegrey {
	font-size: 1.75em;
	color: #747F81;
	line-height: 1.1em;
}
.largegrey a{
	color: #747F81;
	text-decoration: none;	
}
.medgrey {
	font-size: 1.25em;
	color: #747F81;
}
.smallgrey{
	font-size: 0.9em;
	line-height:1.25em;
	color: #747F81;
}
.greytext {
	color: #747F81;
}
.largeorange {
	font-size: 1.75em;
	color: #F89520;
}
.smallorange {
	font-size: 0.9em;
	color: #F89520;
}
.orangetext {
	color: #F89520;
}
.largegreen {
	font-size: 1.75em;
	color: #8CC63F;
}
.greentext {
	color: #8CC63F;	
}

.largebgreen {
	font-size: 2.75em;
	color: #CCFF00;
	margin-bottom: 0.3em;
}

.bgreentext {
	color:#CF0;
}


.lightbluetext {
	color: #6A95CF;
}


.blacktext{
	color: black;
}
.blackbold{
	color: black;
	font-weight: bold;
}
.smallblack {
	font-size: 0.9em;
	color: black;
}

.blueheading {
	color: #0073CF;
	margin-top: 0px;
	margin-bottom: 4px;
}



.ARheader {
	float: left;
	margin-bottom: 0px;
}

.ARheader a{
	color: #999;
	font-weight: bold;
	text-decoration: none;
}


table.inlinetable {
	margin: 20px 0px;
}
/* 

		LAYOUT

 */

#pagewrapper {
	width:985px;
	background:white;
	margin:0 auto;	
	padding: 8px;
}

#header {
	width:985px;
}

#maincontent {
	margin-top:143px;
	clear:both;
}

#footer {
	background:white;
	padding:20px 0;
	clear:both;
}


#toplinks {
	margin:0px;
	float: right;
}

#toplinks li {
	color: #999;
	list-style: none;
	float: left;
	position: relative;
	margin-left: 2px;
}

#toplinks a, #toplinks a:visited {
	color: #999;
	text-decoration: none;
}

#bottomlinks{
	margin: 0px;
	padding: 0px;
}

#bottomlinks a, #bottomlinks a:visited {
	color: #999;
	text-decoration: none;
}
#bottomlinks li{
	color: #999;
	font-size: 0.9em;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 4px;
}

#topbar {
	width:870px;
	float: right;
	margin: 6px 0 12px 44px;
}

#menuexplanations {
	margin:	2px 0 28px 0;
	padding:		0;
	list-style: none;
	float: right;
}

#menuexplanations li{
	font-size: 0.9em;
	font-weight: bold;
	width: 164px;
	float: left;
	position: relative;
	margin-left: 3px;
	padding: 0 4px;
}

#breadcrumbtrail {
	font-size: 0.9em;
	margin-left: 112px;
	margin-bottom: 14px;
	color: #000000;
}

#breadcrumbtrail a {
	text-decoration: none;
	color: #000;
}

#breadcrumbtrail a.greytext {
	text-decoration: none;
	color: #747F81;
}

#atglancenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#atglancenav a {
	text-decoration: none;
	color: #999;
}
#atglancenav a:hover {
	color: #0073CF;
}
#atglancenav li {
	margin-bottom: 4px;
}
#atglancenav li.bluetext {
	width:262px;
	margin-bottom: 20px;
	line-height: 1.2em;
}

#logo {
	float: left;
}




/* 

	column layouts
	
*/

div.mainsinglecolumnleftindented{
	width:237px;
	margin-left: 112px;
	float: left;
	display: inline; /* for IE6 float/margin bug */	
}

div.main2columnleft {
	width:347px;
	float: left;
}

div.main2columnleftindented {
	width:347px;
	margin-left: 112px;
	float: left;
	display: inline; /* for IE6 float/margin bug */
}

div.main3columnleft {
	width:620px;
	float: left;
}

div.main3columnleftindented {
	width:620px;
	margin-left: 112px;
	float: left;
	display: inline; /* for IE6 float/margin bug */
}

div.main2columnright {
	width:347px;
	float: right;
}

div.main3columnright {
	width:525px;
	float: right;
}

div.main5columnindent {
	margin-left: 112px;
	width:872px;
	float: right;	
}

div.main5column {
	width:980px;
}

div.greybox {
	color: #747F81;
	background-color: #CCC;
	padding: 5px 4px;
	margin-bottom: 7px;
}

div.greybox a {
	color: white;
	text-decoration: none;
}


div.greybox p {
	margin: 0px;
}

div.orangebox {
	background-color: #F89520;
	padding: 5px 4px;
	margin-bottom: 7px;
}

div.orangebox p {
	color: white;
}

div.greenbox {
	background-color: #8CC63F;
	padding: 5px 4px;
	margin-bottom: 7px;
}
div.greenbox p {
	color: white;
}

div.bgreenbox {
	color: #747F81;
	line-height: 1.3em;
	background-color: #CF0;
	padding: 8px;
	margin-bottom: 7px;
}

div.bgreybox {
	background-color: #FFF;
	color: #747F81;
	line-height: 1.3em;
	font-weight: normal;
	margin-bottom: 7px;
	padding: 8px 0;
}



div.blueoutline {
	border: 1px solid #0073CF;
	padding: 2px;
	margin-bottom: 20px;
}

div.backtotop {
	margin-top: 40px;
	clear:both;
	text-align:right;
}

div.backtotop a{
	color:#747F81;
	text-decoration:none;
}



/*** MAIN MENU ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		99;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	margin-left:	0px;
}
.sf-menu ul li {
	width:			100%;
	margin-left:	0px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-left:	3px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			31px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
	margin-bottom:	0.2em;
}
.sf-menu a {
	border-top:		1px solid white;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.sf-menu li {
	width:			172px;
	background:		#747F81;
}
.sf-menu li li {
	width:			172px;
	font-size:		0.75em;
	background:		#0073CF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#666;
	outline:		0;
}



/* Additional Styles */
.main2columnleftindented p.image {
	margin-top: 20px;
}
.main2columnleftindented p.first {
	margin-top: 0px;
}
p.pullout {
	color:#8CC63F;
	font-size: 24px;
	margin: 25px 0;
}
p.pulloutindented {
	color:#8CC63F;
	font-size: 24px;
	margin: 25px 70px 25px 178px ;
}


.main2columnleftindented p.pullout {
	width: 320px;
}