/* Normal CSS for Mayo */
/*
Base colours
hr = #a42076
people = #b8d432
organisation = #44b3c0 
*/

body 
{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0.75em;
	line-height: 1.65em;
	font-family: Arial, Helvetica, sans-serif;
	color: #454647;
}

p
{
	font-size: 100%;
	padding: 10px 20px 0 5px;
	margin: 0;
}

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

li
{
	padding: 5px 0;
}

h1
{
	font-size: 150%;
	padding: 20px 20px 0 5px;
}

h2
{
	font-size: 130%;
	padding: 20px 20px 0 5px;
}

h3
{
	font-size: 110%;
	padding: 20px 20px 0 5px;
}

h4
{
	margin: 0;
	font-size: 130%;
	padding: 10px 20px 0 5px;
}

a
{
	color: #00b8f2;
	text-decoration: none;
	outline: none;
}

a:hover
{
	color: #333;
}

img
{
	border: none;
}

fieldset
{
	border: none;
}

table
{
	font-size: 100%;	
}

#challenge table
{
	font-size: 90%;	
}

/* Layout styles */
/* Hacks IE to centre the page. Don't forget to override the alignment later */
* html body
{
	text-align: center;
}

/* Le Wrapper (The Wrapper) */
/* Re-align text (done in the IE specific css), set auto margins for centre. Wurd... */
#wrapper
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	padding:  0;
}

#inwrapper
{
	width: 935px;
	margin-left: 25px;
	padding:  0;
}

#header
{
	width: 910px;
	padding: 0 0 5px;
}

#logo
{
	float: left;
	padding: 10px 0 0 7px;
}


/* Search area styles */
#searchpanel
{
	float: right;
	text-align: right;
	padding: 30px 5px 10px 0;
}

#searchpanel fieldset, #searchpanel legend, #searchpanel .middleColumn, #searchpanel input.text
{
	margin: 0;
	padding: 0;	
	font-size: 100%;
	width: 100px;
	border: none;
}

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

#searchpanel input
{
	border: none;
	color: #939598;
	
}

#searchbox
{
	background: #E6E7E8 url(../images/search-bg.png) no-repeat top left;
	padding: 7px 7px 7px 30px;;
	margin-top: 10px;
	width: 175px;
	height: 21px;
}

.sbleft
{
	float: left;
	height: 20px;
	padding: 2px 0 0 18px;
}

.sbright
{
	float: left;
	height: 20px;
	padding: 2px 0 0 10px;
}

#panel
{

}
#intro
{
	padding: 10px 0 5px 0;
}

#content
{
	padding: 0;
}

.peoplecontent, .organisationcontent, .hrcontent
{
	float: right;
	width: 540px;
	padding: 0 35px 0 10px;
}

.peoplecontent h1, .peoplecontent h2, .peoplecontent h3
{
	color: #b8d432;
	margin: 0;
	padding: 0 5px;
}

.organisationcontent h1, .organisationcontent h2, .organisationcontent h3
{
	color: #44b3c0 ;
	margin: 0;
	padding: 0 5px;
}

.hrcontent h1, .hrcontent h2, .hrcontent h3
{
	color: #a42076;
	margin: 0;
	padding: 0 5px;
}

.peoplecontent ul
{
	list-style-type: disc;	
	padding-left: 15px;	
	margin-left: 5px;
	color: #b8d432;
}

.organisationcontent ul
{
	list-style-type: disc;	
	padding-left: 15px;	
	margin-left: 5px;
	color: #44b3c0;
}

.hrcontent ul
{
	list-style-type: disc;	
	padding-left: 15px;	
	margin-left: 5px;
	color: #a42076;
}

.peoplecontent ul li p, .organisationcontent ul li p, .hrcontent ul li p
{
	margin: 0;
	padding: 0;
	color: #656667;
}

.contentleft
{
	float: left;
	width: 340px;
	padding-right: 10px;
}

.contentleft h6
{
	padding: 2px 5px 5px 25px;
	margin: 0 5px;
	font-size: 125%;
	font-weight: normal;
}

.pcl h6
{
	color: #b8d432;
	background: transparent url(../images/pcl-h6-bg.png) top left no-repeat;
}

.ocl h6
{
	color: #44b3c0 ;
	background: transparent url(../images/ocl-h6-bg.png) top left no-repeat;
}

.hcl h6
{
	color: #a42076;
	background: transparent url(../images/hcl-h6-bg.png) top left no-repeat;
}

.cheadwrap
{
	padding: 5px 5px 5px 25px;
	background: transparent url(../images/content-h2-bg.png) no-repeat top left;
}

.cheadwrap h2
{
	margin: 0;
	padding: 5px;
	font-size: 130%;
	letter-spacing: -1px;
}

.cheadwrap .selecty
{
	padding: 5px 0 0 0;
	float: left;
}

.cheadwrap .selecty select
{
	width: 185px;
	color: #656667;
}

.cheadwrap .imagey
{
	float: left;
	padding: 2px 0 0 10px;
}

.cheadwrapnone
{
	background:transparent url(../images/speech_left.gif) no-repeat top left;
	margin: 10px 0 0 25px;
}

.cheadwrapnoneouter
{
	background:transparent url(../images/speech_right.gif) no-repeat bottom right;
}

.cheadwrapnone p
{
	padding: 0;
	margin: 0;
}

.bluebottomborder
{
	border-bottom: 1px dashed #00AEEF;
}

.bluetopborder
{
	border-top: 1px dashed #00AEEF;
}

.contentmid
{
	float: left;
	width: 350px;
}

.contentmid img
{
	padding: 40px 40px 0 40px;
}

.contentright
{
	float: left;
	width: 200px;
	padding: 0 0 0 15px;
}

.contentmidtwo
{
	float: right;
	width: 535px;
	padding: 0 30px 0 15px;
}

.contentmidtwo h1
{
	margin: 0;
	padding: 0 5px;
	font-weight: normal;
}

.gtext
{
	color: #B9D434;
}

.gbold
{
	font-weight: bold;
}

.crpanel
{
	background: #E1F4FD url(../images/newstop.png) no-repeat top left;
	width: 180px;
	padding: 5px;
}

.crpanel ul
{
	padding: 0;	
}

.crpanel li
{
	padding: 5px;	
}

.crpanel h1
{
	padding: 5px;
	margin: 0px;
	font-size: 125%;
	color: #00AEEF;
	border-bottom: 1px solid #00AEEF;
}

.crpanel h1 img
{
	padding-left: 30px;
	padding-left: 30px;
}

.crpanel p
{
	margin: 0;
	line-height: 140%;
	color: #58595B;
}

.crpanel li p
{
	padding: 3px 0;
}

.crpanel .datey
{
	color: #939598;
}

.crpanel .morey
{
	color: #00AEEF;
}

.crpanel .titley
{
	font-weight: bold;	
}

.crpanelfoot
{
	background: transparent url(../images/newsbottom.png) no-repeat top left;
	width: 190px;
	height: 18px;
}

.cleft
{
	float: left;
	width: 348px;
	line-height: 110%;
}

.cright
{
	float: left;
	margin-left: 5px;
	padding-top: 145px;
	width: 582px;
	height: 72px;
}

/* .crighthomepic
{
	background: transparent url(../images/home.jpg) no-repeat top left;
}

.crightpeoplepic
{
	background: transparent url(../images/dpc.jpg) no-repeat top left;
} */

.crightpanel
{
	height: 72px;
	width: 582px;
}

.crpleft
{
	float: left;
	width: 345px;
}

.crpleft h1
{
	color: white;
	padding: 15px 10px 2px 10px;
	margin: 0;
	font-weight: bold;
}

.crpleft h2
{
	color: white;
	padding: 0 10px;
	margin: 0;
	font-size: 125%;
	font-weight: normal;
}

.mainimageoverlay
{
	float: left;
	width: 545px;
}

.mainimageoverlay h1
{
	color: white;
	padding: 15px 10px 2px 10px;
	margin: 0;
	font-weight: bold;
}

.mainimageoverlay h2
{
	color: white;
	padding: 0 10px;
	margin: 0;
	font-size: 125%;
	font-weight: normal;
}

.crpright
{
	float: left;
}

.crpright p
{
	font-size: 110%;
	margin: 0;
	padding-left: 11px;
	color: white;
}

.newsinput
{
	padding: 5px 0 0 10px;
	width: 215px;
}

.newsinput input
{
	border: none;
	padding: 2px;
	width: 175px;
	vertical-align: top;
}

.pblue
{
	color: #00AEEF;
	font-weight: bold;
}

.nblue
{
	color: #00AEEF;
	font-weight: bold;
}

.nblack
{
	color: #000;
	font-weight: bold;
}

#lcol
{
	float: left;
	width: 669px;
	padding-right: 30px;
}

#arrow
{
	background: transparent url(../images/bottom_arrow.png) no-repeat top left;
	padding: 10px;
	height: 40px;
	text-align: center; 
}

#arrow p
{
	margin: 0;
	color: #231F20;
	font-size: 140%;
}

#arrow p a, #arrow p  .tel
{
	color: white;
}

#footer
{
	height: 20px;
	padding: 0 25px 20px;
	margin-top: 10px;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li
{
	padding: 0 5px;
	float: left;
	font-size: 95%;
}

#footer li a
{
	color: #666;
	font-size: 95%;
}

#cap
{
	float: left;
	padding: 10px 0 0 7px;
	/* background: transparent url(../images/mayo-logo-over.gif) left top no-repeat; */
}

#choose
{
	position: absolute;
	background-color: white;
	top: 250px;
	/*left: 400px;*/
	width: 400px;
	height: 212px;
	z-index: 15;
	/* background: transparent url(../images/choose.png) left top no-repeat;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90; */
}

#choosebg
{
	position: absolute;
	top: 230px;
	width: 440px;
	height: 252px;
	z-index: 14;
	background: transparent url(../images/choosebg-bg.png) left top no-repeat;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90;
}

#choose .chead
{
	padding: 10px;
	background-color: #454647;
	color: white;
	font-size: 140%;
}

#choose .clist
{
	background-color: white;
}

#choose ol
{
	margin: 0;
	padding-left: 30px; 
	font-size: 135%;
	color: #00AEEF;	
	/* Fixes the IE hasLayout thingie (Bug?) */
	overflow: auto;
	list-style-position: outside;
}

#choose ol li
{
	padding: 0;
}

#choose ol li p
{
	font-size: 85%;
	color: #333333;
}

#choose ol li p a
{
	color: #00AEEF;
	text-decoration: underline;
}

#challenge
{
	position: absolute; 
	top: 20px;
	background-color: white;
	width: 550px;
	padding: 0 20px 20px;
	z-index: 15;
	background: #555 url(../themes/mayo/images/challenge-foot.png) left bottom no-repeat;
	-khtml-opacity:.95; -moz-opacity:.95; -ms-filter:"alpha(opacity=95)"; filter:alpha(opacity=95); opacity:.95;
}

#challengebg
{
	position: absolute;
	top: 0;
	width: 590px;
	height: 20px;
	padding: 0;
	z-index: 14;
	background: transparent url(../themes/mayo/images/challenge-top.png);
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90;
}

/* 
.cbt
{
	width: 590px;
	height: 20px;
	z-index: 14;
}

.cbm
{
	width: 590px;
	height: 940px;
	z-index: 14;
	background: transparent url(../images/challenge-bg.png);
}

.cbmc
{
	width: 590px;
	height: 175px;
	z-index: 14;
	background: transparent url(../images/challenge-bg.png);
}

.cbf
{
	width: 590px;
	height: 20px;
	z-index: 14;
	background: transparent url(../images/);
}
*/

#challenge .chead
{
	padding: 10px 20px;
	background-color: #454647;
	color: white;
	font-size: 140%;
}

#challenge .chead a
{
	display: block;
	float: right;	
}

#challenge .chead .textholder, #choose .chead .textholder
{
	padding: 0;
	float: left;
}

#challenge .chead .imgholder, #choose .chead .imgholder
{
	padding: 0;
	float: right;
}

#challenge .clist
{
	background: white /* url(../images/mayologo130.png) top right no-repeat;
	height: 85px */;
}

#challenge .clist p
{
	padding: 20px;
	font-size: 135%;
}

#challenge .clist img
{
	padding: 0;
	margin-bottom: 10px;
}

#challenge .clist table
{
	margin: 5px;
}

#challenge .clist table td
{
	padding: 2px;
	width: auto;
	vertical-align:  top;
}

#challenge .clist table td.texty input
{
	background: #dedede url(../images/form-input-bg.png) repeat-x;
	width: 370px;
}

#challenge .clist table tr.todd td
{
	background: #E1F4FD;
}

#challenge .clist table tr td
{
	border-bottom: 1px dotted #00AEEF;
}

#challenge .clist table tr.first td, #challenge .clist table tr.last td
{
	border-bottom: none;
}

#cap a:hover
{
	cursor: pointer;
}

#clist
{
	position: absolute;	
	top: 50px;
	z-index: 15;
}

/* Attend event div and inner styles for the iframe etc... */
#cevent
{
	position: absolute;	
	top: 250px
}

/* About People layout stuff... */

.pholder
{
	padding: 10px;	
}

.photo
{
	float: left;
	padding: 10px;
	width: 130px;
}

.pdetails
{
	float: left;	
	padding: 10px;
	width: 700px;
}

.pemail
{
	float: left;	
	padding: 10px;
	width: 630px;
}

/* Event layout stuff... */

.eventholder
{
	padding: 0;
	width: 903px;
	border: 1px solid #d3eefc;
	margin-bottom: 20px;
}

.eventholder .even
{
	background: #d3eefc;
	padding: 5px;
}

.eventholder .odd
{
	background: #edf8fe;
	padding: 5px;
}

.eventphoto
{
	float: left;
	padding: 10px;
	width: 180px;
}

.eventdetails
{
	float: right;	
	padding: 0 10px;
	width: 660px;
}

.eventdetails h3
{
	padding: 10px 0;
	font-size: 150%;
	margin: 0;
}

.eventdetails p
{
	padding: 5px 0;
}

.eventlink
{
	float: right;	
	padding: 5px 10px;
	width: 660px;
}

.eventlink a
{
	font-size: 125%;
	font-weight: bold;
	background: transparent url(../images/event-arrow.png) top left no-repeat;
	display: block;
	padding: 0 0 0 15px;
}

/* Contact us page styles and all things gregarious... */

#contactholder
{
	margin-top: 30px;
	width: 905px;
}

#contactformpanel
{
	float: left;
	padding: 0;
	width: 350px;
	background: #777 url(../images/contactform-top-bg.png) top left no-repeat;
}

#contactformpanel .fholder
{
	padding: 20px 0 20px;
	margin: 0;
	width: 350px;
	background: transparent url(../images/contactform-bottom-bg.png) bottom left no-repeat;
}

#contactformpanel .finner
{
	margin: 0 20px;
	padding: 10px;
	background: #fff;
}

#contactformpanel  #Name
{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #EDF8FE;	
}

#contactformpanel #Company
{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #EDF8FE;	
}

#contactformpanel #E-Mail
{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #EDF8FE;	
}

#contactformpanel #Telephone
{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #EDF8FE;	
}

#contactformpanel #Question
{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #EDF8FE;	
}

#contactformpanel #HearAbout
{
	padding: 10px 10px 20px;
	background: #EDF8FE;	
}

#contactdetailspanel
{
	float: right;
	padding: 10px;
	width: 425px;
	font-size: 120%;
}

#contactdetailspanel table
{
	width: 100%;
	background: #fff;
}

#contactdetailspanel table td.cname
{
	font-weight: bold;
}

#contactdetailspanel table td.ctitle
{
	font-weight: bold;
	color: #00AEEF;
	width: 40%;
}

#contactdetailspanel table tr.cr td
{
	border-bottom: 1px dashed #00AEEF;
}

/* Pop Up Image for Template pages... */

#popupimage
{
	position: absolute;
	background: transparent  url(../images/popup-bg.png) bottom left no-repeat;
	top: 180px;
	/*left: 400px;*/
	width: 540px;
	padding: 0 0 20px 0;
	z-index: 15;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90; */
}

#popupimage .imgwrap
{
	width: 500px;
	padding: 0 20px;;	
	background: #777;
}

#popupimage .imgwrap h3
{
	margin: 0;
	padding: 5px;
	color: white;
	background: #333;
	font-size: 130%;
}

#popupimage .imgwrap h3 img
{
	float: right;
}

#popupimagebg
{
	position: absolute;
	top: 160px;
	width: 540px;
	height: 20px;
	z-index: 14;
	background: transparent url(../images/popup-bg-bg.png) left top no-repeat;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90;
}

/* Case Study styles... */

#cspanelholder
{
	margin: 30px 0;
}

.cspanel
{
	width: 250px;
	padding: 100px 10px 20px 10px;	
	float: left;
}

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

.cspeoplebg
{
	background: transparent url(../images/cs-people-bg.png) top left no-repeat;	
	border: 1px solid #b8d734;
}

.cspeoplebg li
{
	padding: 1px 3px 3px 25px;
	background: transparent url(../images/people-arrow.png) top left no-repeat;	
}

.csorgbg
{
	background: transparent url(../images/cs-org-bg.png) top left no-repeat;	
	border: 1px solid #44b3c0;
}

.csorgbg li
{
	padding: 1px 3px 3px 25px;
	background: transparent url(../images/organisation-arrow.png) top left no-repeat;	
}

.cshrbg
{
	background: transparent url(../images/cs-hr-bg.png) top left no-repeat;	
	border: 1px solid #a42176;
}

.cshrbg li
{
	padding: 1px 3px 3px 25px;
	background: transparent url(../images/hr-arrow.png) top left no-repeat;	
}

.csmr
{
	margin-right: 35px;
}

/* Client logos and such things... */

#clientlogoholder
{
	margin: 0;	
}

.clientlogopanel
{
	float: left;
	text-align: center;
	width: 180px;
	/* height: 150px; */
	padding-top: 10px;
	overflow: hidden;	
}

/* Publications and the like... */

#pubsholder
{
	margin: 30px 0;	
}

.pubspaneltop
{
	width: 900px;
	height: 10px;
	background: transparent url(../images/pubs-top.png) top left no-repeat;
}

.pubspanel
{
	width: 838px;
	padding: 20px 30px 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.pubspanel p
{
	padding: 2px 0;
}

.pubspanelfoot
{
	width: 900px;
	height: 14px;
	background: transparent url(../images/pubs-foot.png) top left no-repeat;
	margin-bottom: 30px;
}

.pubsthumb
{
	width: 100px;
	min-height: 50px;
	margin-right: 20px;
	float: left;	
}

.pubstext
{
	float: left;
	width: 680px;
}

/* Font Message and 'ting... */
#fontmessage
{
	position: absolute;
	background-color: white;
	top: 80px;
	left: 400px;
	width: 400px;
	height: 212px;
	z-index: 15;
	/* background: transparent url(../images/choose.png) left top no-repeat;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90; */
}

#fontmessagebg
{
	position: absolute;
	top: 60px;
	left: 380px;
	width: 440px;
	height: 252px;
	z-index: 14;
	background: transparent url(../images/choosebg-bg.png) left top no-repeat;
	-khtml-opacity:.90; -moz-opacity:.90; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); opacity:.90;
}

/* Menu for home page */
.hmenu
{
	width: 348px;
}

.hmenu a
{
	display: block;
	width: 300px;
	height: 60px;
}

.hmenu ul
{
	padding: 0;
}

.hmenu .menua
{
	width: 348px;
	height: 69px;
	background: transparent url(../images/pc_green.gif) top left;
	padding: 0;
	margin-bottom: 4px;
}

.hmenu .menua ul
{
	background-color: #B9D434;
}

.hmenu .menub
{
	width: 348px;
	height: 69px;
	background: transparent url(../images/oc_blue.gif) top left;
	padding: 0;
	margin-bottom: 4px;
}

.hmenu .menub ul
{
	background-color: #42B4C0;
}

/* .hmenu .menuboff
{
	width: 314px;
	height: 69px;
	background: transparent url(../images/oc_blue.jpg) top left;
	padding: 0;
	margin-bottom: 4px;
}

.hmenu .menuboff ul
{
	background-color: #42B4C0;
} */

.hmenu .menuc
{
	width: 348px;
	height: 69px;
	background: transparent url(../images/hr_purple.gif) top left;
	padding: 0;
	margin-bottom: 4px;
}

.hmenu .menuc ul
{
	background-color: #A32376;
}

/* .hmenu .menucoff
{
	width: 314px;
	height: 69px;
	background: transparent url(../images/hr_purple.jpg) top left;
	padding: 0;
	margin-bottom: 4px;
}

.hmenu .menucoff ul
{
	background-color: #A32376;
} */

.hmenu .menua:hover
{
	cursor: pointer;
	background: transparent url(../images/pc_over.png) top left;
}

.hmenu .menub:hover
{
	cursor: pointer;
	background: transparent url(../images/oc_over.png) top left;
}

.hmenu .menuc:hover
{
	cursor: pointer;
	background: transparent url(../images/hr_over.png) top left;
}

/*Menus for capability template pages... */
ul.none, ul.none li
{
	margin: 0;
	padding: 0;
}

/* People menu. */

.peoplemenu
{
	background: #b8d432 url(../images/people-menu-bg.png) bottom left no-repeat;
}

.peoplemenu .menua
{
	width: 348px;
	height: 65px;
	background: transparent url(../images/people-cap.png) top left;
	padding: 0;
	border-bottom: 5px solid white;
}

.peoplemenu .none li a
{
	width: 340px;
	height: 65px;
	display: block;
}

.peoplemenu li
{
	background: #b8d432 url(../images/people-link-arrow.png) top left no-repeat;
	padding: 8px 6px 7px 25px;
}

.rowbb
{
	border-bottom: 2px solid white;
}

.peoplemenu ul.ml li:hover, .peoplemenu ul li.current
{
	background: #b8d432 url(../images/people-link-arrow-black.png) top left no-repeat;
}

.peoplemenu li a
{
	color: white;
	font-size: 125%;
}

.peoplemenu li:hover a, .peoplemenu li.current a
{
	color: black;
}

/* Organisation menu. */

.orgmenu
{
	background: #5abcc9 url(../images/org-menu-bg.png) bottom left no-repeat;
}

.orgmenu .menub
{
	width: 348px;
	height: 65px;
	background: transparent url(../images/org-cap.png) top left;
	padding: 0;
	border-bottom: 5px solid white;
}

.orgmenu .none li a
{
	width: 340px;
	height: 65px;
	display: block;
}

.orgmenu li
{
	background: #5abcc9 url(../images/org-link-arrow.png) top left no-repeat;
	padding: 8px 6px 7px 25px;
}

.orgmenu ul.ml li:hover, .orgmenu ul li.current
{
	background: #5abcc9 url(../images/org-link-arrow-black.png) top left no-repeat;
}

.orgmenu li a
{
	color: white;
	font-size: 125%;
}

.orgmenu li:hover a, .orgmenu li.current a
{
	color: black;
}

/* HR menu. */

.hrmenu
{
	background: #a42076 url(../images/hr-menu-bg.png) bottom left no-repeat;
}

.hrmenu .menuc
{
	width: 348px;
	height: 65px;
	background: transparent url(../images/hr-cap.png) top left;
	padding: 0;
	border-bottom: 5px solid white;
}

.hrmenu .none li a
{
	width: 340px;
	height: 65px;
	display: block;
}

.hrmenu li
{
	background: #a42076 url(../images/hr-link-arrow.png) top left no-repeat;
	padding: 8px 6px 7px 25px;
}

.hrmenu ul.ml li:hover, .hrmenu ul.ml li.current
{
	background: #a42076 url(../images/hr-link-arrow-black.png) top left no-repeat;
}

.hrmenu li a
{
	color: white;
	font-size: 125%;
}

.hrmenu li:hover a, .hrmenu li.current a
{
	color: black;
}

/* Quote panel */

.quotepanel
{
	width: 330px;
	margin-left: 15px;
	background:  #f1f1f2 url(../images/quote-bg.png) top left no-repeat;	
	border-top: dashed 1px #00AEEF;
}

.quotepanel p
{
	padding: 10px;
	font-size: 110%;
}

.quotepanel p.quote
{
	text-indent: 30px;
}

.quotepanel p.namen
{
	padding-right: 30px;
}
.quotepanelfoot
{
	margin-top: -25px;
	width: 330px;
	height: 22px;
	margin-left: 15px;
	background: transparent url(../images/quote-footer-bg.png) bottom right no-repeat;	
	margin-bottom: 0;
	border-bottom: dashed 1px #00AEEF;
}

/* News page specific styles... */

#newspanel
{
	width: 860px;
	padding: 10px 20px;
	border: 1px solid #00AEEF;
	margin: 20px 0;
}

#newspanel h2
{
	margin: 0;
	padding: 5px 0;	
}

#newspanel h3
{
	margin: 0;
	padding: 5px 0;	
	color: #CDCDCD;
}

#newspanel p
{
	margin: 0;
	padding: 5px 0;	
}

#newspanel li
{
	padding: 0;	
}

.subby
{
	width: 860px;
	padding: 10px 20px;
	margin-top: 20px;
	background: #D3EEFC;	
}

/* Breadcrumb styles */

#Breadcrumbs
{
	padding: 10px 0;
	font-size: 170%;
	color: #00AEEF;	
}

#Breadcrumbs .bcroot
{
	color: #9A9B9C;
	padding-right: 30px;
	background: transparent url(../images/breadcrumb_arrow.png) top right no-repeat;
}

/* Thumbimage for capability pages */

#thumbimage
{
	padding: 20px 20px 0;	
}

/* Some utilities or all-round fixups? */

.pointy
{
	cursor: pointer;	
}

.cleary
{
	clear: both;
}