/* Main Elements */

html, body {
background: #ebebeb;
height:98%;
}


#container{
	margin-left : auto;
	margin-right : auto;
	background-image: url(RUE5_spacer.jpg);
	width: 856px;
	background-repeat: repeat-y;
	
}

/*-------------------------------------------------------------------------- font sets p, h1, h2, h3, h4 */

/* main body text - main paragraphs & text */

p {
	font-family :  Arial;
	font-size : 12px;
	color: #000;
	text-align: left;	
}

/* name label (used for the words graham lloyd in the quote div)*/

h1 {
	font-family : arial;
	font-size : 14px;
	text-decoration: none;
	color: #333;
	margin-left: 130px;
	font-weight: lighter;
	
}

/* menu title (red capitals)*/

h2 {
	font-family :  'helvetica', 'trebuchet ms', 'lucida sans', 'lucida sans unicode', 'lucida grande', 'verdana', arial, sans-serif;
	font-size : 77%;
	text-decoration: none;
	color: #810e55;
	margin-left: 40px;
	text-transform: uppercase;
}


/* paragraph titles (red capitals)*/

h3 {
	font-family :  'helvetica', 'trebuchet ms', 'lucida sans', 'lucida sans unicode', 'lucida grande', 'verdana', arial, sans-serif;
	font-size : 12px;
	text-decoration: none;
	color: #810e55;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 20px;
}

/* read more link*/

h4 {
	font-family : arial;
	font-size : 14px;
	text-decoration: none;
	color: #810e55;
	margin-bottom: 0px;
	margin-left: 5px;
	font-weight: lighter;
	font-style: italic;	
}


h1, h4 {
	display: inline;
	line-height: 36px;

}

/*-------------------------------------------------------------------------- bullet point lists */


/* bullet points list 1 - (with spaced lines)*/

#points {
	font-family :  Arial;
	font-size : 12px;
	color: #000;
	text-align: left;
	line-height: 15px;
	list-style: none;
	padding-left: 0px;
	margin-left: 10px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
}

/* bullet points list 2 - (no spaces between lines)*/

#points2 {
	font-family :  Arial;
	font-size : 12px;
	color: #000;
	text-align: left;
	padding-left: 0px;
	margin-left: 15px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
}

/* alignment for both lists*/

li {
	margin-bottom: 5px;
}

/*-------------------------------------------------------------------------- TOP OF PAGE  header, navbar, navlinks - contains header, home and contact us buttons */


#header {
	background-image: url(RUE3_01.jpg);
	height: 121px;
	width: 856px;
	padding-right: 0px;
	background-repeat: no-repeat;
}

/* navbar div */

#navbar {
	background-image: url(RUE3_02.gif);
	height: 34px;
	width: 856px;
	padding-right: 0px;
	background-repeat: no-repeat;
}

/* navlinks div - holds the home and contact us buttons*/

#navlinks {
	text-align: right;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: -2px;
	margin-left: 0px;
	line-height: 32px;


}

/* navlinks text - home and contct us buttons */

#navlinks a {
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration: none;
	color: #fff;
	text-align: left;
	font-weight: bolder;
	
}

/* navlinks list alignment */


#navlinks li  {
	display: inline;
	padding-right: 2em;
   
	}
	
ol
{
list-style-type: none;
}

/* navlinks activated & deactivated (rename tags to deactivated in html code, this will remove the hover states on rollover) */

#navlinks .activated a:hover
{
	text-decoration: underline; 
}

#navlinks .deactivated a:hover
{
	cursor: default; 
}

/*--------------------------------------------------------------------------- MAIN SECTION content div */

#content {

margin: 0;
}

#content .padding {
	text-align: left;
	width : 538px;
	margin-left: 71.5px;
	margin-top: 0px;
	position:relative;right:0px;

}



/*--------------------------------------------------------------------------- SIDE SECTION sidebar, sidebar a, side bar b, side bar text, menu  - contains category menus down the side */



#sidebar {
	background-image: url(RUE3_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 265px;
	margin-right: 19px;
	display: inline; }


#sidebar-a {
	padding-top: 45px;
	padding-bottom: 4px;
	margin: 0px;
	margin-left: 35px;
	padding-left: 30px;
}

#sidebar-b {
	padding-top: 18px;
	padding-bottom: 12px;
	margin-left:35px;
	line-height: 15px;
}


/* Sidebar text (category links in main menu)*/


#menu a {
	color: #8da0ce;
	font-family :  arial;
	line-height: 19px;
	font-size : 13px;
	text-decoration: none;
	text-align: left;
	font-weight: bolder;	
}



/* Sidebar text deactivated  (rename tags to deactivated in html code, this will remove the hover states on rollover) */


#sidebar-a .deactivated a
{
	color: #CCC;
	font-family :  arial;
	font-size : 13px;
	line-height: 19px;
	text-decoration: none;
	text-align: left;
	font-weight: bolder;
	cursor: default;
}

#sidebar-a .activated a:hover
{
	text-decoration: underline; 
}

#sidebar-b li a:hover
{
	text-decoration: underline; 
}


/* Sidebar text (category links in menu 2)*/


#menu2 a {
	font-family :  'helvetica', 'trebuchet ms', 'lucida sans', 'lucida sans unicode', 'lucida grande', 'verdana', arial, sans-serif;
	font-size : 73%;
	text-decoration: none;
	color: #000;
	font-weight: lighter;
}

ul
{
list-style-type: none;

}

/*--------------------------------------------------------------------------- BOTTOM SECTION prefooter, advert, projects, transit, consultant, quote, copyright, footer, */


#prefooter {
	height: 282px;
	background-repeat: no-repeat;
	
}



#advert {
	background-image: url(RUE3_05.jpg);
	height: 91px;
	background-repeat: no-repeat;
}

#flash {
	height: 91px;
	margin-left: 21px;
	padding-left: 52px;
}

#transit {
	height: 272px;
	width: 286px;
	background-repeat: no-repeat;
	float:right;
}


#quotesection {
	background-image: url(RUE3_07.jpg);
	height: 181px;
	width:  570px;
	background-repeat: no-repeat;
}

/* quote text */

#quote {
	font-family :  Arial;
	font-size : 14px;
	color: #666;
	text-align: left;
	width : 320px;
	height : 100px;
	margin-left: 175px;
	margin-top: 38px;
	float:left;
	font-weight: bold;
}


#footer {
	background-image: url(RUE3_08.jpg);
	height: 79px;
	width:  857px;
	background-repeat: no-repeat;
	
}

/* quote text */

#copyright {
	font-family : arial;
	font-size : 11px;
	color: #333;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-left: 265px;
}




/*--------------------------------------------------------------------------- EXTRAS prefooter, advert, projects, transit, photos  - CSS used for specific page elements */

/* Contact us Page (contact.htm) - labels on form i.e Name, Email, Comments and submit button */

label {
	font-family : arial;
	font-size : 12px;
	color: #333;
	margin-bottom: 30px;
}

Submit {
	margin-top: 60px;
}


/* Transit Toolkit (transittoolkit.html)  - Download button and instructions */

#download {
	margin-left: 73px;
	margin-right: 30px;
	margin-top: 65px;
}

/* Transit Toolkit (transittoolkit.html)  - Image of toolkit */

#toolpack {
	margin-left: 55px;
}

/* Project help available - Company Logo's & images */

#logoholder {
	width: 503px;
}



#logo {
Float: right;
margin-top: 0px;
	
}

#photos {
	padding-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

#content2 .network {
	text-align: left;
	width : 737px;
	margin-left: 62px;
	margin-top: 0px;
	position:relative;
	right:0px;
	
}




#container2{
	margin-left : auto;
	margin-right : auto;
	background-image: url(/ruenetwork/images/rue/spacer.jpg);
	width: 856px;
	background-repeat: repeat-y;
	
	
}

#prefooter3 {
	background-image: url(/ruenetwork/images/rue/RUE3_10.jpg);
	height: 400px;
	background-repeat: no-repeat;
	
}




#description {
	float: right;
	width: 360px;
	margin-top: 10px;
	height: 440px;
	padding-right: 20px;
}

#menur {
	width: 360px;
	margin-left: 20px;
	padding-top: 24px;
}


#advert2 {
	margin-left: 62px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 115px;
	width: 751px;
	border: 1px solid #bec8df;
	overflow: hidden;
}

#loginbox {
	width: 175px;
	height: 115px;
	float: right;
	padding-right: 15px;
	padding-top: 8px;
	
}

#network {
background-image: url(http://www.roadusereducation.co.uk/ruenetwork/images/rue/ruenetwork.jpg);
width: 760px;
height: 450px;
margin-left: 59px;
}

#footer2 {
	background-image: url(http://www.roadusereducation.co.uk/ruenetwork/images/rue/RUE3_08.jpg);
	height: 79px;
	width:  857px;
	background-repeat: no-repeat;
	
}

#signup {
float: right;
	width: 378px;
	overflow: hidden;
	padding-left: 00px;
}


#buttons {
	margin-top: 6px;
	padding-left: 75px;
	background-color: #FFF;
		
}

#homepage {		
}

#register {
	margin-bottom: 11px;
	
}

#copyright2 {
	font-family : arial;
	font-size : 11px;
	color: #333;
	padding-top: 13px;
	margin-bottom: 0px;
	margin-left: 265px;
}

#project {
	width:700px;
	height: 340px;
	padding-top: 10px;
	margin-left: 63px;
}



<script src="file:///C|/Documents and Settings/Administrator/Application Data/Adobe/Dreamweaver CS4/en_US/Configuration/Temp/Assets/eam1E.tmp/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

swfobject.registerObject("FlashID");
//
</script>