/* Road safety innovations awards stylesheet - Website */
/* Created: 1 May 2008*/


/*-------------page layout ------------------*/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	/*color : #000000;*/
	font-size : 12px;
	margin : 0 auto; /* Need this here to centre layout in non-IE browsers eg FF*/
	padding: 0;
	text-align:center; /*for IE5, which doesn't understand 'auto' in contentwrap div*/
	background-color:#E6E6E6; 
	/*background: url(../gfx/background-test.png) top center repeat-y; edge shading*/
		}	
	
/*for left nav - identifies page so current page is highlighted*/
body#home a#homeLink,
body#media a#mediaLink,
body#enter a#enterLink,
body#categories a#categoriesLink,
body#history a#historyLink,
body#contact a#contactLink,
body#supporters a#supportersLink {
	/*background: url(../gfx/sidenav-star.png); 
	background-repeat: no-repeat; 
 	background-position: 0 7px;*/
	/*margin-right: 8px;*/
	background-color: #FAA61A; /*old=#808080;*/
	/*border-bottom:2px solid #FAA61A;*/
	font-weight: normal;
	color: #FFFFFF;
	/*background-color:*/ 
	}		
	
		
/*fixed width wrapper for all content*/	
#contentwrap {
	width:880px;
	padding:0;
	margin: auto; /* Centres wrapper*/
	text-align:left; /*overrides the 'text-align center' fix for IE5 in the body div*/
	background-color:#FFFFFF; /*url(../gfx/background-test.png) top center repeat-y; edge shading*/
	overflow: hidden; /*keeps body background color from overflowing*/
	}
/*right column*/	
.contentright {
	width:160px;
	margin:9px 0 33px 0;
	padding:0;
	float:left;
	}
/*left column - used for left navigation list */		
.contentnarrow {
	width:152px;
	margin:9px 0 33px 0;
	padding:0;
	float:left;
	}
/*central column for 3 column layout*/	
.contentmedium {
	width: 62%;
	margin:9px 0 33px 9px;
	padding:0;
	float:left;
	}
/*right column for 2 column layout*/		
.contentfull {
	width:80%;
	margin:9px 0 0px 9px;
	padding:0;
	float:left;
	}
/*the main content 'last updated' footer*/
.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #999999;
		}
		
/*the page footer*/
#pagefooter {
	clear:both;
	/*border-bottom: 1px solid #000000;
	border-top:	1px solid #000000;*/	
	background-color:#ECECEC;
	height: 15px;
	margin: 10px;
		}	
		
.pagefootertext{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 9px;
	/*line-height:80%;*/
	/*text-align:center;*/
	padding: 2px;
			}

/*the header*/
/*the header*/
.header {
	/*margin:0 0 5px 0;*/
	background-image: url(../gfx/header-banner-test2.png);
	background-position: bottom left;
	background-repeat:no-repeat;
	width:100%;
	height: 145px;
	padding:0; 
		}	  

	
/* New left navigation with dropshadow at left*/
ul.sidebarnav {
 list-style-type: none; 
 padding: 5px;
 margin-left: 1px;
 font-size: 10px;
 background: url(../gfx/drop-shadow-leftnav3.png) bottom right no-repeat; /*dropshadow */
 }

/*added by Allan 4/29 - for last updated left nav. background color changed back from #E6E6B3*/ 
ul.sidebarnav a {
 display: block;
 /*width: 10em;*/
 color: #666666;
 text-decoration: none;
 font-weight: normal;
 margin-right: 1px;
 padding: 5px 5px 5px 10px;
 }

/*added by Allan 4/29 - for last updated left nav*/  
ul.sidebarnav a:hover	{
	text-decoration: none;
	color: #000000;	
	/*font-weight: bold;*/
	background-color: #F2F2F2;
    /*background-repeat: no-repeat; 
    background-position: 0 7px;
	border-bottom:1px solid #000000;*/
	/*background-color: #75D175;*/
	}	
		
/*added by Allan 4/29 - for last updated left nav. Attempt to stop links displaying as visited in left nav*/ 
ul.sidebarnav a:visited {
	text-decoration : none;
	font-weight: normal;  
	} 	
		
/*added by Allan 4/29 - for last updated left nav*/  
 ul.sidebarnav li {
 display: inline;
  }
  
/*added by Allan 4/29 - for last updated left nav. This corrects IE6 browser bug that only makes block element text 'clickable' (rather than the whole block element). This does not CSS validate.*/  
 *html ul.sidebarnav a { height: 1px; }	


/*-------------tables ------------------*/

.contentmedium table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}
.contentmedium table th {
	background: #339933;;
	color: #fff;;
	padding:5px;
	text-align: left;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 75%;   note: pages with doctypes interpret sizes differently. This line no longer required  */  
	font-weight: bold;
	}
.contentmedium table td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom:1px solid #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	/*font-size: 68.75%;*/
	text-align: left;
	vertical-align:top;
	}

/*.table {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
	color : #339933;
	}*/
.table th {
	background: #ad99c2;
	color: #fff;
	padding:5px;
	text-align: left;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	}
.table td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom:1px solid #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 68.75%;
	text-align: left;
	vertical-align:top;
	}
.table2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	}	


/*-------------text and links------------------*/

a:link {color : #339933;
	text-decoration : none;
	font-weight : bold;  
	}
a:visited {
	text-decoration : none;
	font-weight : bold;  
	color:#828282;
	}
a:hover	{
	text-decoration : underline;	
	font-weight : bold;
  	}
a:active {
	/*color : #339933;*/
	text-decoration : underline;
	font-weight : bold;  
	}

h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #339933;
	font-size : 22px;
	}
/*new style for header text*/	
h1.header{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 24px;
	margin: 0px 5px 5px 5px;
	}	
	
h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #339933;
	font-size : 18px;
	}
h4 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #339933;
	font-size : 14px;
	}
h5 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #339933;
	font-size : 12px;
	}

/*large intro text for homepage*/ 	
.intro {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 14px;
	}
	
p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}
	
/*added by Allan 4/29 - for last updated footer*/
.update {
	font-size:1.0em; 
	color:#777;
	}	
	
li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px; 
	margin : 0 0.5em 0 0;
	}	
	
.hide {
	display:none;
}	
/*-------------images and promotion boxes ------------------*/

 /*background shadow for images. A big thank you to Sergio Villarreal for his CSS Drop Shadows article at A List Apart.*/
.img-shadow {
float: right;
background: url(../gfx/drop-shadow.png) right bottom no-repeat;
margin: 10px 0 0 10px;
    }

/*for images with background shadow*/
.img-shadow img {
  display: block;
  margin: -6px 6px 6px -6px;
  position: relative;
  background-color:#fff;
  border: 1px solid #a9a9a9;
  padding: 5px;
    } 

/*Photo with caption*/
 
 img.figurecaption {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #666;
padding: 10px;
background: url(../gfx/drop-shadow.png) right bottom no-repeat;
}

.figurecaption img {
border:1px solid #666;
padding: 5px;
}

div.figurecaption {
float: right;
width: 200px;
margin: 15px 10px 5px 10px;
}

.figurecaption p {
font-size: 9px;
font-weight:bold;
color: #333;
text-align: center;
/*background-color: #CCCCCC;*/
padding: 5px;
/*border: 1px solid #666;*/
margin: 5px 0 0 0;
width: 200px;
}
 
/*for right floated images without shadows. Used in header background*/
 img.figure {
  float: right;
   margin: 0;
  padding: 0;
  border: 0;
  }
  
 /*for left floating images without border (used in header)*/
 img.left {
  float:left;
  margin: 0;
  padding: 0;
  border: 0;
  }  
  
  
   /*For centred images*/
 img.figurecentre {
  float:none;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 10px;
  }	
  
 /* To stop linked images displaying a 1px border*/ 
 a img {
 border: none;
 }
  
 
 /*feature box that floats right*/
 #column {
 	margin:0 0 0 7px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;		
	}
 
.feature {
	width: 150px;	
	}
	
.feature h3 {
   line-height: 150%;
   color:#FFF; /* NEW Sept 05 */
	background: url(../gfx/featureboxtop.png) repeat-x 100% 0;   
	margin: 4px 2px 0px 2px;
	border:none;
	padding: 0;
	font-size: 14px;
	text-align:center;
		}
	
.feature p {
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #000000;
	margin: 0 2px 2px 2px;
	padding: 0 0 10px 4px;
	border: none;
	background: #ECECEC url(../gfx/featureboxbottom.png) center bottom no-repeat;
	}
 
/*additional nav box that floats right in 'enter the awards' pages*/

.entersidebar {
   float: right;
   border: 4px solid #FAA61a;
   width: 200px;
   }


/*-------------page breaks and other elements------------------*/
.pagebreak {
	page-break-after : always;
	}

/*-------------entry form (No longer used)------------------*/
.category {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ff6600;
	font-size : 14px;
	font-weight : bold;
	}
.checklist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ff6600;
	font-size : 16px;
	font-weight : bold;
	}	

.entryform {
	width : 320px;
	height : 40px;
	top:20px;
	right:10px;
	border-style: solid;
	border-color: #68ccff;
	padding-left: 4px;
	text-align:left;
	}	

.formaddress {
	width : 320px;
	height : 70px;
	top: 20px;
	right: 2px;
	border-style: solid;
	border-color: #68ccff;
	padding-left: 4px;
	text-align:left;
	}
.formpersonnel {
	/*border-width:320px;*/
	height : 110px;
	top:20px;
	right:2px;
	border-style: solid;
	border-color: #68ccff;
	background-color:#fff;
	padding-left: 4px;
	text-align:left;
	}	
		
#crumb {
   font-size:9px;
   font-weight:bold;
   }

.winnerssidebar {
	border:4px solid #FAA61A; */
	background-color:#ECECEC;
	
	/*background: url(../gfx/star-smallest.gif);*/ 
	/*background-repeat: repeat;*/
	}