.hidden { display: none; }

body {
	font-family: Tahoma, Verdana, Arial, 'Sans Serif';
	font-size: 85%;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg/body.gif) no-repeat center top;
	}

body#text_size_normal 	{ font-size: 85%; }
body#text_size_large 		{ font-size: 95%; }
body#text_size_largest 	{ font-size: 100%; }
p#text_size_normal 	{ font-size: 12px; }
p#text_size_large 		{ font-size: 16px; }
p#text_size_largest 	{ font-size: 20px; }

a:link,
a:active,
a:hover,
a:visited {
	color: #0076ae;
	}
	
img { border: none; }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

#wrapper {
	width: 1014px;
	margin: 0 auto;
	}

#header {
	height: 150px;
	position: relative;
	}
	
#header h1#main_logo { margin:0; padding:0; }
#header h1#main_logo a { 
	text-indent: -9999px;
	display: block;
	margin:10px 0 0 50px;
	padding:0;
	height:121px;
	width:97px;
	background: transparent url(../images/rpmi-logo.png) no-repeat left top;
	}
	
#header #text_tools {
	position: absolute;
	right:30px;
	top:20px;	
	color:#fff;
	font-size: 80%;
	font-weight: bold;
	}
	
#header #text_tools ul {
	margin:0;
	padding:0;
	list-style: none;	
	}	
#header #text_tools label { text-transform: lowercase; line-height: 66px; }
#header #text_tools ul li { display: block; float: left; vertical-align: middle; padding: 0 3px; margin:0; }
#header #text_tools ul li.large a { font-size: 145%; line-height: 63px;  }
#header #text_tools ul li.largest a { font-size: 175%; line-height: 61px;  }
#header #text_tools ul li.browsealoud { padding-left: 15px; }
#header #text_tools ul li a { color:#fff; line-height: 66px; }

#header #text_tools ul li.selected a { text-decoration: none; border: 1px solid #fff; padding: 0 3px; }


#main_navigation {
	width: 100%;
	text-align: center;
	}

#main_navigation ul {
	margin: 0 250px 0 0;
	float: right;
	padding: 0;
	}

#main_navigation ul li {
	margin: 0;
	width: 103px;
	height: 26px;
	display: block; 
	float: left;
	list-style: none;
	}
	
	#main_navigation ul li.last { padding-right:7px; border-right: 1px solid #98c4f4; }

#main_navigation ul li a {
	display: block;
	float: left;
	width: 103px;
	height: 26px;
	background: transparent url(../images/bg/nav.png) no-repeat left bottom;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	font-size: 90%;
	line-height: 18px;
	}

#main_navigation ul li a:hover,	
#main_navigation ul li.selected a { background-position: left top; }	

#main_navigation li#mn_1 a {
	}

#main {
	width: 100%;
	overflow: hidden;
	background: transparent url(../images/bg/maincol.gif) repeat-y 238px top;
	padding: 22px 0 0 0;	
	}
	
#main div.inner {
	background: transparent url(../images/bg/innercol.gif) repeat-y 238px 70px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 22px;
}	

#main div.homepage { background: none; padding-bottom: 10px;}

#main h1 { 
	font-weight: normal; 
	font-size: 240%; 
	font-family:"HelveticaNeue Light", Helvetica, Arial, Sans-Serif; 
	padding:15px 0 0 23px; 
	margin: 0 1px 0 0; 
	height:40px; 
	background: #fff; 
}	

#main div.homepage h1 { margin-bottom: 20px; }
#main div.homepage div.text_content { padding:25px 40px 0 25px; }

#main div.homepage div.text_content h2 { color:#868688; font-size: 175%; }
#main div.homepage div.text_content h2 span.subtitle { color:#0076ae; font-weight: normal; }

#main div.homepage div.features { width: 100%; overflow: hidden; margin-top: 30px; padding: 0 0 30px; background:transparent url(../images/bg/features.gif) repeat-y left top; }
#main div.homepage div.features div.feature { width:210px; float: left; margin-right: 30px; line-height: 1.33em; }
#main div.homepage div.features div.last { margin-right:0;}
#main div.homepage div.features div.feature h3 { font-size: 115%; line-height: 2.2em; padding-left:25px; background: transparent url(../images/bg/feature-heading.gif) no-repeat left .4em;}
#main div.homepage div.features div.feature a { font-weight: bold; text-decoration: none; }
#main div.homepage div.features div.feature a:hover { text-decoration: underline; }	
	
	
#primary_content { width: 764px; float: left; color:#0076ae; font-size: 90%; }	
#sidebar { color: #868688; width: 250px; float: right; }	


#primary_content #main_content { width:525px; float: right; line-height:1.4em; }
#primary_content #main_content div.text_content { padding: 15px 25px 15px 15px; }
#primary_content #main_content p { margin-bottom: 1.66em; }
#primary_content #main_content h2 { margin-top: 10px; position: relative; }
#primary_content #sub_navigation  { width:190px; float: left; padding-left: 25px; }

#primary_content #main_content h2 { font-size: 145%; color: #868688; }
#primary_content #main_content h2 span.subtitle { color:#0076ae; font-weight: normal; }

#primary_content #main_content h2 span.link-back { color:#868688; font-size: 70%; font-weight: normal; position: absolute; right:0; top:0; }
#primary_content #main_content h2 span.link-back a { text-decoration: none; font-weight: normal; }
#primary_content #main_content h2 span.link-back a:hover { text-decoration: underline; }

#primary_content #main_content div.press_release,
#primary_content #main_content div.job_vacancy { color:#868688; }

#primary_content #main_content div.press_release h2,
#primary_content #main_content div.job_vacancy h2 { margin-top:0; border-bottom: 1px solid #868688; padding-bottom: 8px; }


#primary_content p.intro { color: #868688; font-size: 130%; }
#primary_content p.date { font-weight: bold; }

img.content_image { float: right; border: 1px solid #868688; margin: 0 0 10px 12px; }


#primary_content #main_content h3 { font-size: 115%; background:#868688; color:#fff; padding: 6px 4px; margin: 15px 0 0 0; }
#primary_content ul.special { list-style: none; font-weight: bold; }

#primary_content #main_content ul.file_list { width: 100%; overflow: hidden; list-style: none; margin:0 0 0 0; padding:.3em 0 1em 0; }
#primary_content #main_content ul.file_list li { display: block; float: left; width: 49%; margin:0; padding:0; line-height: 20px; }
#primary_content #main_content ul.file_list li a { display: block; float: left; color:#868688; font-weight: normal; padding-left:20px; background: transparent url(../images/icons/file.gif) no-repeat left top; line-height: 20px;}
#primary_content #main_content ul.file_list li.pdf a { background-image: url(../images/icons/pdf.gif); }

#primary_content #main_content h4 { font-size: 100%; }
#primary_content #main_content a { text-decoration: none; font-weight: bold; }
#primary_content #main_content a:hover { text-decoration: underline; }


#primary_content #main_content div.purple ul.special,
#primary_content #main_content div.purple h2 span.link-back,
#primary_content #main_content div.purple h2 span.link-back a,
#primary_content #main_content div.purple h4,
#primary_content #main_content div.purple a,
#primary_content #main_content div.purple p.date  { color:#900057; }
#primary_content #main_content div.purple h3 { background:#900057; }

#primary_content #main_content div.green ul.special,
#primary_content #main_content div.green h2 span.link-back,
#primary_content #main_content div.green h2 span.link-back a,
#primary_content #main_content div.green h4,
#primary_content #main_content div.green a,
#primary_content #main_content div.green p.date  { color:#8ec122; }
#primary_content #main_content div.green h3 { background:#8ec122; color:#4b4b4b; }

#primary_content #main_content div.amber ul.special,
#primary_content #main_content div.amber h2 span.link-back,
#primary_content #main_content div.amber h2 span.link-back a,
#primary_content #main_content div.amber h4,
#primary_content #main_content div.amber a,
#primary_content #main_content div.amber p.date  { color:#f49e4f; }
#primary_content #main_content div.amber h3 { background:#f49e4f; color:#4b4b4b; }



#primary_content #sub_navigation ul { margin:0; padding:0; list-style: none; }
#primary_content #sub_navigation ul li { padding: 2px 0 3px 25px;}
#primary_content #sub_navigation ul li a { font-weight: bold; text-decoration: none; color:#868688; padding-left: 10px; background: transparent url(../images/bg/subnav-li.gif) no-repeat left .5em; }
#primary_content #sub_navigation ul li a:hover,
#primary_content #sub_navigation ul li.selected a { color:#0076ae; background-image: url(../images/bg/subnav-li-sel.gif); }


#primary_content #sub_navigation h2 { margin-top: 8px; font-size: 120%; line-height: 2.2em; padding-left:25px; background: transparent url(../images/bg/subnav-heading.gif) no-repeat left .4em; margin-bottom: 0; }

#sidebar ul li a { color: #868688; text-decoration: none; }	
#sidebar ul li a:hover { color:#0076ae; text-decoration: underline; }
	
#sidebar h3.image_title {
	display: block;
	text-indent: -9999px;
	margin:20px 0 10px 0;
	padding:0;
	height:10px;
	width: 200px;
}

#sidebar h3#title_search { background: transparent url(../images/headings/search.gif) no-repeat left top; }
#sidebar h3#title_latestnews { background: transparent url(../images/headings/latest-news.gif) no-repeat left top; }
#sidebar h3#title_schemeadmin { background: transparent url(../images/headings/scheme-admin.gif) no-repeat left top; }
#sidebar h3#title_casestudies { background: transparent url(../images/headings/case-studies.gif) no-repeat left top; }
#sidebar h3#title_awards { background: transparent url(../images/headings/awards.gif) no-repeat left top; }
	
#search_box,
#link_lists { padding:0 15px 15px; }

#link_lists ul { margin-bottom: 2em; }

#search_box input#keyword { width: 167px; margin-right: 9px; }	

#sidebar #news_box { background:#d6e7fb; padding:15px 0 15px 15px;  font-size: 85%; position:relative; }
#sidebar #news_box #rss { position: absolute; right:20px; top:12px; }

#sidebar #news_content { height:120px; overflow: auto; padding:0 15px 15px 0; }
#sidebar #news_box h3 { margin-top:0;}


#footer {
	border-top: 1px solid #98c4f5;
	font-size: 0.9em;
	padding: 18px 10px;
	position: relative;
	margin-top: 3px;
	}

#footer ul {
	margin: 0;
	padding: 0;
	}

#footer ul li {
	list-style: none;
	color:#0076ae;
	}
	
#footer ul li a { text-decoration: none; }	
#footer ul li a:hover { text-decoration: underline; }	

#footer #inspired_involved_invaluable {
	position: absolute;
	left: 305px;
	top: 20px;
	width: 338px;
	height: 38px;
	background: transparent url(../images/inspired.gif) no-repeat left top;
	text-indent: -9999px;
	margin:0;	
	padding:0;	
}

#footer #w3c {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 215px;
	text-align: right;
	line-height: 38px;
	vertical-align: middle;
	margin:0;
	padding:0;
	}

#footer #w3c a { margin-left: 10px; }

/* sub-navigation styling */

#main_navigation ul ul {
	top: 26px;	
	left: 10px;
	margin: 0;
	padding: 0;
	}

#main_navigation ul ul ul {
	left: 130px;
	top: 0;
	margin: 0;
	padding: 0;
	}

#main_navigation ul ul li {
	display: block;
	float: none;

	padding: 0;
	margin: 0;
	
	

	min-width: 150px;
	height: 24px;
	/*background: transparent url(../images/sub_nav_right.gif) no-repeat 100% 0;*/
	background:#fff;
	padding-right: 0px;
	margin-bottom: -1px;
	}

#main_navigation ul ul li span {
	display: block;
	background-color: #fff;
	border-top: 1px solid #98c4f5;
	height: 24px;
	padding-left: 4px;
	text-align: left;
	color: #0075b0;
	cursor:pointer;
	}

#main_navigation ul ul li a {
	display: block;
	background: transparent url(../images/sub_nav_left.gif) no-repeat 0 -21px !important;
	/*background:#000;*/
	overflow: hidden;
	padding-left: 21px;
	font-weight: normal;
	width: 100px;
	height: 24px;
	}

#main_navigation ul ul ul li {
	/*background: transparent url(../images/sub_sub_nav_right.gif) no-repeat 100% 0;*/
	background:#fff;
	margin-bottom: -1px;
	
	}

#main_navigation ul ul ul li span {
	background-color: #fff;
	border-top: 1px solid #98c4f5;

	}

#main_navigation ul ul ul li a {
	background: transparent url(../images/sub_sub_nav_left.gif) no-repeat 0 -21px !important;
	/*background:#000;*/
}

#main_navigation ul ul li a:hover {
	background-position: 0 0 !important;	
	}