sup, sub 
{ 
	vertical-align: 0;
	position: relative; 
}

sup 
{ 
	bottom: 1ex; 
}

sub 
{ 
	top: 0.8ex; 
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

body
{
	margin: 0;
	padding: 0;
	/*
	font-family: "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 70%;
	line-height: 1.1em;
}

a
{
	text-decoration: none;
	color: #02849A;
}
a:hover
{
	text-decoration: underline;
}

#topmenu
{

}

#print-logo
{
	display: none;
}

#main
{

}

#loreshelper
{
	float: left;
	min-width: 800px;

}

#leftcolumn
{
	float: left;
	width: 170px;
	padding: 0 20px 0 10px;
	margin-bottom: 20px;
}

#centercolumn
{
	float: left;
	width: 600px;
	margin-bottom: 20px;
}
#centercolumn .left
{

}
#centercolumn .right
{

}

.rightbias, .leftbias
{
	margin-bottom: 20px;
}

.rightbias .left
{
	float: left;
	width: 200px;
}
.rightbias .right
{
	margin-left: 200px;
	width: 400px;
}

.leftbias .left
{
	float: left;
	width: 400px;
}
.leftbias .right
{
	margin-left: 400px;
	width: 200px;
}

#rightcolumn
{
	float: left;
	width: 170px;
	padding: 0 10px 0 20px;
	margin-bottom: 20px;
}


#footer
{
	margin: 10px;
	clear: both;
	color: #999999;
}
#footer a
{
	color: #999999;
}

#print-footer
{
	display: none;
} /* adds a 1px dark grey border to an image that has a white background */

img.border
{
	float: left;
	margin-right: 5px;
	border:  1px solid #333;
}

div.right img
{
padding-bottom:10px;
}
#narrowsearch
{
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: #008B98;
}

#narrowsearch h4
{
	margin: 0;
	padding: 5px 18px;
	color: #008B98;
	font-size: 1.2em;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #008B98;
}

#narrowsearch ul
{
	margin: 0px;
	padding: 1px 0;
	color: #999999;
	list-style: none;
}

#narrowsearch li
{
	margin: 10px 0;
	padding-left: 18px;
}

#narrowsearch a
{
	color: #999999;
}

#standardcontent p.address
{
	line-height: 1.5em;
}

#standardcontent a h3,#standardcontent h3 a
{
text-decoration:none;
}

.leftbias .right .dlContinuous
{
	margin-top:-20px;
}
#login, #logout
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 55px;
	right: 0;
	list-style: none;
}

#login li, #logout li
{
	display: inline;
	padding: 0 10px;
	color: #666666;
}

#login li a, #logout li a
{
	color: #666666;
}

#logout li.logout
{
	border-left: 1px solid #999999;
}

/* New from here */
#loginmessage
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 90px;
	left: 200px;
	list-style: none;

}

#loginmessage li
{
	display: inline;
	padding: 0px;
	color: #666666;
}

#breadcrumbs
{
	margin: 0;
	padding: 4px 0;
	border-width: 0px;
	border-style: solid;
	border-color: #d1eaee;
	border-top-width: 1px;
	border-bottom-width: 1px;
	color: #008b98;
	font-size: 0.8em;
	text-transform: uppercase;
	overflow: hidden;
}

#breadcrumbs a
{
	color: #008b98;
}

#breadcrumbs .currentpage
{
	font-weight: bold;
}

#hp-images
{
	height: 170px;
	margin: 0 0 5px;
	position: relative;
	color: #037A8B;
}

#hp-images img
{
	display: block;
	float: left;
	width: 135px;
	height: 170px;
	border: 0;
}
#hp-images img.center
{
	margin: 0 15px;
	width: 300px;
}

#hp-images .captiontrigger
{
	position: absolute;
	top: 0;
	height: 170px;
}

#hp-images #hp-image1-caption
{
	left: 0;
	width: 135px;
}
#hp-images #hp-image2-caption
{
	left: 150px;
	width: 300px;
}
#hp-images #hp-image3-caption
{
	right: 0;
	width: 135px;
}

#hp-images img.hp-image-ie-fixer
{
	display: none;
}

#hp-images .caption
{
	display: none;
	padding: 5px;
	position: relative;
	top: 50px;
	height: 110px;
	background-color: #ffffff;
	overflow: hidden;
}

#hp-images .caption .quote
{
	font-size: 1.5em;
	line-height: 1.1em;
}
#hp_pagenav
{
}

#hp_pagenav ul#menu
{
	position: relative;
}

#hp_pagenav ul
{
	z-index: 10;
	position: absolute;
	width: 200px;
	top: 0px;
	margin: 0;
	padding: 0;
	font-weight:bold;
}

#hp_pagenav ul ul
{
	left: 215px;
	display: none;
	background-color: #999;
	font-size: 0.9em;
	width: 193px;
	/*height: 205px;*/
	min-height: 213px;
	overflow: visible;
}

#hp_pagenav ul ul ul
{
	left: 193px;
	display: none;
	background-color: #ccc;
	width: 192px;
	/*height: 205px;*/
	min-height: 100%;
	font-size: 1em;
}

#hp_pagenav li
{
	display: block;
}

#hp_pagenav a
{
	margin: 0px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

#hp_pagenav ul li
{
	/*height: 21px;*/
	margin-bottom: 5px;
	display: block;
}

#hp_pagenav ul ul li
{
	/*height: 17px;*/
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#hp_pagenav ul ul ul li
{
	/*height: 17px;*/
	margin: 0;
	padding: 0;
}

#hp_pagenav ul li a
{
	padding: 5px 7px;
}

#hp_pagenav ul ul li a
{
	/*height: 11px;*/
	padding: 3px 7px 3px 20px;
	background: url(/images/arrow.gif) no-repeat 10px 7px;
}

#hp_pagenav ul ul ul li a
{
	/*height: 11px;*/
	padding: 3px 7px 3px 20px;
}

/* menu colours */
/* help */
#hp_pagenav li.help,
#hp_pagenav li.help ul
{
	background-color: #940030;
}
#hp_pagenav li.help ul li.active
{
	background-color: #d499ac;
}
#hp_pagenav li.help ul li.active a
{
	color: #940030;
	background: url(/images/themes/help/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.help ul ul
{
	background-color: #d499ac;
}
#hp_pagenav li.help ul ul li a
{
	background: url(/images/themes/help/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.help ul ul a,
#hp_pagenav li.help ul ul li.active a
{
	color: #940030;
}
#hp_pagenav li.help ul ul li.active
{
	background-color: #efd9e0;
}

/* pay */
#hp_pagenav li.pay,
#hp_pagenav li.pay ul
{
	background-color: #0b6bb8;
}
#hp_pagenav li.pay ul li.active
{
	background-color: #9dc4e3;
}
#hp_pagenav li.pay ul li.active a
{
	color: #0b6bb8;
	background: url(/images/themes/pay/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.pay ul ul
{
	background-color: #9dc4e3;
}
#hp_pagenav li.pay ul ul li a
{
	background: url(/images/themes/pay/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.pay ul ul a,
#hp_pagenav li.pay ul ul li.active a
{
	color: #0b6bb8;
}
#hp_pagenav li.pay ul ul li.active
{
	background-color: #dbe9f4;
}

/* health */
#hp_pagenav li.health,
#hp_pagenav li.health ul
{
	background-color: #00752f;
}
#hp_pagenav li.health ul li.active
{
	background-color: #99c8ac;
}
#hp_pagenav li.health ul li.active a
{
	color: #00752f;
	background: url(/images/themes/health/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.health ul ul
{
	background-color: #99c8ac;
}
#hp_pagenav li.health ul ul li a
{
	background: url(/images/themes/health/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.health ul ul a,
#hp_pagenav li.health ul ul li.active a
{
	color: #00752f;
}
#hp_pagenav li.health ul ul li.active
{
	background-color: #d9eae0;
}

/* training */
#hp_pagenav li.training,
#hp_pagenav li.training ul
{
	background-color: #4c005a;
}
#hp_pagenav li.training ul li.active
{
	background-color: #b799bd;
}
#hp_pagenav li.training ul li.active a
{
	color: #4c005a;
	background: url(/images/themes/training/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.training ul ul
{
	background-color: #b799bd;
}
#hp_pagenav li.training ul ul li a
{
	background: url(/images/themes/training/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.training ul ul a,
#hp_pagenav li.training ul ul li.active a
{
	color: #4c005a;
}
#hp_pagenav li.training ul ul li.active
{
	background-color: #e4d9e6;
}

/* publications */
#hp_pagenav li.publications,
#hp_pagenav li.publications ul
{
	background-color: #ec4b28;
}
#hp_pagenav li.publications ul li.active
{
	background-color: #f7b7a9;
}
#hp_pagenav li.publications ul li.active a
{
	color: #ec4b28;
	background: url(/images/themes/publications/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.publications ul ul
{
	background-color: #f7b7a9;
}
#hp_pagenav li.publications ul ul li a
{
	background: url(/images/themes/publications/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.publications ul ul a,
#hp_pagenav li.publications ul ul li.active a
{
	color: #ec4b28;
}
#hp_pagenav li.publications ul ul li.active
{
	background-color: #fce4df;
}

/* policy */
#hp_pagenav li.policy,
#hp_pagenav li.policy ul
{
	background-color: #c0000f;
}
#hp_pagenav li.policy ul li.active
{
	background-color: #e6999f;
}
#hp_pagenav li.policy ul li.active a
{
	color: #c0000f;
	background: url(/images/themes/policy/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.policy ul ul
{
	background-color: #e6999f;
}
#hp_pagenav li.policy ul ul li a
{
	background: url(/images/themes/policy/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.policy ul ul a,
#hp_pagenav li.policy ul ul li.active a
{
	color: #c0000f;
}
#hp_pagenav li.policy ul ul li.active
{
	background-color: #f6d9db;
}

/* involved */
#hp_pagenav li.involved,
#hp_pagenav li.involved ul
{
	background-color: #0c2a80;
}
#hp_pagenav li.involved ul li.active
{
	background-color: #9eaacc;
}
#hp_pagenav li.involved ul li.active a
{
	color: #0c2a80;
	background: url(/images/themes/involved/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.involved ul ul
{
	background-color: #9eaacc;
}
#hp_pagenav li.involved ul ul li a
{
	background: url(/images/themes/involved/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.involved ul ul a,
#hp_pagenav li.involved ul ul li.active a
{
	color: #0c2a80;
}
#hp_pagenav li.involved ul ul li.active
{
	background-color: #dbdfec;
}

/* debate */
#hp_pagenav li.debate,
#hp_pagenav li.debate ul
{
	background-color: #5e8c2a;
}
#hp_pagenav li.debate ul li.active
{
	background-color: #bfd1aa;
}
#hp_pagenav li.debate ul li.active a
{
	color: #5e8c2a;
	background: url(/images/themes/debate/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.debate ul ul
{
	background-color: #bfd1aa;
}
#hp_pagenav li.debate ul ul li a
{
	background: url(/images/themes/debate/2ndarrow.png) no-repeat 10px 7px;
}
#hp_pagenav li.debate ul ul a,
#hp_pagenav li.debate ul ul li.active a
{
	color: #5e8c2a;
}
#hp_pagenav li.debate ul ul li.active
{
	background-color: #e7eedf;
}


.imagepullout
{
	padding-top: 8px;
	background-color: #0081c5;
	color: #ffffff;
}

.imagepullout img
{
	display: block;
	border: 0;
}

.imagepullout p
{
	margin: 0;
	padding: 8px;
}

.imagepullout-nocaption
{
	margin-bottom: 20px;
}

#spotlight
{
	background-color: #d1eaee;
	color: #414141;
}

#spotlight h3
{
	background-color: #B4DDE3;
	color: #048FA4;
	margin: 0;
	padding: 5px 10px;
}

#spotlight h4
{
	color: #048FA4;
	margin: 0;
}

#spotlight h4 a
{
	color: #048FA4;
}

#spotlight ul
{
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 10px;
}

#spotlight p
{
	margin: 5px 0;
}

#spotlight p a
{
	color: #414141;
}

#spotlight li
{
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #048FA4;
}

#spotlight li:first-child
{
	border: 0;
}

/*
Note that the CSS3 :nth-child(odd) and :nth-child(even) would be a better way
of styling the following, avoiding the extraneous repeated classes in the HTML,
but IE doesn't handle it and therefore we can't use it without conditional
commenting and extra stylesheets.
*/
#spotlight li.odd img
{
	float: left;
	margin: 0px 4px 4px 0px;
	border: 0;
}

#spotlight li.even img
{
	float: right;
	margin: 0px 0px 4px 4px;
	border: 0;
}

#yellowbutton
{
	color: #000000;
	margin-bottom: 10px;
}

#yellowbutton h4
{
	color: #157b89;
	font-size: 1.8em;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 0px;
}

#yellowbutton h4 a
{
	color: #157b89;
}

#yellowbutton .content
{
	background-color: #f7bd01;
	padding: 1px 10px;
}

#yellowbutton p
{
	padding: 0;
	margin: 0;
}

#yellowbutton p + p
{
	margin-top: 5px;
}

#yellowbutton .top
{
	height: 9px;
	width: 200px;
	background-image: url(/images/box_top_yellow.png);
}
#yellowbutton .bottom
{
	height: 9px;
	width: 200px;
	background-image: url(/images/box_bottom_yellow.png);
}

/* Layout changes when in left column */

#leftcolumn #yellowbutton
{
	margin-top: 10px;
}

#leftcolumn #yellowbutton .top
{
	width: 170px;
	background-image: url(/images/box_top_yellow_narrow.png);
}
#leftcolumn #yellowbutton .bottom
{
	width: 170px;
	background-image: url(/images/box_bottom_yellow_narrow.png);
}

#leftnav
{
	color: #ffffff;
}

#leftnav h3
{
	background-color: #333333;
	margin: 0 0 20px 0;
	padding: 4px 7px;
	font-size: 1em;
}

#leftnav ul
{
	background-color: #333333;
	list-style: none;
	margin: 0;
	padding: 0;
}

#leftnav a
{
	display: block;
	padding: 4px 7px;
	color: #ffffff;
}
#leftnav a:hover
{
	text-decoration: none;
}

#leftnav ul li
{
	border-bottom: 1px solid #cccccc;
}

#leftnav ul li a.selected, #leftnav ul li a:hover
{
	background-color: #999999;
	color: #333333;
}

#leftnav ul ul
{
	background-color: #cccccc;
}

#leftnav ul ul a
{
	color: #333333;
}

#leftnav ul ul li
{
	border: 0 ! important;
}

#leftnav ul ul li a.selected, #leftnav ul ul li a:hover
{
	background-color: #eeeeee;
}


#myatlbar
{
	color: #037A8B;
	position: relative;
	top: -17px;
}

#myatlbar h2
{
	position: absolute;
	top: 0;
	right: 5px;
	width: 59px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url(/images/my_atl.png) top left no-repeat;
	text-indent: -1000em;
}

#myatlbar a
{
	color: #037A8B;
}

#myatlbar .howto
{
	padding: 2px 10px;
}

#myatlbar .howto a
{
	font-size: 0.9em;
	color: #999999;
}

#myatlbar .item
{
	background-color: #E6F4F6;
}

#myatlbar .item h3
{
	font-size: 1.1em;
	background-color: #CCE9ED;
	margin: 0px;
	padding: 5px 10px;
}

#myatlbar .content
{
	padding: 10px;
}

#myatlbar ul
{
	margin: 0 0 0 5px;
	padding: 0;
}

#myatlbar li
{
	margin: 10px;
}

#myatlbar .options
{
	margin-top: 5px;
	padding: 4px 0;
	border-top: 1px solid #048FA4;
	border-top: 1px solid #63B9C6;
}

#myatlbar .options a
{
	display: block;
}

#myatlbar .item fieldset
{
	margin: 0;
	padding: 4px 0;
	border: 0;
}

#myatlbar .item form fieldset:first-child
{
	border: 0;
}

#myatlbar .item fieldset input
{
	margin-left: 0;
}


div#fullorder
{
	margin: 20px 0;
	padding: 0;
	overflow: auto;
}

div#fullorder table
{
	border: 0;
	width: 100%;
}

div#fullorder table
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#fullorder table th,
#fullorder table td
{
	padding: 5px;
	text-align: left;
}
#fullorder table th
{
	color: #666666;
	background-color: #fce4df;
}

#fullorder table .orderitem td
{
	padding-top: 20px;
	border-bottom: 1px solid #cccccc;
}
#fullorder table .orderitem td *
{
	display: block;
}

#fullorder table .orderitem .title
{
	font-weight: bold;
}

#fullorder table .orderitem .quantity
{
	color: #666666;
	font-size: 0.8em;
}
#fullorder table .orderitem .quantityfield
{
	border: 1px solid #666666;
	width: 20px;
	font-size: 0.9em;
}
#fullorder table .orderitem .deleteitem,
#fullorder table .orderitem .updatequant
{
	display: inline;
	border: 0;
	margin: 0;
	padding: 0px;
	font-size: 0.9em;
	background-color: #ec4b28;
	color: #ffffff;
}

/*#fullorder table .orderitem .itemtotal,*/
#fullorder table .subtotal
{
	text-align: right;
}

#fullorder table .subtotal
{
	font-weight: bold;
}
#fullorder table .subtotal .price
{
	font-weight: normal;
}

#fullorder #checkout
{
	float: right;
	display: block;
	border: 0;
	margin-top: 10px;
	padding: 3px;
	width: 160px;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ec4b28;
	color: #ffffff;
}


/* Styles related to checkout page */
#fullorder h3
{
	color: #ec4b28;
	font-size: 1.4em;
	font-weight: normal;
}

#fullorder .deliveryinfo
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
}
#fullorder .deliveryinfo li
{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
#fullorder .deliveryinfo li.postcode
{
	width: 30%;
}
#fullorder .deliveryinfo li.country
{
	width: 65%;
	margin-left: 5%;
}

#fullorder .deliveryinfo label
{
	display: block;
}
#fullorder .deliveryinfo input[type=text], div#fullorder .deliveryinfo select
{
	display: block;
	width: 99%;
	border: 1px solid #cccccc;
	font-size: 0.9em;
}
#fullorder .deliveryinfo textarea
{
	display: block;
	width: 99%;
	border: 1px solid #cccccc;
}

#fullorder #placeorder
{
	float: right;
	display: block;
	width: 140px;
	margin-top: 10px;
	padding: 3px;
	border: 0;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ec4b28;
	color: #ffffff;
}

#standardcontent .resourcedetails
{
	overflow: auto;
}

#standardcontent .resourcedetails h3
{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.3em;
}

#standardcontent .resourcedetails img
{
	float: left;
	margin-right: 5px;
}

#standardcontent .resourcedetails .sideitem
{
	width: 33%;
	float: right;
	margin-left: 5px;
	font-size: 0.9em;
}

#standardcontent .resourcedetails .sideitem h4
{
	margin: 1px 0 0 0;
	padding: 3px 6px;
	color: #ffffff;
	background-color: #ec4b28;
}

#standardcontent .resourcedetails .sideitem h4 a
{
	color: #ffffff;
}

#standardcontent .resourcedetails .sideitem p
{
	margin: 0 0 5px 0;
	padding: 6px;
	background-color: #dddddd;
}

#standardcontent .resourcedetails .sideitem p a
{
	color: #666666;
}

#shortorder
{
	color: #414141;
	margin-bottom: 15px;
}

#shortorder h3
{
	margin: 0;
	padding: 5px 10px;
	font-size: 1.1em;
	background-color: #ec4b28;
	color: #ffffff;
}

#shortorder .summary
{
	margin: 0;
	padding: 10px;
	background-color: #fce4df;
}

#shortorder .resourceitems
{
	margin: 0;
	padding: 5px 10px;
	background-color: #fce4df;
	list-style: none;
}

#shortorder .resourceitems li
{
	margin-bottom: 10px;
}

#shortorder .resourceitems .title
{
	display: block;
	font-weight: bold;
}

#shortorder .resourceitems .deleteitem
{
	font-size: 0.9em;
	margin: 4px 0;
}
#shortorder .resourceitems .deleteitem input
{
	display: inline;
	border: 0;
	margin: 0;
	padding: 0px;
	/*
	*/
	font-size: 0.95em;
	background-color: #ec4b28;
	color: #ffffff;
}

#shortorder .controls
{
	margin: 0;
	padding: 5px 10px;
	background-color: #f7b7a9;
	list-style: none;
}

#shortorder .controls a
{
	color: #414141;
}
#turquoisebutton
{
	color: #ffffff;
	margin-bottom: 10px;
	margin-bottom: 6px;
}

#turquoisebutton h4
{
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0px;

}

#turquoisebutton h4 a
{
	color: #ffffff;
}

#turquoisebutton h4 .two
{
	color: #e24927;
}

#turquoisebutton .content
{
	background-color: #157b89;
	padding: 1px 10px;
}

#turquoisebutton p
{
	padding: 0;
	margin: 0;
}

#turquoisebutton p + p
{
	margin-top: 5px;
}

#turquoisebutton .top
{
	height: 9px;
	width: 200px;
	background-image: url(/images/box_top.gif);
}
#turquoisebutton .bottom
{
	height: 9px;
	width: 200px;
	background-image: url(/images/box_bottom.gif);
}


/* Layout changes when in left column */
#leftcolumn #turquoisebutton
{
	margin-top: 10px;
}
#leftcolumn #turquoisebutton h4
{
	font-size: 1.4em;
}
#leftcolumn #turquoisebutton .top
{
	width: 170px;
	background-image: url(/images/box_top_narrow.gif);
}
#leftcolumn #turquoisebutton .bottom
{
	width: 170px;
	background-image: url(/images/box_bottom_narrow.gif);
}
.newsbox
{
	width: 185px;
	position: relative;
	float: left;
	margin-left: 15px;
}

.newsbox h3
{
	margin: 0;
	padding: 3px 0 3px 10px;
	color: #414141;
	background-color: #ffc30f;
	font-weight: normal;
}

.newsbox .boxcontent
{
	border-width: 0 1px 1px 1px;
	border-color: #ffc30f;
	border-style: dotted;
}

.newsbox ul
{
	margin: 0 0 10px 0;
	padding: 10px;
}

.newsbox li
{
	margin: 0 0 5px 19px;
	padding-top: 5px;
	color: #414141;
}

.newsbox li a
{
	color: #414141;
}

.newsbox .more
{
	background-image: url(/images/newsboxmore.png);
	width: 36px;
	height: 14px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.newsbox .more a
{
	display: block;
	width: 36px;
	height: 14px;
	text-decoration: none;
	text-indent: -1000em;
}
.newsbox .more a:hover
{
	text-decoration: none;
}


#othersuggested h3
{
	margin: 0;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ec4b28;
	color: #ffffff;
}

#othersuggested .resourceitems
{
	margin: 0 0 20px 0;
	padding: 15px 10px 5px;
	list-style: none;
	background-color: #fce4df;
}

#othersuggested .resourceitems li
{
	margin-bottom: 10px;
}

#othersuggested .resourceitems .title
{
	display: block;
	font-weight: bold;
}

#print-email
{
	margin: 5px 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0.9em;
}

#print-email li
{
	display: inline;
}

#print-email li a
{
	color: #999999;
	line-height: 14px;
	text-transform: uppercase;
}

#print-email li a.print
{
	padding-right: 16px;
	margin-right: 8px;
	background: url(/images/print_icon.png) right center no-repeat;
}

#print-email li a.email
{
	padding-left: 8px;
	padding-right: 16px;
	border-left: 1px solid #999999;
	background: url(/images/email_icon.png) right center no-repeat;
}

#print-email li a.english
{
	padding-left: 8px;
	padding-right: 28px;
	background: url(/images/x25x15UKFlag.gif) right center no-repeat;
}

#print-email li a.cymraeg
{
	padding-left: 8px;
	padding-right: 28px;
	background: url(/images/x25x15WelshFlag.gif) right center no-repeat;
}
#quote
{
	position: relative;
	margin: 0px 0px 20px;
	border: 1px dotted #008b98;
	color: #008b98;
}

#quote .startquote
{
	position: absolute;
	top: -3px;
	left: -3px;
	width: 30px;
	height: 23px;
	background: url(/images/startquote.png) top left no-repeat;
	text-indent: -1000em;
	border: 2px solid #fff;
}


#quote .endquote
{
	position: absolute;
	width: 30px;
	height: 23px;
	margin: -23px -0px -0px 0;
	right: 2px;
	bottom:  2px;
	background: url(/images/endquote.png) no-repeat left;
	text-indent: -1000em;
	border: 2px solid #fff;

}


#quote p,
#quote .attribution
{
	margin: 10px;
	padding: 0;
}
#quote p span
{
	font-size: 1.6em;
	line-height: 1.2em;
	padding: 0 0 0 25px;
}

#quote .attribution
{
	font-size: 1em;
	margin-bottom: 30px;
}

/*
The relatedlinks module provides a list with ticks for bullet points.

Note that this style of list may be used for other named items from the design templates,
for example "See also", "ATL in the news", "More education news", etc.

The <h4> in the "relatedlinks.htm" file may be given appropriate text, and the individual
list items likewise, but otherwise nothing need change.
*/

.relatedlinks
{
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: #008B98;
	margin-bottom: 20px;
}

.relatedlinks h4
{
	margin: 0;
	padding: 5px 18px;
	color: #008B98;
	font-size: 1.2em;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #008B98;
}

.relatedlinks ul
{
	margin: 0 0 0 15px;
	padding: 1px 0;
	color: #999999;
	list-style: none;
}

.relatedlinks li
{
	margin: 10px 0;
	padding-left: 15px;
	background: url(/images/bullet_tick.png) left top no-repeat;
}

.relatedlinks a
{
	color: #999999;
}

.relatedlinks p
{
	padding-left: 18px;
}
#searchresults
{
	color: #666666;
	padding-right: 20px;
}

#searchresults h2
{
	font-size: 2em;
	line-height: 1.1em;
	font-weight: normal;
	color: #008b98;
	/*margin: 0 0 30px 0;*/
	margin: 0 0 15px 0;
}

#searchresults .standfirst
{
	font-size: 1.1em;
	font-style: italic;
	color: #008b98;
	/*margin: 10px 0;*/
	margin: 5px 0 15px;
}

#searchresults .searchcontrols
{
	color: #008b98;
}
#searchresults .searchcontrols a
{
	color: #008b98;
}

#searchresults .searchcontrols .pagejump, #searchresults .searchcontrols p
{
 margin: 0;
}

#searchresults .pagejump
{
	font-size: 0.9em;
	font-weight: bold;
	float: right;
}
#searchresults .pagejump *
{
	display: block;
	float: left;
	margin: 0 3px;
}

/* this turns off the "prev 5" link */
#searchresults .pagejump .groupback
{
	display: none;
}

#searchresults .pagejump .pageback, #searchresults .pagejump .pageforward
{
	width: 8px;
	height: 9px;
	text-decoration: none;
	text-indent: -1000em;
	position: relative;
	top: 3px;
}
#searchresults .pagejump .pageback
{
	background: url(/images/search_page_prev.png) top left no-repeat;
}
#searchresults .pagejump .pageforward
{
	background: url(/images/search_page_next.png) top left no-repeat;
}



#searchresults .resultset
{
	margin: 15px 0;
	overflow: auto;
}

#searchresults .resultitem
{
	margin: 10px 0 5px;
	overflow: auto;
}

#searchresults .resultitem .relevance
{
	float: right;
	font-size: 0.8em;
	position: relative;
	top: -3px;
}
#searchresults .resultitem .relevance .meter
{
	/*float: right;*/
	width: 40px;
	border: 1px solid #333333;
}
#searchresults .resultitem .relevance .meter img
{
	height: 5px;
}


#searchresults .resultitem .extract
{
	margin: 3px 0 10px;
}
#searchresults .resultitem .extract .terms
{
	font-weight: bold;
}
#searchresults .resultitem .extract .astext
{
	display: block;
	color: #008b98;
}


#searchresults .documentinfo
{
	overflow: auto;
}
#searchresults .documentinfo h3
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #008b98;
}
#searchresults .documentinfo h3 a
{
	color: #008b98;
}

#searchresults .documentinfo .doctype, #searchresults .documentinfo .docsize
{
	display: block;
	float: left;
	margin: 0 0 0 5px;
	color: #008b98;
}
#searchresults .documentinfo .doctype
{
	display: block;
	float: left;
	margin: 0 0 0 10px;
}
#searchresults .documentinfo .doctype.pdf
{
	width: 12px;
	height: 12px;
	background: url(/images/icon_pdf.png) top left no-repeat;
	text-indent: -1000em;
}


#searchtips
{
	text-align: right;
	margin-bottom: 20px;
}
#searchtips a
{
	color: #008b98;
}

/*
The default colours for h2, standfirst and tables are the ATL Blue colour,
as required by the Search Results page. This allows a sensible default for
the situation where a particular section isn't specified as a body-class
switch.
*/

#standardcontent
{
	color: #444444;
	padding-right: 20px;
}

#standardcontent h2,
#standardcontent h3,
#standardcontent h4
{
	line-height: 1.1em;
	font-weight: normal;
	color: #008b98;
	margin: 0;
}
#standardcontent h2
{
	font-size: 2em;
	margin-bottom: 15px;
}
#standardcontent h3
{
	font-size: 1.3em;
}
#standardcontent h4
{
	font-size: 1.1em;
}

#standardcontent .standfirst
{
	font-size: 1.2em;
	line-height: 1.1em;
	color: #008b98;
}

#standardcontent p
{
	
}
#standardcontent p + h3,
#standardcontent p + h4
{
	margin-top: 20px;
}
#standardcontent h3 + p,
#standardcontent h4 + p
{
	margin-top: 5px;
}


/* For standard content pages with a table (eg. payscales) */
#standardcontent table
{
	border: 0;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#standardcontent caption
{
	/* IE ignores margins on table captions, so we use padding instead */
	color: #008b98;
	padding: 0.5em 0 1.2em;
	text-align: left;
}
#standardcontent thead tr
{
	color: #ffffff;
	background-color: #008b98;
}
#standardcontent tbody tr
{
	color: #000000;
}
#standardcontent th, #standardcontent td
{
	padding: 0.8em;
	text-align: center;
}

/*
Note that the CSS3 :nth-child(odd) and :nth-child(even) would be a better way
of styling the following, avoiding the extraneous repeated classes in the HTML,
but IE doesn't handle it and therefore we can't use it without conditional
commenting and extra stylesheets.
*/
#standardcontent table tbody tr.even
{
	background-color: #d1eaee;
}
#standardcontent table tbody tr.odd
{
	background-color: #ffffff;
}


/* For mixed images and text content items (eg. Education news) */
#standardcontent .mixed
{
	margin: 15px 0;
	overflow: auto;
}
#standardcontent .mixed img
{
	display: block;
	float: left;
	border: 0;
}
#standardcontent .mixed .text
{
	margin-left: 110px;
}
#standardcontent .mixed .text h4
{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#standardcontent .mixed .text .date
{
	margin: 10px 0;
}



/*
Master colour reference for sections

Section menu (unselected): 1st for text, 3rd for background
Section menu (selected): #ffffff for text, 1st for background

Page navigation:
section title - #ffffff text, 1st for bg
level 1 nav - #ffffff text, 1st for bg
level 2 nav - 1st for text, 2nd for bg
level 3 nav - 1st for text, 3rd for bg
level 3 selected - 1st for text, 4th for bg


help & advice: #940030, #d499ac, #efd9e0, #faf2f4
pay & pensions: #0b6bb8, #9dc4e3, #dbe9f4, #f3f7fb
health & safety: #00752f, #99c8ac, #d9eae0, #f2f8f4
training & events: #4c005a, #b799bd, #e4d9e6, #f6f2f7
publications & resources: #ec4b28, #f7b7a9, #fce4df, #fef6f4
policy & campaigns: #c0000f, #e6999f, #f6d9db, #fcf2f3
get involved: #0c2a80, #9eaacc, #dbdfec, #f3f4f9
join the debate: #5e8c2a, #bfd1aa, #e7eedf, #f7f9f4

*/


/* top section menu active */
body.health #topsectionmenu .health a
{
	color: #ffffff;
	background-color: #00752f;
}
/* top section menu active */
body.training #topsectionmenu .training a
{
	color: #ffffff;
	background-color: #4c005a;
}
/* top section menu active */
body.publications #topsectionmenu .publications a
{
	color: #ffffff;
	background-color: #ec4b28;
}
/* top section menu active */
body.policy #topsectionmenu .policy a
{
	color: #ffffff;
	background-color: #c0000f;
}
/* top section menu active */
body.involved #topsectionmenu .involved a
{
	color: #ffffff;
	background-color: #0c2a80;
}
/* top section menu active */
body.debate #topsectionmenu .debate a
{
	color: #ffffff;
	background-color: #5e8c2a;
}

#topmenu
{
	position: relative;
	width: 1000px;
	height: 90px;
	margin-bottom: 20px;
	background: url(/images/navbar_gradient.png) top left repeat-x;
}

#topmenu #display
{
	position: relative;
	float: left;
	width: 200px;
}

#topmenu #display h1
{
	position: absolute;
	top: 0;
	right: 20px;
	width: 77px;
	height: 89px;
	margin: 0;
	padding: 0;
	background: url(/images/atl_logo.png) top left no-repeat;
}
#topmenu #display h1 a
{
	display: block;
	width: 77px;
	height: 89px;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	text-decoration: none;
}

#topmenu #display a
{
	display: block;
	padding: 0 5px;
	width: 93px;
	line-height: 50px;
	color: #000000;
	text-align: center;
}

#topmenu #navbar
{
	float: left;
	padding: 0;
	margin: 0;
	width: 600px;
}

#topmenu #navbar ul
{
	height: 50px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	border-left: 1px solid #ffffff;
	list-style: none;
}
#topmenu #navbar li
{
	float: left;
	height: 50px;
	border-right: 1px solid #ffffff;
}
#topmenu #navbar a
{
	display: block;
	padding: 0px 5px;
	width: 89px;
	line-height: 50px;
	color: #000000;
	text-align: center;
}
#topmenu #navbar li.home a
{
	width: 78px;
}
#topmenu #navbar li.needhelp a
{
	color: #ffffff;
	background-color: #037A8B;
	width: 98px;
}
#topmenu #navbar li.search
{
	display: none;
}
#topmenu #navbar li.search a
{
	width: 78px;
}

#topmenu #search
{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	line-height: 50px;
	text-align: center;
}

#topmenu #search #searchsub
{
	width: 25px;
	padding: 2px 0;
	color: #ffffff;
	background-color: #037A8B;
	font-weight: bold;
	border: 0;
}

#topmenu #search input
{
	font-size: 0.9em;
}

#topmenu #search #searchterms
{
	width: 100px;
}


/* superfish related classes */
#topmenu #navbar ul.sf-topmenu li.sf-mediaoffice:hover
{
	background-image: none;
	background-color: #FFE894;
}

#topmenu #navbar ul.sf-topmenu ul
{

	display: none;
	position: absolute;
	top: 50px;
	margin: 0;
	padding: 10px;
	height: auto;
	width: 280px;
	overflow: auto;
	background-color: #FFE894;
	z-index: 11;
	margin-left: -1px;
}

/* Positions each dropdown menu individually under relevant button */

#topmenu #navbar ul.sf-topmenu ul#dropdown_about {
	

}

#topmenu #navbar ul.sf-topmenu ul#dropdown_join {
	

}

#topmenu #navbar ul.sf-topmenu ul#dropdown_toolbox {
	
	width: 289px;
}

#topmenu #navbar ul.sf-topmenu ul#dropdown_mediaoffice {

	width: 189px;	

}

#topmenu #navbar ul.sf-topmenu ul li
{
	float: left;
	height: auto;
	width: 270px;
	border: 0;
	margin: 2px 0;
	padding-left: 10px;
	background: url(/images/media_menu_arrow.png) left 4px no-repeat;
}

#topmenu #navbar ul.sf-topmenu ul#dropdown_mediaoffice li {
	
	width: 179px;
	
}

#topmenu #navbar ul.sf-topmenu ul li a
{
	text-align: left;
	line-height: normal;
	height: auto;
	width: auto;
}
#topsectionmenu
{
	position: absolute;
	top: 55px;
	left: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	width: 600px;
}

#topsectionmenu li
{
	display: block;
	float: left;
	margin-right: 1px;
}

#topsectionmenu a
{
	display: block;
	padding: 3px 5px;
	text-decoration: none;
}

#topsectionmenu li a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#topsectionmenu .help a
{
	color: #940030;
	background-color: #efd9e0;
	width: 60px;
}
#topsectionmenu .help a:hover
{
	background-color: #940030;
}

#topsectionmenu .pay a
{
	color: #0b6bb8;
	background-color: #dbe9f4;
	width: 66px;
}
#topsectionmenu .pay a:hover
{
	background-color: #0b6bb8;
}

#topsectionmenu .health a
{
	color: #00752f;
	background-color: #d9eae0;
	width: 60px;
}
#topsectionmenu .health a:hover
{
	background-color: #00752f;
}

#topsectionmenu .training a
{
	color: #4c005a;
	background-color: #e4d9e6;
	width: 61px;
}
#topsectionmenu .training a:hover
{
	background-color: #4c005a;
}

#topsectionmenu .publications a
{
	color: #ec4b28;
	background-color: #fce4df;
	width: 79px;
}
#topsectionmenu .publications a:hover
{
	background-color: #ec4b28;
}

#topsectionmenu .policy a
{
	color: #c0000f;
	background-color: #f6d9db;
	width: 75px;
}
#topsectionmenu .policy a:hover
{
	background-color: #c0000f;
}

#topsectionmenu .involved a
{
	color: #0c2a80;
	background-color: #dbdfec;
	width: 59px;
}
#topsectionmenu .involved a:hover
{
	background-color: #0c2a80;
}

#topsectionmenu .debate a
{
	color: #5e8c2a;
	background-color: #e7eedf;
	width: 52px;
}
#topsectionmenu .debate a:hover
{
	background-color: #5e8c2a;
}

#welcome
{
	width: 353px;
	height: 191px;
	border: 1px solid #008b98;
	padding: 20px 15px 0;
	margin-left: 15px;
	overflow: hidden;
}

#welcome h2
{
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	color: #008b98;
}

#welcome .column1
{
	width: 169px;
	float: left;
}

#welcome .column2
{
	width: 169px;
	float: left;
	margin-left: 15px;
}

#welcome p
{
	margin: 10px 0;
	padding: 0;
}


body.help
{
	
}

body.help #standardcontent h1 a,body.help #standardcontent h2 a,body.help #standardcontent h3 a
{
	color: #940030;
}

/* top section menu active */
body.help #topsectionmenu .help a
{
	color: #ffffff;
	background-color: #940030;
}


/* left nav */
body.help #leftnav h3
{
	background-color: #940030;
}
body.help #leftnav ul
{
	background-color: #940030;
}
body.help #leftnav ul li
{
	border-bottom: 1px solid #efd9e0;
}
body.help #leftnav ul li a.selected, body.help #leftnav ul li a:hover
{
	background-color: #d499ac;
	color: #940030;
}
body.help #leftnav ul ul
{
	background-color: #efd9e0;
}
body.help #leftnav ul ul a
{
	color: #940030;
}
body.help #leftnav ul ul li a.selected, body.help #leftnav ul ul li a:hover
{
	background-color: #faf2f4;
}


/* breadcrumbs */
body.help #breadcrumbs
{
	border-color: #d499ac;
	color: #940030;
}
body.help #breadcrumbs a
{
	color: #940030;
}


/* standard content */
body.help #standardcontent h2,
body.help #standardcontent h3,
body.help #standardcontent h4
{
	color: #940030;

}


body.help #standardcontent .standfirst, body.help #standardcontent .standfirst p
{
	color: #940030;
}

body.help #standardcontent h2.underscored
{
	border-bottom: solid 1px #940030;
}

/* faq content */
body.help #faqcontent h2,
body.help #faqcontent h3,
body.help #faqcontent h4
{
	color: #940030;
}


body.help #faqcontent .standfirst
{
	color: #940030;
}


/* quote */
body.help #quote
{
	border: 1px dotted #940030;
	color: #940030;
}
body.help #quote .startquote, body.help #quote .endquote
{
	color: #940030;
}


/* related links */
body.help .relatedlinks
{
	border-color: #940030;
}
body.help .relatedlinks h4
{
	color: #940030;
	border-color: #940030;
}


/* image pullout */
body.help .imagepullout
{
	background-color: #940030;
}



/* standard content - table insert */
body.help #standardcontent caption
{
	color: #940030;
}
body.help #standardcontent thead tr
{
	background-color: #940030;
}

body.help #standardcontent table tr.even
{
	background-color: #d499ac;
}


body.help #quote .startquote
{
	background: url(/images/themes/help/startquote.gif) top left no-repeat;
}

body.help #quote .endquote
{
	background: #FFF url(/images/themes/help/endquote.gif) no-repeat left;
}

body.help div#searchbox 
{
	background-color: #940030;
}

body.help div#searchbox #fbsub {
	color: #940030;
}

body.branch
{
	
}

body.branch #standardcontent h1 a, body.branch #standardcontent h2 a ,body.branch #standardcontent h3 a
{
	color: #7d400b;
}

/* top section menu active */
body.branch #topsectionmenu .branch a
{
	color: #ffffff;
	background-color: #7d400b;
}


/* left nav */
body.branch #leftnav h3
{
	background-color: #7d400b;
}

body.branch #leftnav ul
{
	background-color: #7d400b;
}

body.branch #leftnav ul li
{
	border-bottom: 1px solid #efd9e0;
}
body.branch #leftnav ul li a.selected, body.branch #leftnav ul li a:hover
{
	background-color: #a47954;
	color: #7d400b;
}

body.branch #leftnav ul ul
{
	background-color: #d8c5b5;
}

body.branch #leftnav ul ul a
{
	color: #7d400b;
}

body.branch #leftnav ul ul li a.selected, body.branch #leftnav ul ul li a:hover
{
	background-color: #f2ebe6;
}


/* breadcrumbs */
body.branch #breadcrumbs
{
	border-color: #a47954;
	color: #7d400b;
}

body.branch #breadcrumbs a
{
	color: #7d400b;
}


/* standard content */
/* faq content */
body.branch #standardcontent h2,
body.branch #standardcontent h3,
body.branch #standardcontent h4,
body.branch #faqcontent h2,
body.branch #faqcontent h3,
body.branch #faqcontent h4
{
	color: #7d400b;
}

body.branch #standardcontent .standfirst,
body.branch #faqcontent .standfirst
{
	color: #7d400b;
}


/* quote */
body.branch #quote
{
	border: 1px dotted #7d400b;
	color: #7d400b;
}

body.branch #quote .startquote, body.branch #quote .endquote
{
	color: #7d400b;
}


/* related links */
body.branch .relatedlinks
{
	border-color: #7d400b;
}

body.branch .relatedlinks h4
{
	color: #7d400b;
	border-color: #7d400b;
}


/* image pullout */
body.branch .imagepullout
{
	background-color: #7d400b;
}



/* standard content - table insert */
body.branch #standardcontent caption
{
	color: #7d400b;
}

body.branch #standardcontent thead tr
{
	background-color: rgba(125,64,11,0.7);
}

body.branch #standardcontent table tr.even
{
	background-color: #a47954;
}

body.pay
{
	
}

body.pay #standardcontent h1, body.pay #standardcontent h2 a, body.pay #standardcontent h3 a
{
	color: #0b6bb8;
}

/* top section menu active */
body.pay #topsectionmenu .pay a
{
	color: #ffffff;
	background-color: #0b6bb8;
}


/* left nav */
body.pay #leftnav h3
{
	background-color: #0b6bb8;
}
body.pay #leftnav ul
{
	background-color: #0b6bb8;
}
body.pay #leftnav ul li
{
	border-bottom: 1px solid #dbe9f4;
}
body.pay #leftnav ul li a.selected, body.pay #leftnav ul li a:hover
{
	background-color: #9dc4e3;
	color: #0b6bb8;
}
body.pay #leftnav ul ul
{
	background-color: #dbe9f4;
}
body.pay #leftnav ul ul a
{
	color: #0b6bb8;
}
body.pay #leftnav ul ul li a.selected, body.pay #leftnav ul ul li a:hover
{
	background-color: #f3f7fb;
}


/* breadcrumbs */
body.pay #breadcrumbs
{
	border-color: #9dc4e3;
	color: #0b6bb8;
}
body.pay #breadcrumbs a
{
	color: #0b6bb8;
}


/* standard content */
body.pay #standardcontent h2,
body.pay #standardcontent h3,
body.pay #standardcontent h4
{
	color: #0b6bb8;
}
body.pay #standardcontent .standfirst, body.pay #standardcontent .standfirst p
{
	color: #0b6bb8;
}


/* faq content */
body.pay #faqcontent h2,
body.pay #faqcontent h3,
body.pay #faqcontent h4
{
	color: #0b6bb8;
}
body.pay #faqcontent .standfirst
{
	color: #0b6bb8;
}


/* quote */
body.pay #quote
{
	border: 1px dotted #0b6bb8;
	color: #0b6bb8;
}
body.pay #quote .startquote, body.pay #quote .endquote
{
	color: #0b6bb8;
}


/* related links */
body.pay .relatedlinks
{
	border-color: #0b6bb8;
}
body.pay .relatedlinks h4
{
	color: #0b6bb8;
	border-color: #0b6bb8;
}


/* image pullout */
body.pay .imagepullout
{
	background-color: #0b6bb8;
}


/* standard content - table insert */
body.pay #standardcontent caption
{
	color: #0b6bb8;
}
body.pay #standardcontent thead tr
{
	background-color: #0b6bb8;
}

body.pay #standardcontent table tr.even
{
	background-color: #dbe9f4;
}


body.pay #quote .startquote
{
	background: url(/images/themes/pay/startquote.gif) top left no-repeat;
}

body.pay #quote .endquote
{
	background: #FFF url(/images/themes/pay/endquote.gif) no-repeat left;
}

body.pay div#searchbox 
{
	background-color: #0b6bb8;
}

body.pay div#searchbox #fbsub {
	color: #0b6bb8;
}

body.publications
{
	
}

body.publications #standardcontent h1 a, body.publications #standardcontent h2 a, body.publications #standardcontent h3 a
{
	color: #ec4b28;
}

/* top section menu active */
body.publications #topsectionmenu .publications a
{
	color: #ffffff;
	background-color: #ec4b28;
}


/* left nav */
body.publications #leftnav h3
{
	background-color: #ec4b28;
}
body.publications #leftnav ul
{
	background-color: #ec4b28;
}
body.publications #leftnav ul li
{
	border-bottom: 1px solid #fce4df;
}
body.publications #leftnav ul li a.selected, body.publications #leftnav ul li a:hover
{
	background-color: #f7b7a9;
	color: #ec4b28;
}
body.publications #leftnav ul ul
{
	background-color: #fce4df;
}
body.publications #leftnav ul ul a
{
	color: #ec4b28;
}
body.publications #leftnav ul ul li a.selected, body.publications #leftnav ul ul li a:hover
{
	background-color: #fef6f4;
}


/* breadcrumbs */
body.publications #breadcrumbs
{
	border-color: #f7b7a9;
	color: #ec4b28;
}
body.publications #breadcrumbs a
{
	color: #ec4b28;
}


/* standard content */
body.publications #standardcontent h2,
body.publications #standardcontent h3,
body.publications #standardcontent h4
{
	color: #ec4b28;
}
body.publications #standardcontent .standfirst, body.publications #standardcontent .standfirst p
{
	color: #ec4b28;
}


/* faq content */
body.publications #faqcontent h2,
body.publications #faqcontent h3,
body.publications #faqcontent h4
{
	color: #ec4b28;
}
body.publications #faqcontent .standfirst
{
	color: #ec4b28;
}

body.publications #standardcontent h2.underscored
{
	border-bottom: solid 1px #ec4b28;
}

/* quote */
body.publications #quote
{
	border: 1px dotted #ec4b28;
	color: #ec4b28;
}
body.publications #quote .startquote, body.publications #quote .endquote
{
	color: #ec4b28;
}


/* related links */
body.publications .relatedlinks
{
	border-color: #ec4b28;
}
body.publications .relatedlinks h4
{
	color: #ec4b28;
	border-color: #ec4b28;
}


/* image pullout */
body.publications .imagepullout
{
	background-color: #ec4b28;
}


/* standard content - table insert */
body.publications #standardcontent caption
{
	color: #ec4b28;
}
body.publications #standardcontent thead tr
{
	background-color: #ec4b28;
}

body.publications #standardcontent table tr.even
{
	background-color: #fce4df;
}



body.publications #quote .startquote
{
	background: url(/images/themes/publications/startquote.gif) top left no-repeat;
}

body.publications #quote .endquote
{
	background: #FFF url(/images/themes/publications/endquote.gif) no-repeat left;
}

body.publications div#searchbox 
{
	background-color: #ec4b28;
}

body.publications div#searchbox #fbsub {
	color: #ec4b28;
}

body.debate
{
	
}

body.debate #standardcontent h1, body.debate #standardcontent h2 a, body.debate #standardcontent h3 a
{
	color: #5e8c2a;
}

/* top section menu active */
body.debate #topsectionmenu .debate a
{
	color: #ffffff;
	background-color: #5e8c2a;
}


/* left nav */
body.debate #leftnav h3
{
	background-color: #5e8c2a;
}
body.debate #leftnav ul
{
	background-color: #5e8c2a;
}
body.debate #leftnav ul li
{
	border-bottom: 1px solid #e7eedf;
}
body.debate #leftnav ul li a.selected, body.debate #leftnav ul li a:hover
{
	background-color: #bfd1aa;
	color: #5e8c2a;
}
body.debate #leftnav ul ul
{
	background-color: #e7eedf;
}
body.debate #leftnav ul ul a
{
	color: #5e8c2a;
}
body.debate #leftnav ul ul li a.selected, body.debate #leftnav ul ul li a:hover
{
	background-color: #f7f9f4;
}


/* breadcrumbs */
body.debate #breadcrumbs
{
	border-color: #bfd1aa;
	color: #5e8c2a;
}
body.debate #breadcrumbs a
{
	color: #5e8c2a;
}


/* standard content */
body.debate #standardcontent h2,
body.debate #standardcontent h3,
body.debate #standardcontent h4
{
	color: #5e8c2a;
}
body.debate #standardcontent .standfirst, body.debate #standardcontent .standfirst p
{
	color: #5e8c2a;
}

body.debate #standardcontent h2.underscored
{
	border-bottom: solid 1px #5e8c2a;
}

/* faq content */
body.debate #faqcontent h2,
body.debate #faqcontent h3,
body.debate #faqcontent h4
{
	color: #5e8c2a;
}
body.debate #faqcontent .standfirst
{
	color: #5e8c2a;
}


/* quote */
body.debate #quote
{
	border: 1px dotted #5e8c2a;
	color: #5e8c2a;
}
body.debate #quote .startquote, body.debate #quote .endquote
{
	color: #5e8c2a;
}


/* related links */
body.debate .relatedlinks
{
	border-color: #5e8c2a;
}
body.debate .relatedlinks h4
{
	color: #5e8c2a;
	border-color: #5e8c2a;
}


/* image pullout */
body.debate .imagepullout
{
	background-color: #5e8c2a;
}


/* standard content - table insert */
body.debate #standardcontent caption
{
	color: #5e8c2a;
}
body.debate #standardcontent thead tr
{
	background-color: #5e8c2a;
}

body.debate #standardcontent table tr.even
{
	background-color: #e7eedf;
}


body.debate #quote .startquote
{
	background: url(/images/themes/debate/startquote.gif) top left no-repeat;
}

body.debate #quote .endquote
{
	background: #FFF url(/images/themes/debate/endquote.gif) no-repeat left;
}

body.debate div#searchbox 
{
	background-color: #5e8c2a;
}

body.debate div#searchbox #fbsub {
	color: #5e8c2a;
}

body.health
{
	
}

body.health #standardcontent h1 a, body.health #standardcontent h2 a, body.health #standardcontent h3 a
{
	color: #00752f;
}

/* top section menu active */
body.health #topsectionmenu .health a
{
	color: #ffffff;
	background-color: #00752f;
}


/* left nav */
body.health #leftnav h3
{
	background-color: #00752f;
}
body.health #leftnav ul
{
	background-color: #00752f;
}
body.health #leftnav ul li
{
	border-bottom: 1px solid #d9eae0;
}
body.health #leftnav ul li a.selected, body.health #leftnav ul li a:hover
{
	background-color: #99c8ac;
	color: #00752f;
}
body.health #leftnav ul ul
{
	background-color: #d9eae0;
}
body.health #leftnav ul ul a
{
	color: #00752f;
}
body.health #leftnav ul ul li a.selected, body.health #leftnav ul ul li a:hover
{
	background-color: #f2f8f4;
}


/* breadcrumbs */
body.health #breadcrumbs
{
	border-color: #99c8ac;
	color: #00752f;
}
body.health #breadcrumbs a
{
	color: #00752f;
}


/* standard content */
body.health #standardcontent h2,
body.health #standardcontent h3,
body.health #standardcontent h4
{
	color: #00752f;
}
body.health #standardcontent .standfirst, body.health #standardcontent .standfirst p
{
	color: #00752f;
}

body.health #standardcontent h2.underscored
{
	border-bottom: solid 1px #00752f;
}

/* faq content */
body.health #faqcontent h2,
body.health #faqcontent h3,
body.health #faqcontent h4
{
	color: #00752f;
}
body.health #faqcontent .standfirst
{
	color: #00752f;
}


/* quote */
body.health #quote
{
	border: 1px dotted #00752f;
	color: #00752f;
}
body.health #quote .startquote, body.health #quote .endquote
{
	color: #00752f;
}


/* related links */
body.health .relatedlinks
{
	border-color: #00752f;
}
body.health .relatedlinks h4
{
	color: #00752f;
	border-color: #00752f;
}


/* image pullout */
body.health .imagepullout
{
	background-color: #00752f;
}


/* standard content - table insert */
body.health #standardcontent caption
{
	color: #00752f;
}
body.health #standardcontent thead tr
{
	background-color: #00752f;
}

body.health #standardcontent table tr.even
{
	background-color: #d9eae0;
}


body.health #quote .startquote
{
	background: url(/images/themes/health/startquote.gif) top left no-repeat;
}

body.health #quote .endquote
{
	background: #FFF url(/images/themes/health/endquote.gif) no-repeat left;
}

body.health div#searchbox 
{
	background-color: #00752f;
}

body.health div#searchbox #fbsub {
	color: #00752f;
}

body.policy
{
	
}

body.policy #standardcontent h1 a, body.policy #standardcontent h2 a,body.policy #standardcontent h3 a
{
	color: #c0000f;
}

/* top section menu active */
body.policy #topsectionmenu .policy a
{
	color: #ffffff;
	background-color: #c0000f;
}


/* left nav */
body.policy #leftnav h3
{
	background-color: #c0000f;
}
body.policy #leftnav ul
{
	background-color: #c0000f;
}
body.policy #leftnav ul li
{
	border-bottom: 1px solid #f6d9db;
}
body.policy #leftnav ul li a.selected, body.policy #leftnav ul li a:hover
{
	background-color: #e6999f;
	color: #c0000f;
}
body.policy #leftnav ul ul
{
	background-color: #f6d9db;
}
body.policy #leftnav ul ul a
{
	color: #c0000f;
}
body.policy #leftnav ul ul li a.selected, body.policy #leftnav ul ul li a:hover
{
	background-color: #fcf2f3;
}


/* breadcrumbs */
body.policy #breadcrumbs
{
	border-color: #e6999f;
	color: #c0000f;
}
body.policy #breadcrumbs a
{
	color: #c0000f;
}


/* standard content */
body.policy #standardcontent h2,
body.policy #standardcontent h3,
body.policy #standardcontent h4
{
	color: #c0000f;
}
body.policy #standardcontent .standfirst, 
body.policy #main #centercolumn .leftbias .left #standardcontent .standfirst p
{
	color: #c0000f;
}

body.policy #standardcontent h2.underscored
{
	border-bottom: solid 1px #c0000f;
}
/* faq content */
body.policy #faqcontent h2,
body.policy #faqcontent h3,
body.policy #faqcontent h4
{
	color: #c0000f;
}
body.policy #faqcontent .standfirst
{
	color: #c0000f;
}


/* quote */
body.policy #quote
{
	border: 1px dotted #c0000f;
	color: #c0000f;
}
body.policy #quote .startquote, body.policy #quote .endquote
{
	color: #c0000f;
}


/* related links */
body.policy .relatedlinks
{
	border-color: #c0000f;
}
body.policy .relatedlinks h4
{
	color: #c0000f;
	border-color: #c0000f;
}


/* image pullout */
body.policy .imagepullout
{
	background-color: #c0000f;
}


/* standard content - table insert */
body.policy #standardcontent caption
{
	color: #c0000f;
}
body.policy #standardcontent thead tr
{
	background-color: #c0000f;
}

body.policy #standardcontent table tr.even
{
	background-color: #f6d9db;
}


body.policy #quote .startquote
{
	background: url(/images/themes/policy/startquote.gif) top left no-repeat;
}

body.policy #quote .endquote
{
	background: #FFF url(/images/themes/policy/endquote.gif) no-repeat left;
}

body.policy div#searchbox 
{
	background-color: #c0000f;
}

body.policy div#searchbox #fbsub {
	color: #c0000f;
}

body.involved
{
	
}

body.involved #standardcontent h1 a, body.involved #standardcontent h2 a,body.involved #standardcontent h3 a
{
	color: #0c2a80;
}

/* top section menu active */
body.involved #topsectionmenu .involved a
{
	color: #ffffff;
	background-color: #0c2a80;
}


/* left nav */
body.involved #leftnav h3
{
	background-color: #0c2a80;
}
body.involved #leftnav ul
{
	background-color: #0c2a80;
}
body.involved #leftnav ul li
{
	border-bottom: 1px solid #dbdfec;
}
body.involved #leftnav ul li a.selected, body.involved #leftnav ul li a:hover
{
	background-color: #9eaacc;
	color: #0c2a80;
}
body.involved #leftnav ul ul
{
	background-color: #dbdfec;
}
body.involved #leftnav ul ul a
{
	color: #0c2a80;
}
body.involved #leftnav ul ul li a.selected, body.involved #leftnav ul ul li a:hover
{
	background-color: #f3f4f9;
}


/* breadcrumbs */
body.involved #breadcrumbs
{
	border-color: #9eaacc;
	color: #0c2a80;
}
body.involved #breadcrumbs a
{
	color: #0c2a80;
}


/* standard content */
body.involved #standardcontent h2,
body.involved #standardcontent h3,
body.involved #standardcontent h4
{
	color: #0c2a80;
}
body.involved #standardcontent .standfirst, body.involved #standardcontent .standfirst p
{
	color: #0c2a80;
}

body.involved #standardcontent h2.underscored
{
	border-bottom: solid 1px #0c2a80;
}

/* faq content */
body.involved #faqcontent h2,
body.involved #faqcontent h3,
body.involved #faqcontent h4
{
	color: #0c2a80;
}
body.involved #faqcontent .standfirst
{
	color: #0c2a80;
}


/* quote */
body.involved #quote
{
	border: 1px dotted #0c2a80;
	color: #0c2a80;
}
body.involved #quote .startquote, body.involved #quote .endquote
{
	color: #0c2a80;
}


/* related links */
body.involved .relatedlinks
{
	border-color: #0c2a80;
}
body.involved .relatedlinks h4
{
	color: #0c2a80;
	border-color: #0c2a80;
}


/* image pullout */
body.involved .imagepullout
{
	background-color: #0c2a80;
}


/* standard content - table insert */
body.involved #standardcontent caption
{
	color: #0c2a80;
}
body.involved #standardcontent thead tr
{
	background-color: #0c2a80;
}

body.involved #standardcontent table tr.even
{
	background-color: #dbdfec;
}


body.involved #quote .startquote
{
	background: url(/images/themes/involved/startquote.gif) top left no-repeat;
}

body.involved #quote .endquote
{
	background: #FFF url(/images/themes/involved/endquote.gif) no-repeat left;
}

body.involved div#searchbox 
{
	background-color: #0c2a80;
}

body.involved div#searchbox #fbsub {
	color: #0c2a80;
}

body.training
{
	
}

body.training #standardcontent h1 a, body.training #standardcontent h2 a, body.training #standardcontent h3 a
{
	color: #4c005a;
}

/* top section menu active */
body.training #topsectionmenu .training a
{
	color: #ffffff;
	background-color: #4c005a;
}


/* left nav */
body.training #leftnav h3
{
	background-color: #4c005a;
}
body.training #leftnav ul
{
	background-color: #4c005a;
}
body.training #leftnav ul li
{
	border-bottom: 1px solid #e4d9e6;
}
body.training #leftnav ul li a.selected, body.training #leftnav ul li a:hover
{
	background-color: #b799bd;
	color: #4c005a;
}
body.training #leftnav ul ul
{
	background-color: #e4d9e6;
}
body.training #leftnav ul ul a
{
	color: #4c005a;
}
body.training #leftnav ul ul li a.selected, body.training #leftnav ul ul li a:hover
{
	background-color: #f6f2f7;
}


/* breadcrumbs */
body.training #breadcrumbs
{
	border-color: #b799bd;
	color: #4c005a;
}
body.training #breadcrumbs a
{
	color: #4c005a;
}


/* standard content */
body.training #standardcontent h2,
body.training #standardcontent h3,
body.training #standardcontent h4
{
	color: #4c005a;
}
body.training #standardcontent .standfirst, body.training #standardcontent .standfirst p
{
	color: #4c005a;
}


/* faq content */
body.training #faqcontent h2,
body.training #faqcontent h3,
body.training #faqcontent h4
{
	color: #4c005a;
}
body.training #faqcontent .standfirst
{
	color: #4c005a;
}

body.training #standardcontent h2.underscored
{
	border-bottom: solid 1px #4c005a;
}

/* quote */
body.training #quote
{
	border: 1px dotted #4c005a;
	color: #4c005a;
}
body.training #quote .startquote, body.training #quote .endquote
{
	color: #4c005a;
}


/* related links */
body.training .relatedlinks
{
	border-color: #4c005a;
}
body.training .relatedlinks h4
{
	color: #4c005a;
	border-color: #4c005a;
}


/* image pullout */
body.training .imagepullout
{
	background-color: #4c005a;
}


/* standard content - table insert */
body.training #standardcontent caption
{
	color: #4c005a;
}
body.training #standardcontent thead tr
{
	background-color: #4c005a;
}

body.training #standardcontent table tr.even
{
	background-color: #e4d9e6;
}



body.training #quote .startquote
{
	background: url(/images/themes/training/startquote.gif) top left no-repeat;
}

body.training #quote .endquote
{
	background: #FFF url(/images/themes/training/endquote.gif) no-repeat left;
}

body.training div#searchbox 
{
	background-color: #4c005a;
}

body.training div#searchbox #fbsub {
	color: #4c005a;
}

#tools
{
	color: #037A8B;
}

#tools #findbranch
{
	margin: 0 0 0 0;
	padding: 10px;
	background-color: #CCE9ED;
}

#tools #findbranch h3
{
	font-size: 1.1em;
	margin: 0 0 2px;
	padding: 0;
}

#tools #findbranch select, #tools #findbranch input
{
	font-size: 0.9em;
}

#tools #findbranch #branchlist
{
	width: 110px;
}

#tools #findbranch #fbsub
{
	width: 30px;
	padding: 2px 0;
	color: #ffffff;
	background-color: #037A8B;
	font-weight: bold;
	border: 0;
}

#tools #updatemem
{
	margin: 15px 0 0 0;
}

#tools #updatemem a
{
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #ffffff;
	background-color: #037A8B;
	font-size: 1em;
}

/*
mode800

This provides all the stylesheet modifications for when the window is below 1000px
in viewport width. The right-hand bar already automatically flicks down underneath
the left-hand bar, but needs some changes to its margins to align it correctly.

Other areas require resizing, such as the buttons in the top menu.

*/


/* top menu bar */
.mode800 #topmenu
{
	width: 800px;
}

.mode800 #topmenu #navbar a
{
	padding: 0px 2px;
	width: 91px;
}
.mode800 #topmenu #navbar li.home a
{
	width: 54px;
}
.mode800 #topmenu #navbar li.aboutatl a
{
	width: 75px;

}
/* The next is required as otherwise the about menu is over-squashed ALB 10 2008 */
.mode800 #topmenu #navbar li.aboutatl ul li a
{
	width: 175px;

}

.mode800 #topmenu #navbar li.needhelp a
{
	width: 102px;
}
.mode800 #topmenu #navbar li.search
{
	display: block;
}
.mode800 #topmenu #navbar li.search a
{
	width: 60px;
}


.mode800 #topmenu #search
{
	display: none;
}


.mode800 #login, .mode800 #logout
{
	margin-top:40px;
	margin-right:-10px;

}


/* right column re-padding */
.mode800 #rightcolumn
{
	padding: 0;
}

/* MyATL Bar top margin */
.mode800 #myatlbar
{
	margin-top: 20px;
}
div#searchbox {

	background-color: #037a8b;
	color: #fff;
	height: 60px;
	position: relative;
	margin-bottom:10px;
}

div#searchbox h3 {

	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

div#searchbox #searchterms {

	position: absolute;
	left: 10px;
	top: 30px;
	width: 140px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	height: 14px;
	border: 1px solid white;
}

div#searchbox #fbsub {

	position: absolute;
	right: 10px;
	top: 30px;
	width: 25px;
	padding: 2px 0;
	background-color: #ffffff;
	color: #037a8b;
	font-weight: bold;
	border: 0;
	height: 16px;
	font-size: 10px;
}


/*
The relatedlinks module provides a list with ticks for bullet points.

Note that this style of list may be used for other named items from the design templates,
for example "See also", "ATL in the news", "More education news", etc.

The <h4> in the "relatedlinks.htm" file may be given appropriate text, and the individual
list items likewise, but otherwise nothing need change.
*/

.contact_details
{
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: #7d400B;
	margin: 20px 0;



}

.contact_details img {

	padding:  0;
	margin: 0;
}

.contact_details h4
{
	margin: 0;
	padding: 5px 18px;
	color: #7d400B;
	font-size: 1.2em;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #7d400B;
}

.contact_details p {

	font-weight: bold;
	padding: 0 0 0 10px;

	margin-top: 0;
}



.contact_details dl {

	margin: 0;
	padding: 10px;	
}
.contact_details dt {
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	}

.contact_details dd {
	
	margin-left: 60px;
		margin-bottom: 10px;
}