/* ***  CSS created by Sandra Vassallo e-Bility Pty Ltd ***  */
/* ***  2004-10-20 ***  */

/* ***  Modified 2006-08-18 ***  */

/* ##########  INDEX  ########## */

/* ***  001 - General body ***  */
/* ***  002 - Containers ***  */
/* ***  007 - Typography ***  */

/* ##########  STYLES  ########## */

/* ***  001 - General body ***  */

body	{
	background: #ffffff;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 100%;
	width: 100%;
	}
	
p	{
	line-height: 1.5;
	margin-bottom: 1em;
	}
	
a {
	text-decoration : underline;
	color: #0000ff;
	background: transparent; 
	}
	
img {
	display: block;
	border: 0;
}
	
.right {
	text-align: right;
}

.clear {
	clear: both;
}

/* ***  002 - Containers ***  */

/* ***  container div encloses entire page ***  */

#container	{
	background: #fff ;
	color: #333;
	margin: auto;
	padding: 0;
	width: 100% !important;
	}
	
/* ***  banner and logo at top of page ***  */

#header	{
	background: #ffffff;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 90px;
	border-top: 5px solid #4682b4;
	}
	
#header img	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	display: block;
	text-align: left;
	}

/* ***  content div encloses all content below header ***  */

#content{
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
}

#content img{
	border: 1px solid #ccc;
	float: right;
	margin: 3% 1% 1% 4%;
	/*display:inline;*/
}

#content p{
	line-height: 1.5;
	text-align:center;
}

#content ul{
	margin-left: 4%;
}

/* ***  pageinfo div encloses info and inline images ***  */

#pageinfo{
	margin:1% 0% 2% 0%;
	padding-top: 2%;
	width: 100%;
}

#pageinfo p, ul{
	margin-left: 2%;
	text-align: left !important;
	line-height: 1.5;
}

#pageinfo p.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left !important;
	width: 100%  !important;
}

#pageinfo img {
	margin: 0% 1% 2% 1% !important;
	padding: 2px;
	border: 1 px solid #ccc;
	float: right;
}

#pageinfo p.center img {
	margin: 0% auto 2% auto !important;
	padding: 2px;
	border: 1 px solid #ccc;
	float: none;
}

/* ***  footer div ***  */

#footer	{
	background: #ffffff;
	color: #333;
	border: 0;
	margin-top:4%;
	padding: 0;
	text-align: left;
	height: 101px;
	border-bottom: 5px solid #4682b4;
	}
	
#footer img	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	display:block;
	text-align:center;
	}

/* ***  end div contains brochure links ***  */

#end {
	border: 0;
	color: #666;
	background: transparent;
	padding: 2em 10em;
	clear: both;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;	
	}

html>#end	{
	font-size: small;
	} 

#end p	{
	margin:0;
	padding: 0;
	text-align: center;
	}
	
/* ***  007 - Typography ***  */

/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
	
h1, h2, h3, h4	{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .1em;
	letter-spacing: .1em;
	width: 100%;
	}
	
#content h1	{
	 background: transparent;
	 color: #000;
	 text-align:center;
    font-size:  125%;  
	} 
	
#content h2	{
    background: #4e4e4e;
	 color: #ffffff; 
	 padding: 2%;
	 text-align:left;    
    font-size: 115%;  
	} 
	
#content h3	{ 
   background: transparent;
	color: #000;
	text-align:left; 
	font-size: 100%;  
	}
	
		
#content, #content div, #content p, #content li, #content dd, #content dt    {
    font-size: x-small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size: small;         
    }
	 
html>#content, html>#content div, html>#content p, html>#content li, 
html>#content dd, html>#content dt    {
    font-size: small;
    }
	 
dl {
	text-align: left;
	line-height: 1.5;
	text-align: left;
	margin: 0 0 1% 2%;
}	
 
dd {
	margin-left: 2.5%;
}