html { margin:0;padding:0;}
body { width:840px;margin: 0; padding:0; font-size:96%; font-family: verdana, sans-serif; color:#004685; }

/* A few basic styles. These are the starting point for all styles in this document. 
Many of the more specific styles later in this document _inherit_ a large part of 
their style from these basic declarations. */

a img {border:0px;}

body.home h1 { float:left;width:auto; margin: 0; padding:0; font-size:18px;color:#fff;font-weight:normal;}

h2.welcome { float:left;width:auto; margin: 0; padding:0; font-size:18px;color:#fff;font-weight:normal;}

h1 { margin: 0px; padding:0px; }	
h2 { margin: 0px; padding:0px; }	
h3	{ margin:0px; padding:12px 4px 0px 4px; color:#0B2563; font-size:100% }
h4	{ margin:0px; padding:12px 4px 0px 4px; color:#0B2563; font-size:90% }
h5	{ margin:0px; padding:12px 4px 0px 4px; color:#0B2563; font-size:80% }

p	{ margin:0px; padding:4px; color:#004685; font-size:11px; }
p a { text-decoration:none; color:#4C5F8D; }
p a:hover {color:#6D81B2;}
	
a.textonly {float:right;clear:none;color:#fff;padding:4px 10px 0 10px;margin:0;}

	

/* Page header incliuding logo and alternate language links */
div#header { width:800px; background:#003082; }
div#languages { text-align:right; }
div#languages p { display:inline; margin:0; padding:0; }


/* Structural containers */
div#maincontent {margin:10px 0 0 0;background:url(http://www.networkwestmidlands/_images/mainbg.gif) top left repeat-y;}
div#page-content { float:left; width: 660px; }


	
/* The main navigation. Subsequent levels should be 'nested' in the HTML. ie. A second level list should be added (as required) WITHIN the list (li) element that is it's parent page */
div#navigation { clear:both; float:left; width: 166px; border-left:10px solid #fff;}
div#navigation ul { list-style:none; padding:0; margin:0; }
div#navigation ul li { float:left; clear:both; width:166px; margin:0px; padding:0px;}
div#navigation ul li a { display:block; width: 148px; margin:0; padding:4px 12px 4px 6px; border-bottom:1px solid #fff; background: #F7E017; text-decoration:none; font-size: 11px; color:#111; font-weight:normal; }
div#navigation ul li a.selected { background: #003082; color:#fff; font-weight:normal; }

/* Second level navigation (light blue background) */
div#navigation ul li ul { list-style:none; padding:0; margin:0; }
div#navigation ul li ul li { float:left; clear:both; width:166px; margin:0px; padding:0px;}
div#navigation ul li ul li a { display:block; width: 148px; margin:0; padding:4px 12px 4px 6px; border-bottom:1px solid #fff; background: #7FA2C2; text-decoration:none; font-size: 11px; color:#fff; font-weight:normal; }

/* Third level navigation (lighter blue background) */
div#navigation ul li ul li ul { list-style:none; padding:0; margin:0; }
div#navigation ul li ul li ul li { float:left; clear:both; width:166px; margin:0px; padding:0px;}
div#navigation ul li ul li ul li a { display:block; width: 148px; margin:0; padding:4px 12px 4px 6px; border-bottom:1px solid #fff; background: #A5BCD1; text-decoration:none; font-size: 11px; color:#fff; font-weight:normal; }

/* Navigation hover style (all levels, dark blue background) */
div#navigation ul li a:hover { background:#004685; color:#fff; }



/* Home page NEWSROOM feature */

div#newsroom { clear:both; height:220px;margin:0px 39px 0 10px; padding: 0;}
div#newsroom h2 {float:left;width:181px;height:220px;margin:0;padding:0;}
div#newsroom p.newsroomtitle {float:left;width:418px;height:39px;margin:0;padding:0;}

/* Home page ABOUT feature */
div#aboutcentro { clear:both; height:220px; margin:10px 39px 0 10px; padding: 0; }
div#aboutcentro h2 {float:left;width:181px;height:220px;margin:0;padding:0;}
div#aboutcentro p.aboutcentrotitle {float:left;width:418px;height:39px;margin:0;padding:0;}


div.home-feature {float:left; clear:none;height:170px;width:408px;margin-bottom:10px;padding: 5px 0 8px 12px;background: url(/_images/home-feature.gif) bottom right no-repeat;}
div.home-feature p.newsinfo {line-height:17px;font-size:12px;margin:0 24px 6px 0;border-bottom:1px solid #5F85AB;color:#004685;}
div.home-feature p.newsinfo a {color:#004685;}
div.home-feature p.newsinfo a img { float:left;width:30px;height:30px;margin-right:10px;}

div.feature {width:598px; padding-bottom:8px;background:#B3D9F2 url(/_images/feature-bottom.gif) bottom left no-repeat;margin-left:10px;}
div.feature h1 { margin:0; padding: 12px 0 8px 54px; text-transform:uppercase;font-weight:normal;font-weight:lighter;font-size:15px;background: url(/_images/feature-top.gif) top left no-repeat; }
div.feature h3 {padding:8px 12px 8px 12px;line-height:1.4;}
div.feature p, div.feature li {padding:0 12px 8px 12px;line-height:1.4;}

div.feature-extra {float:right;width:180px;margin-left:16px;}
ul.furtherlist { list-style:none; margin:8px 0 5px 0 ;padding:0;}
ul.furtherlist li { font-size:11px; margin: 0;padding:0;color:#004685; line-height:1.4;}


div.image-feature {width:598px; padding-bottom:8px;background:#B3D9F2 url(/_images/feature-bottom.gif) bottom left no-repeat;margin-left:10px;}
div.image-feature h1 { margin:0; padding: 12px 0 8px 54px; text-transform:uppercase;font-weight:normal;font-size:15px;background: url(/_images/feature-top.gif) top left no-repeat; }


/* Styling for Search */
form#search-container { float:left;width: 158px;margin:0 0 10px 0; padding: 16px 4px; background:#F7E017;  border-bottom:1px solid #988E01;}
form#search-container p { margin:0; padding:0; color:#4C5F8D; }
form#search-container p label { display:none; }
form#search-container p input.search { float:left;width: 124px; margin:6px 0 4px 0; padding:0; border:0; color:#4C5F8D; }
form#search-container p input.button { float:left;width: 40px; margin:0; padding:0; }
form#search-container p.searchlinks { margin: 0; padding:0; font-size:10px;}


/* Styling for Quick Contacts section */
div#quick-contacts { margin:1px 0 0 2px; padding: 8px 0 12px 0; }
div#quick-contacts h2 { margin:0; padding:0; border:0; }
div#quick-contacts p { margin:0; padding:0 0 2px 4px; border:0; }


/* Styling for footer at bottom of every page */				
div#footer { clear:both; width: 780px; height:100px; margin-left:6px; padding: 4px 0 0 0; background: url(/_images/footer.gif) 0 0 no-repeat; }


/* Table styles */
table { width:575px; margin:10px;padding:0;font-size:11px;}
table tbody tr td { color:#1A4876;}
table tbody tr td.title { color:#1A4876; }
table.timetable { width:575px; }
table.timetable tbody tr td { width:10%; font-size:70%; background:none; color:#1A4876; font-weight:bold; }
table.timetable tbody tr td.title { width:20%; color:#1A4876; }
	
ul.homelist { list-style:none; margin:8px 0 5px 0 ;padding:0;}
ul.homelist li { font-size:12px; color:#004685; line-height:1.5;}



p.ieclear {clear:both;height:1px;line-height:1px;font-size:1px;background:#fff}
