@import url(../css/07.css);
@import url(../css/default.css);
@import url(../css/print.css);

@media screen
{

	body
	{
		background-color: #8D8280;
		color: #666;
	}

	div#container
	{
		width: 764px;
		background-color: #FFF;
		margin: 0 auto;
	}

	div#header
	{
		position: relative;
		width: 750px;
		margin: 0;
		background-color: #FFF;
		border-top: solid 7px #FFF;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
	}

	hr.clearer
	{
		height: 0;
		overflow: hidden;
		visibility: hidden;
		clear: both;
		border: none;
	}

	a img
	{
		border: none;
	}

	h1
	{
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 78px;
		background-image: url(../img/ShropshireAdvancedMotorists/Heading.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: none;
	}




	/* Top Menu */
	div#topnav
	{
		height: 25px;
		overflow: hidden;
		margin: 0;
		background-color: #8D8280;
		background-image: url(../img/ShropshireAdvancedMotorists/Menu-Background.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		border-top: solid 4px #FFF;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
	}
	ul.menu
	{
		float: right;
		margin: 3px 10px 0 0;
	}

	ul.menu li
	{
		display: inline;
		list-style-type: none;
		text-transform: uppercase;
	}

	ul.menu li a:link, ul.menu li a:visited
	{
		color: #FFF;
		background-image: url(../img/ShropshireAdvancedMotorists/Menu-Separator.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: none;
		padding-left: 14px;
		padding-right: 4px;
	}

	ul.menu li a:hover 
	{
		color: #333;
		border: none;
	}


	/* Breadcrumb bar */

	div#subnav
	{
		height: 30px;
		overflow: hidden;
		margin: 0;
		background-color: #FFF;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
	}

	div#subnav a:hover
	{
		color: #000;
	}

	ul.breadcrumbs
	{
		color: #999;
		margin: 5px 0 8px 5px;
		padding-bottom: 8px;
		list-style-type: none;
	}

	ul.breadcrumbs li
	{
		float: left;
	}

	ul.breadcrumbs li a
	{
		color: #999;
		border: none;
		padding-bottom: 0.2em;
	}

	ul.breadcrumbs a:hover
	{
		border-bottom: solid 1px #CCC;
	}


	/* Login status bar */

	div#loginstatusbar
	{
		float: right;
		margin: 8px 0 8px 0;
		border-right: solid 7px #FFF;
	}

	div#loginstatusbar a
	{
		color: #666;
		border-bottom: none;
		border-left: 1px solid #999;
		padding-left: 4px;
	}

	div#loginstatusbar a.first
	{
		border-left: none;
	}

	div#loginstatusbar a:hover
	{
		color: #000;
	}

    div#loginstatusbar a.loginStatus
    {
        border-left: none;
        border-right: solid 1px #ccc;
        padding-left: 0;
        padding-right: 0.75em;
    }


	/* Headings */

	h2
	{
		font-family: Arial, sans-serif;
		font-size: 1.8em;
		color: #000;
		margin-bottom: 0.75em;
	}

	h3
	{
		font-family: Arial, sans-serif;
		font-size: 1.4em;
		color: #666;
		margin-bottom: 0.75em;
		margin-top: 1em;
	}

	h4
	{
		margin-bottom: 1em;
		background-color: #DFDFDF;
		border: solid 1px #CCC;
		color: #666;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1em;
		padding: 0.4em 0.4em 0.4em 2em;
	}

	h3 a:link, h3 a:visited, h3 a:hover, h4 a:link, h4 a:visited, h4 a:hover
	{
		border: none;
		color: #666;
	}


	/* Main content area */

	div#wrapper > div#content
	{
		height: auto;
		min-height: 500px;
	}

	div#content
	{
		margin: 5px 167px 5px 188px;
		width: 388px;
		padding: 5px;
		border-left: solid 1px #CCC;
		border-right: solid 1px #CCC;
	}

	div#content img
	{
		padding-top: 5px;
	}



	/* Navigation */

	div#navigation
	{
		width: 178px;
		padding-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		Margin-left: -764px;
		/*border-right: solid 1px #CCC;*/
	}

	div#navigation ul
	{
		margin: 0 5px 5px 5px;
		padding: 0;
		list-style-type: none;
	}

	div#navigation a:link, div#navigation a:visited, div#navigation a:hover
	{
		border: none;
	}

	div#navigation ul a
	{
		width: 151px;
		margin: 5px 0 0 0;
		padding: 7px 2px 7px 25px;
		background-color: #DCD5CC;
		display: block;
		color: #666;
		border: none;
		line-height: 1;
		background-image: url(../img/ShropshireAdvancedMotorists/Arrow-Right.png);
		background-repeat: no-repeat;
		background-position: 3px 5px;
	}

	div#navigation ul a:hover
	{
		color: #666;
		background-color: #C2B5A6;
	}

	div#navigation ul li.selected a
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Arrow-Down.png);
		background-repeat: no-repeat;
		background-position: 3px 5px;
		background-color: #C2B5A6;
	}

	div#navigation ul ul
	{
		margin: 0;
		padding: 0;
		border: none;
	}

	div#navigation ul ul a
	{
		width: 151px;
		margin: 0;
		padding: 7px 2px 7px 25px;
		color: #FFF;
		background-color: #C2B5A6;
		background-image: none;
	}

	div#navigation ul ul a:hover
	{
		color: #666;
		background-color: #A89680;
	}

	div#navigation > ul a, div#navigation > ul ul a
	{
		/*width: auto;*/
	}

	div#navigation ul li.selected ul li
	{
		background-color: #C2B5A6;
	}

	div#navigation ul li.selected ul li a
	{
		background-image: none;
	}

	div#navigation ul li.selected ul li.first a
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-FFF.png);
		background-repeat: repeat-x;
		background-position: left top;
		padding-left: 25px;
	}




	/* Extra panel */

	div#extra
	{
		width: 162px;
		padding-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: -175px;
		/*border-left: solid 1px #CCC;*/
	}

	div#extra > h5
	{
		font-size: 1em;
		margin: 0;
		padding: 5px 5px 10px 5px;
		color: #CC6600;
		background-color: #FFF;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}

	div#extra ul
	{
		margin: 0 5px 5px 0;
		padding: 0;
		list-style-type: none;
	}

	div#extra a:link, div#extra a:visited, div#extra a:hover
	{
		border: none;
	}

	div#extra li.enquiry, div#extra li.sendtofriend, div#extra li.print
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: repeat-x;
		background-position: bottom left;
	}

	div#extra ul a
	{
		display: block;
		padding: 8px 2px 23px 40px;
		margin: 0 0 5px 0;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: no-repeat;
		background-position: 5px 3px;
	}

	div#extra ul li.enquiry a
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Icon-Enquiry.png);
	}

	div#extra ul li.sendtofriend a
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Icon-Send.png);
	}

	div#extra ul li.print a
	{
		background-image: url(../img/ShropshireAdvancedMotorists/Icon-Printer.png);
	}

	div#extra ul a:link, div#extra ul a:visited, div#extra ul a:active
	{
		color: #666;
	}

	div#extra ul a:hover
	{
		color: #000;
		background-position: 8px 3px;
	}





	/* Footer */

	div#footer
	{
		width: 750px;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
		color: #888;
		background-color: #FFF;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 10px 0;
	}

	div#footer a
	{
		border: none;
		color: #888;
	}

	div#footer a:hover
	{
		border-bottom: solid 1px #CCC;
	}

	div#footer p span, div#footer p a
	{
		color: #A8A8A8;
	}

	div#footer a.iam
	{
		border: none;
	}

	div#footer a.iam img
	{
		display: inline;
		float: right;
		margin: 0 20px 0 0;
	}


	/* Home page */

	div#home_banner
	{
		width: 750px;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
		padding: 3px 0 10px 0;
		margin: 0 0 5px 0;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-000.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	div#home_content
	{
		width: 750px;
		border-left: solid 7px #FFF;
		border-right: solid 7px #FFF;
		padding: 0;
		margin: 0 0 10px 0;
		min-height: 250px;
	}
	
	div#home_content p
	{
		padding: 5px 10px 0 10px;
	}
	
	div#home_content p a
	{
		position: absolute;
		bottom: 0;
		color: #fff;
		background: none;
		border: 0;
		font-size: 1.3em;
		font-weight: bold;
		padding-bottom: 5px;
		display: block;
	}
	
	div#home_content div
	{
		height: 400px;
	}

	html > body div#home_content div
	{
		height: auto;
		min-height: 400px;
	}
	
	
	/* Left panel */
	
	div#home_left
	{
		position: relative;
		width: 245px;
		margin: 0 7px 10px 0;
		float: left;
		background-color: #D6C196;
		background-image: url(../img/ShropshireAdvancedMotorists/Headlights.png);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	div#home_left h1
	{
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 67px;
		background-image: url(../img/ShropshireAdvancedMotorists/Heading-Welcome.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: none;
	}
	
	
	/* Centre panel */
	
	div#home_centre
	{
		position: relative;
		width: 245px;
		margin: 0 0 10px 0;
		float: left;
		background-color: #DDCCA9;
		background-image: url(../img/ShropshireAdvancedMotorists/Thumbs.png);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	div#home_centre h1
	{
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 67px;
		background-image: url(../img/ShropshireAdvancedMotorists/Heading-Taking.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: none;
	}
	
	/* Right panel */
	
	div#home_right
	{
		position: relative;
		width: 245px;
		margin: 0 0 10px 0;
		float: right;
		background-color: #F0A32B;
		background-image: url(../img/ShropshireAdvancedMotorists/Lights.png);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	div#home_right h1
	{
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 67px;
		background-image: url(../img/ShropshireAdvancedMotorists/Heading-Join.png);
		background-repeat: no-repeat;
		background-position: left top;
		border: none;
	}
	
	div#home_right p
	{
		padding: 5px 10px 10px 0;
		margin: 0 10px 5px 10px;
		background-image: url(../img/ShropshireAdvancedMotorists/Dot-FFF.png);
		background-repeat: repeat-x;
		background-position: 10px bottom;
	}
	
	div#home_right p a
	{
		position: relative;
		display: inline;
		font-size: 1em;
		font-weight: normal;
	}
	
	div#home_right p.link
	{
		position: absolute;
		bottom: 0;
		color: #fff;
		background: none;
		border: 0;
		font-size: 1.3em;
		font-weight: bold;
		padding: 10px 0 0 0;
		display: block;
	}
	
	div#home_right p.link a
	{
		font-weight: bold;
	}
	
	
	
	/* Sitemap */
	
	ul.sitemap a
	{
		border: none;
		}
	
}

@media print
{

	div#navigation, div#extra
	{
		display: none;
	}

}