@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
MAINLINERS MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */

body{
	background: #90b3c2;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 5px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0 0 5px 0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft, .imageleft{
	float:left;
	margin:0 15px 15px 0;
}
.imgright, .imageright{
	float:right;
	margin:0 0 15px 15px;
}

#find-a-service, body#sub{
	background-image:none;
}
body#cplus{
	background-image:none;
}
body#hepc{
	background-image:none;
}
body#smartservice{
	background-image:none;
}
body#conference{
	background-image:none;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	background:url('../images/bodybg.png') repeat-y;
	float:left;
	margin:45px 0 0 40px;
	padding:20px;
	width:895px;
}
#index #wrapper{margin:45px 0 0 40px;}
body #wrapper{
	margin:0 0 0 40px;
}
body#cplus #wrapper{
	margin:0 0 0 40px;
}
body#hepc #wrapper{
	margin:0 0 0 40px;
}
body#smartservice #wrapper{
	margin:0 0 0 40px;
}
body#conference #wrapper{
	margin:0 0 0 40px;
}

/*HEADER----------------------------------------- */
#logo a{
	background:url('../images/logo.png') no-repeat;
	display:block;
	height:59px;
	left:40px;
	position:relative;
	top:25px;
	width:365px;
}
body#index #header{
	background:url('../images/headerbg.png') repeat-x;
	height:116px;
	width:100%;
}
#header{
	background:#fff;
	height:116px;
	width:100%;
}
#projectsandsearch{
	height:56px;
	left:530px;
	position:relative;
	width:444px;
	top:-30px;
}
#projects select{
	background:url('../images/selctbg.jpg') no-repeat #fff;
	border:none;
	/*border:solid 2px #b7e7f6;*/
	color:#00a9de;
	float:left;
	font-size:1.5em;
	height:28px;
	padding:3px 10px 5px 6px;
	width:179px;
	vertical-align:top;
}
#projects option{
	padding:4px 0 4px 6px;
}
#searchbox{
	float:right;
	width:251px;
}
.searchbox{
	border:solid 2px #b5e1ee;
	margin:0 0 0 0;
	padding:5px 9px 0 10px;
	width:114px;
	height:20px;
	vertical-align:top;
}
.searchbutton{
	border: 0px solid;
	cursor:pointer;
	margin-left:10px;
}
ul#secnav{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:444px;
}
ul#secnav li{
	background:url('../images/secnav_seperator.jpg') no-repeat 97%;
	display:inline;
	list-style:none;
	padding-right:13px;
}
li#last{
	background:none !important;
}


/*NAV----------------------------------------- */
body#index ul#topnav{
	background:url('../images/navbg.png') repeat-x;
	height:103px;
	margin:0;
	padding:0;
	position:relative;
	width:893px;
}
body#index ul#topnav li{
	list-style:none;
}
body#index li#service a{
	background:url('../images/findaservice.jpg') no-repeat;
	display:block;
	height:69px;
	left:23px;
	position:absolute;
	top:18px;
	width:155px;
}
body#index li#service a:hover{
	background:url('../images/findaservice_hover.jpg') no-repeat;
}
body#index li#infoonbbv a{
	background:url('../images/infoonbbv.jpg') no-repeat;
	display:block;
	height:69px;
	left:195px;
	position:absolute;
	top:18px;
	width:238px;
}
body#index li#infoonbbv a:hover{
	background:url('../images/infoonbbv_hover.jpg') no-repeat;
}
body#index li#psupport a{
	background:url('../images/peersupport.jpg') no-repeat;
	display:block;
	height:69px;
	left:455px;
	position:absolute;
	top:18px;
	width:163px;
}
body#index li#psupport a:hover{
	background:url('../images/peersupport_hover.jpg') no-repeat;
}
body#index li#infoonsm a{
	background:url('../images/infoonsm.jpg') no-repeat;
	display:block;
	height:69px;
	left:638px;
	position:absolute;
	top:18px;
	width:231px;
}
body#index li#infoonsm a:hover{
	background:url('../images/infoonsm_hover.jpg') no-repeat;
}

/*CONTENT----------------------------------------- */
#quote{
	margin:40px 0 0 40px;
	width:455px;
}
#quote_light{
	margin:40px 0 0 40px;
	width:455px;
}
#statement{
	background:url('../images/statement.png') no-repeat;
	height:23px;
	margin-bottom:15px;
	width:896px;
}
#confbox{
	background:#fff;
	border:solid 6px #d6d7d8;
	float:left;
	margin-top:16px;
	padding:10px 15px 10px 10px;
	width:856px;
}
#confbox img{
	border:solid 3px #d6d7d8;
	float:left;
	margin-right:10px;
}


/*FOOTER----------------------------------------- */
#footer{
	background:url('../images/footerbg.jpg') no-repeat top;
	float:left;
	height:70px;
	margin:0 0 20px 36px;
	width:944px;
}
#footer p{
	text-align:center;
	margin-top:30px;
}
#footer ul{
	margin:0;
	padding:0;
	text-align:center;
}
#footer li{
	display:inline;
	list-style:none;
}


/*SUB PAGE----------------------------------------- */
#subimg{
	float:left;
	margin-left:40px;
	width: 935px;
	height:284px;
	overflow: hidden;
}
/*project headers----------------------------------------- */
body#cplus #header{
	background:url('../images/projectheader.jpg') repeat-x;
	height:160px;
	width:100%;
}
body#cplus #logo a{
	background:url('../images/cpluslogo.jpg') no-repeat;
	display:block;
	height:123px;
	left:40px;
	position:relative;
	top:20px;
	width:243px;
}
body#smartservice #header{
	background:url('../images/projectheader.jpg') repeat-x;
	height:160px;
	width:100%;
}
body#smartservice #logo a{
	background:url('../images/smartservicelogo.jpg') no-repeat;
	display:block;
	height:125px;
	left:50px;
	position:relative;
	top:20px;
	width:215px;
}
body#hepc #header{
	background:url('../images/projectheader.jpg') repeat-x;
	height:160px;
	width:100%;
}
body#hepc #logo a{
	background:url('../images/hepclogo.jpg') no-repeat;
	display:block;
	height:134px;
	left:50px;
	position:relative;
	top:13px;
	width:313px;
}

/*leftcol----------- */
#leftcol{
	float:left;
	margin:0 25px 0 0;
	width:195px;
}

/*sub nav----------- */
ul#subnav{
	margin:0;
	padding:0;
}
ul#subnav li{
	list-style:none;
	padding-bottom:5px;
}
ul#subnav li a{
	background:url('../images/subnavbg.jpg') no-repeat top #90b3c2;
	display:block;
	padding:10px 20px 10px 15px;
	width:155px;
}
ul#subnav li a.on{
	background:url('../images/subnavbg_on.jpg') no-repeat bottom #d3d5d6;
	display:block;
	padding-bottom:25px;
	width:155px;
}
ul#subnav li ul li{
	margin-left:-20px;
	padding-bottom:0;
}
ul#subnav li ul li a{
	background:#fff;
	display:block;
	padding-left:25px;
	width:145px;
}
ul#subnav li ul li a.on{
	background:#fff;
	display:block;
	padding-left:25px;
	padding-bottom: 10px;
	width:145px;
}

/*rightcol----------- */
#rightcol{
	/*float:left;*/
	width:673px;
	margin-left: 215px;
}
#rightcol h1{
	margin-top:20px;
}
body#cplus #rightcol h1{
	margin-top:0;
}
body#hepc #rightcol h1{
	margin-top:0;
}
body#smartservice #rightcol h1{
	margin-top:0;
}
body#conference #rightcol h1{
	margin-top:0;
}

/*nav small-------------------- */
ul#topnav{
	background:url('../images/navbg.png') repeat-x;
	height:78px;
	margin:0;
	padding:0;
	position:relative;
	width:673px;
}
ul#topnav li{
	list-style:none;
}
li#service a{
	background:url('../images/smallnav/findaservice.jpg') no-repeat;
	display:block;
	height:52px;
	left:18px;
	position:absolute;
	top:14px;
	width:117px;
}
li#service a:hover{
	background:url('../images/smallnav/findaservice_hover.jpg') no-repeat;
}
li#infoonbbv a{
	background:url('../images/smallnav/infoonbbv.jpg') no-repeat;
	display:block;
	height:52px;
	left:148px;
	position:absolute;
	top:14px;
	width:179px;
}
li#infoonbbv a:hover{
	background:url('../images/smallnav/infoonbbv_hover.jpg') no-repeat;
}
li#psupport a{
	background:url('../images/smallnav/peersupport.jpg') no-repeat;
	display:block;
	height:52px;
	left:344px;
	position:absolute;
	top:14px;
	width:122px;
}
li#psupport a:hover{
	background:url('../images/smallnav/peersupport_hover.jpg') no-repeat;
}
li#infoonsm a{
	background:url('../images/smallnav/infoonsm.jpg') no-repeat;
	display:block;
	height:52px;
	left:481px;
	position:absolute;
	top:14px;
	width:174px;
}
li#infoonsm a:hover{
	background:url('../images/smallnav/infoonsm_hover.jpg') no-repeat;
}

/*project-------------------- */
body#cplus #backhome a{
	background:url('../images/cplus_backhome.jpg') no-repeat;
	display:block;
	height:60px;
	left:545px;
	position:relative;
	top:-76px;
	width:407px;
}
body#hepc #backhome a{
	background:url('../images/hepc_backhome.jpg') no-repeat;
	display:block;
	height:60px;
	left:545px;
	position:relative;
	top:-86px;
	width:407px;
}
body#smartservice #backhome a{
	background:url('../images/smartservice_backhome.jpg') no-repeat;
	display:block;
	height:60px;
	left:787px;
	position:relative;
	top:-77px;
	width:175px;
}
body#conference a#confheader{
	background:url('../images/london_skyline_bee.jpg') no-repeat;
	display:block;
	height:282px;
	margin-bottom:15px;
	width:894px;
}
h1#mainlinersproject{
	background:url('../images/mainlinersproject.jpg') no-repeat;
	height:73px;
	margin:20px 0 0 20px;
	width:147px;
}




/* @group Sitemap */
ul#sitemap { margin: 0; padding: 0 0 0 5px; }

ul#sitemap li {
	list-style-type: none;
	list-style-image: none !important;
	margin: 10px 0 20px 0;
	font-weight: bold;
}

ul#sitemap li ul li {
	margin: 10px 0 10px 0;
	font-weight: normal;
	list-style-type: square !important;
	list-style:url(../images/bullet.jpg);
	color: #9EB7CA;
}


#searchResults dl { margin: 10px 0 20px 0px; }

#searchResults dl dt, #searchResults dl dd { margin-left: 0px; }

#searchResults .info {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}


/* @end */

div.resource{
	margin-top: 20px;
}
div.resource p{
	margin: 0 auto 0.5em auto;
	
}

div.description{
	padding: 0.5em .8em .5em 1.5em;
	font-style: italic; 
	
}
span.label{ 
	font-weight: bold;
	
}

div.resource h3{
	font-weight: bold;
	font-size: 1em;
}

table.formTable th{
	text-align: left;
}

ul.related_downloads {list-style-type: none; margin-left: 0;}
ul.related_downloads li{ list-style-type: none;}