body{
	background-color : #E2F5E7;
	font-size : 0.8em;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
}

a:link{
	color : Blue;
}

a:visited{
	color : #800080;
}

a:active{
	color : #00FAF7;
	text-decoration : none;
}

a:hover{
	color: yellow;
	text-decoration : underline;
	background-color : Black;
}

h1{
	font-size : 18pt;
	color : #00008A;
	text-align : center;
}

h2{
	font-size : 14pt;
	color : #00008A;
	background-image : url(images/header2bg.gif);
	background-position : top left;
	background-repeat : repeat-y;
	border-bottom:1px solid #C9DEC9;
	padding-left:2px;
}

.pdfdownload{
	list-style-image : url(images/pdf.gif);
	margin-left : 4px;
}

.weblink{
	list-style-image : url(images/webicon.gif);
	padding-left : 4px
}

thead tr.tablerow{
	background-color: #387526;
	color: white;
}

tbody tr.tablerow{
	background-color: #D6EFCF;
}


#linklist.row{
	margin : 0;
	padding : 0;
}

#linklist p{
	clear : left;
	overflow : none;
}

.gallery1{
	background-color: #E3F5E2;
	margin : 0 5px 5px 0;
	text-align: center;
	border : 1px solid #C2E9C0;
	width:250px; height:240px; float:left
}

.gallery2{
	background-color: #F5F5E2;
	margin : 0 5px 5px 0;
	text-align: center;
	border : 1px solid #E9EABF;
	width:250px; height:240px; float:left
}

.gallery3{
	background-color: #E6E6E6;
	margin : 0 5px 5px 0;
	text-align: center;
	border : 1px solid #C8C8C8;
	width:250px;
	height:240px;
	float:left
}

div#wrapper{
	width : 960px;
	text-align : left;
	background-image : url(images/body.gif);
	background-position : top left;
	background-repeat : repeat-y;
	margin : auto;
	margin-top : 0;
}

div#header{
	height : 106px;
	float : left;
	width :960px;
	padding-bottom:20px;
}

div#breadcrumb{
	font-weight : bold;
	padding-left : 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin : 0;
	width : 960px;
	background-image : url(images/breadcrumbbg.gif);
	background-repeat : repeat-y;
	background-position : top left;
}


div#eventsstrap{
	padding-left : 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin : 0;
	width : 960px;
	color : White;
	background-image : url(images/eventsstrapbg.gif);
	background-repeat : repeat-y;
	background-position : top left;
	font-size:0.9em
}

div#eventsstrap a{
	color: white;
}

div#menu{
	margin-left : 12px;
}

div#menu ul{
	list-style: none;
	margin: 0;
	text-align:left;
	width : 150px;
	padding: 0;
	display : block;
	float : left;
}

div#menu ul li{
	margin : 0;
	width : 150px;
}

div#menu ul li a{
	display: block;
	font-size : 0.9em;
	text-decoration: none;
	background-image : url(images/navbutton-top.gif);
	background-position : top left;
	background-repeat : no-repeat;
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : transparent;
}

div#menu ul li a span{
	background-image : url(images/navbutton-bottom.gif);
	background-position : bottom left;
	background-repeat : no-repeat;
	padding: 6px 25px 6px 15px;
	background-color : transparent;
	display : block;
}


#home #nav-home a,
#aboutus #nav-aboutus a,
#advanceddriving #nav-advanceddriving a,
#testgradings #nav-testgradings a,
#membership #nav-membership a,
#latestnews #nav-latestnews a,
#committee #nav-committee a,
#diary #nav-diary a,
#events #nav-events a,
#pastevents #nav-pastevents a,
#mdu #nav-mdu a,
#autokarna #nav-autokarna a,
#newsletters #nav-newsletters a,
#links #nav-links a,
#contact #nav-contact a,
#constitution #nav-constitution a,
#benefits #nav-benefits a,
#environment #nav-environment a,
#faqs #nav-faqs a,
#testimonials #nav-testimonials a,
#inthenews #nav-inthenews a,
#fundraising #nav-fundraising a,
#bikers #nav-bikers a,
#youngdrivers-whytakeup #nav-youngdrivers-whytakeup a,
#youngdrivers-benefits #nav-youngdrivers-benefits a,
#youngdrivers-links #nav-youngdrivers-links a{
	background-position: -300px -0px;
	font-weight : bold;
	color : #000000;
}

#home #nav-home a span,
#aboutus #nav-aboutus a span,
#advanceddriving #nav-advanceddriving a span,
#testgradings #nav-testgradings a span,
#membership #nav-membership a span,
#latestnews #nav-latestnews a span,
#committee #nav-committee a span,
#diary #nav-diary a span,
#events #nav-events a span,
#pastevents #nav-pastevents a span,
#mdu #nav-mdu a span,
#autokarna #nav-autokarna a span,
#newsletters #nav-newsletters a span,
#links #nav-links a span,
#contact #nav-contact a span,
#constitution #nav-constitution a span,
#benefits #nav-benefits a span,
#environment #nav-environment a span,
#faqs #nav-faqs a span,
#testimonials #nav-testimonials a span,
#inthenews #nav-inthenews a span,
#fundraising #nav-fundraising a span,
#bikers #nav-bikers a span,
#youngdrivers-whytakeup #nav-youngdrivers-whytakeup a span,
#youngdrivers-benefits #nav-youngdrivers-benefits a span,
#youngdrivers-links #nav-youngdrivers-links a span{
background-position: -300px 100%;
}

#about #nav-about a,
#newsandmedia #nav-newsandmedia a,
#events #nav-events a,
#youngdrivers #nav-youngdrivers a{
	background-position: -600px -0px;
	color : White;
}

#about #nav-about a span,
#newsandmedia #nav-newsandmedia a span,
#events #nav-events a span,
#youngdrivers #nav-youngdrivers a span{
background-position: -600px 100%;
}

#menu ul li a.rospalink {
	background-image : none;
	background-color : #FFFFFF;
	color : White;
	height : 100px;
	margin-left : 5px;
	width : 150px;
}

#menu ul li a #rospalink{
	background-image : none;
	background-color : #FFFFFF;
	color : White;
	height : 100px;
	margin-left : 5px;
	width : 150px;
}

#menu ul li a.rospalink:hover {
	background-image : none;
	background-color : #FFFFFF;
	width : 150px;
}

#menu ul li.menusocial{
width:150px;
		background-image : none; background-color:White;}

#menu ul li a.menusocial{
	background-image : none;
		background-color : White;	color:White;}

#menu ul li a:hover a.menusocial{
	background-image : none;
	background-color : White;	color : White;
}

#menu ul li a.menusocialfloat{
	background-image : none;
	background-color : White;		color : White;
	float : left;
	}
	
#menu ul li a:hover a.menusocialfloat{
	background-image : none;
	background-color : White;
		color : White;
}


div#menu ul li a.menuhead{
	font-weight : bold;
	font-size : 1.2em;
	background-position: -450px -0px;
}

div#menu ul li a.menuhead span{
	background-position: -450px 100%;
}

div#menu ul li a:hover{
	background-position: -150px -0px;
	color : Black;
}

div#menu ul li a:hover span{
	background-position: -150px 100%;
}

div#mainnav{
	margin : 0;
	margin-left:12px;
	padding : 0;
	position : absolute;
	top : 115px;
}

div#mainnav ul{
	margin : 0;
	padding : 0;
	display : block;
	
}

div#mainnav ul li{
	list-style : none;
	margin : 0;
	padding : 0;
	float : left;
	position : relative;
}

div#mainnav ul li a{
	display : block;
	color : #ffffff;
	font-weight : bold;
	text-decoration : none;
	background-color : #284923;
	border : 1px solid Black;
}

div#mainnav ul li a span{

	padding: 0 13px;
	text-align:center;
}

div#mainnav ul li a:hover{
	background-position: 0% -94px;
	background-color:white;
	color: #000000;
}

div#mainnav ul li a:hover span{
	background-position: 100% -94px;
}

div#mainnav ul li ul{
	color : Black;
	position : absolute;
	top : 1.3em;
}

div#mainnav ul li ul li a {
	background-color : #D2E9CF;
	border:1px solid black;
	color : Black;
	text-align : left;
	padding : 2px;
	background-image : none;
	display : block;
	width:12em;
	font-size : 0.95em;
}

div#mainnav ul li ul li a:hover{
	background-image : none;
	background : White;
}

div#mainnav ul ul{
display: none;
}

div#mainnav ul li:hover
{display: block;}

div#mainnav ul ul,
div#mainnav ul li:hover ul ul,
div#mainnav ul ul li:hover ul ul
{display: none;}

div#mainnav ul li:hover ul,
div#mainnav ul ul li:hover ul,
div#mainnav ul ul ul li:hover ul
{display: block;}

div#content{
	padding-left : 20px;
	padding-right : 15px;
	margin-left : 150px;
}

div#gold{
	background-color : #ECEBCE;
	padding-left : 3px;
	margin-top: 2px;
	border : 1px solid #FDDD00;
}

div#silver{
	background-color : #E4E4E4;
	padding-left : 3px;
	border : 1px solid Silver;
	margin-top: 2px;
}

div#bronze{
	background-color : #EEE0C8;
	padding-left : 3px;
	margin-top: 2px;
	border : 1px solid #CE6700;
}

div#content form fieldset {
	background-color : #E9F4E8;
	border: 1px solid #000000;
	margin-top: 2em;
	padding:0;
	
}

div#content fieldset legend {
 font-weight: bold;
 font-size: 1.2em;
 color: #003a9c;
 border: 1px solid #000000;
 background-color: #fffbb0;
 padding: 5px 15px;
 margin-left: 5px;
}

div#content form label {
 width: 10em;
 float: left;
 text-align: right;
 clear: left;
 padding-right: 10px;
}

div#content form p {
 margin: 0;
 padding: 0;
 margin-top: 3px;
}

div#content form p.error {
	border: 2px dashed black;
	padding: 5px;
	background-color: #ff0000;
	color: #ffffff;
	font-weight : bold;
}


div#content form textarea {
	height: 120px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 1em;
}


div#content form input.button {
 width: auto;
}

div#errorbox{
	border: 2px dashed black;
	background-color: #ff0000;
	padding-left : 5px;
	color : White;
}

div#news1{
	background-color : #E4F4E1;
	border : 1px solid #63B163;
	padding : 3px;
	margin-bottom : 3px;
}

div#news2{
	background-color : #EFEFDA;
	border : 1px solid #BCBC65;
	padding : 3px;
	margin-bottom : 3px;
}

.news1{
	background-color : #E4F4E1;
	border : 1px solid #63B163;
	padding : 3px;
	margin-bottom : 3px;
}

.news2{
	background-color : #EFEFDA;
	border : 1px solid #BCBC65;
	padding : 3px;
	margin-bottom : 3px;
}


div#footer{
	font-size : 0.85em;
	clear : both;
	text-align : center;
	background-image : url(images/footer.gif);
	background-repeat : no-repeat;
	padding-top : 5px;
	height: 58px;
	background-position : top left;
	margin : 0;
}

div#footerlinks{
	font-size : 0.85em;
	clear : both;
	text-align : center;	background-image : url(images/footertop.gif);
	background-position : top left;
	background-repeat : repeat-y;
	text-align:center;
		padding-top : 5px;
	padding-bottom : 5px;

}