/* 
 * layout
 */

	*{ margin:0; padding:0; }

	html, body { 
		font-size:100%; 
		font-family: "Trebuchet MS", "lucida grande",verdana,helvetica,arial,sans-serif;  
		color: #333; 
		line-height:1.125em; 
		text-align: center; /* force centering in ie6 */
		margin:0; padding:0; /* needed ? */
	}

	#container { 
    	position: relative; 
    	margin: 0px auto; 
    	width: 979px; 
    	background: #fff; 
		text-align: left;  /* stop text centering  */
		border: 1px solid #fff;   /* forces relative position for header */
	}
	
	#header { position: absolute; width: 979px; top:0; 
		 	 background: url(../img/gradient-bg.gif) top repeat-x;}


    /* top margin to place below absolutely positioned header */
    #content { margin: 175px 0px 0px 0px; }
            
	#Left2col {float:left; width: /*590px;*/ 605px }
	#Right2col {float:right; width: /*360px;*/ 370px  }

	
	#footer { margin: 30px auto; 
			 text-align: center; /* force centering in ie6 */
			 background: url(../img/gradient-bg.gif) top repeat-x; }

	#footer span { margin: 0 0 0 2px; }


	/* 3 col	
    #Wrapper3col {float:left; width: 590px; }  
    #Left3col {float:left; width: 385px; }
	#Middle3col {float:left; width: 200px; }	
    #Right3col {float:right; width: 360px;}
	*/
	
	/* layout testing 
	#Right2col, #Left2col  { border: 1px solid #ccc;} 
	*/



/*
 * nav 
 */

	#nav {
		margin: 15px 0px 0px 0px; 
		padding:0; 
		background: url(../img/nav-bg.gif) center repeat-x;
		list-style-type: none; 
		width: 980px; 
		float: left;
	}

	#nav li { margin:0; padding:0; float: left; }

	#nav li a { 
		float: left;
		width: 150px; 
		color: #ffffff; 
		text-decoration: none;
		line-height: 2.5em;	
		text-align: center;
		/*border-right: 1px solid #fff; */
	}

	#nav li a:hover { 
		background: #4682B4; 
		background: url(../img/current-nav-bg.gif) center repeat-x;
		color: #fff; 
	}

	#nav li.current a { 
		background: url(../img/current-nav-bg.gif) center repeat-x;
		color: #fff; 
		font-weight: bold;
	}

	#nav li.current a:hover { background: url(../img/current-nav-bg.gif) center repeat-x; }

	

/* 
 * Utility classes 
 */

	.clear{clear:both; height: 0px; min-height: 0px}
	.block{display:block}
	.inline{display:inline}
	.none{display:none}
	.border{border:1px solid #ccc;}
	.right{float:right}
	.left{float:left}
	.fullwidth{width:100%}
	.indent {margin-left:20px}
	.spacer {margin-top:20px}
	.red {color: #900;}
	.highlight {background: #ddfbb1; padding: 5px 7px; }

/* 
 * Semantic classes 
 */

	/* lists */
	ul.links { list-style-type: none; }
	ul.inline li { display: inline } 
	
	/* legends */
	#content legend { color: #333; }
	
	/* labels */
	#content label { color: #333; margin: 10px 10px 0px 0px; display: block; }
	
	/* radio labels */
	#content div.radio label { display:inline }
	
	/* checkbox labels */
	#content div.checkbox label { display:inline }
	
	
	/* select options */
	#content option { padding:0px 10px; }


	/* text inputs */
	input[type=text] { display: block; }
	.fullwidth input[type=text] { width:100%}
	
	/* textarea */
	textarea { border: 1px solid #ccc}
	
	/* radio */
	/*input[type=radio] { margin: 0px 5px 0px 0px; }*/
	input.radio { margin: 0px 5px 0px 0px; } /* IE ignores */
	
	/* checkbox */
	input.checkbox { margin: 0px 5px 0px 0px; } /* IE ignores */
	/*input[type=checkbox] { margin: 0px 5px 0px 5px; }*/
	
	/* submit */
	/*input[type=submit] { margin: 5px 10px 20px 10px; display: inline }*/

	/* IE doesnt understand type=submit */
	input.submit { display: inline; float:left; margin: 0px 10px 20px 30px; } 


	/*fieldset */	
	fieldset { margin: 0px 40px 30px 20px; padding: 10px 30px 30px 30px; }

	
	/* h1 */
	#content h1 { color: #86c32b; margin: 0 0 20px 20px }	
	
	/* h2 */
	#content h2 { 
		 padding: 7px 15px 15px 15px;
		 /*margin: 0px 0px 20px 0px;*/
		 margin:0;
		 color: #ffffff; 
		 background: url(../img/heading-bg.gif) top repeat-x; 
	}	
	
	/* form h3 */
	#content form h3 { margin: 10px 0px 2px 0px; }		


	/* ul */
	#content li { margin: 20px 0px 0px 10px; padding:0px}

	#content p { margin: 10px 0px;}
	
	hr {color: #ccc; margin: 10px 0px }
	
	a { font-family: arial,sans-serif  }
	
	
	
	
/* 
 * Specific classes	
 */

	/* adverts */
	#content .area {margin: 0px 4px}
	#adverts .section {margin: 0px 0px 0px 4px}
	#adverts .pricetype, #adverts .price {font-weight: bold}	
	#adverts .created {font-weight: bold; margin-left: 4px}
	#adverts .title a, #adverts .category a , #adverts .subcategory a, #adverts .section a 
	{text-decoration: none; color: #3c74a7}	
	#adverts .title a:hover, #adverts .category a:hover , #adverts .subcategory a:hover, #adverts .section a:hover 
	{ text-decoration: underline; }
	
	ul#adverts { background: #f3f2f2;  margin: 0px 40px 0px 20px; padding: 1px 10px 3px 30px;}
	ul#adverts li { list-style-type: none; margin: 25px 0px }
	
	#categories { padding: 0px 0px 10px 0px; background: #f3f2f2; }
	#categories ul { margin: 0 0 25px 0; }
	#categories li { margin: 10px 35px; }
	#categories a { /*color: #7f8b9d;*/ color: #3c74a7; text-decoration: none; font-weight: normal }
	#categories a:hover { text-decoration: underline; }
	#categories h4 { color: #555; margin: 15px 0px 0px 25px ; }
	#categories p { margin: 10px 25px; line-height: 2 }

	#advertContact { background: #f3f2f2; padding: 0 0 20px 0 }
	#advertContact p { padding: 2px 30px }
	#advertContact a { color: #3c74a7; text-decoration: none; font-weight: bold }
	#advertContact a:hover { text-decoration: underline; }
	
	.advertDetail { background: #f3f2f2; margin: 5px 40px 10px 20px; padding: 5px 30px 5px 30px;}
	
	/*#content #welcomeNote { margin: 0 40px 20px 20px}*/
	
	#confirmhelp { margin: 20px 40px 10px 10px}
	
	.staticpage ul { margin: 0 0 40px 0 }
	.staticpage h3 { margin: 40px 0 0 0  }
	.staticpage ul ul { margin: 0 }

	
/* 
 * Common classes	
 */
	
	/* Paging */
	div.paging {color: #ccc; }
	div.paging, div.pagecount {margin: 0 20px; }
	div.paging div.disabled {color: #ddd; display: inline;}
	div.paging span.current {color: #000;}


	/* crumbs */
	#crumbs { margin-bottom: 15px;}

	/* messages */	
	#flashMessage { background: url(../img/ok-bg.gif) no-repeat; color: #333; 
			   font-weight: bold; line-height: 2.4; padding: 0px 40px; margin: 10px 20px; }
	
	/* errors */	
	.formerror { background: url(../img/error-bg.gif) no-repeat; color: #900; 
				line-height: 2.4; padding: 0px 40px; margin: 10px 20px; }
	
	.error-message { color: #900; margin: 0 0 10px 0px }
	
	/* formhelp box */	
	.formhelp { border: 1px solid #ddad08; background: #fefade; 
				padding: 25px 30px 30px 35px; margin: 20px 0px 0px 0px}
				
	.formhelp h3 { border-bottom: 1px solid #999; color: #555; margin: 0px 0px 15px 0px; }
	
	/* required */		
	.required { color: #ff0c00; font-weight: bold;  }
	#requiredLabel { background: #ddfbb1; font-weight: bold; float:right; margin: 0px 40px -5px 0px; padding: 3px 12px; }
	

	
/* 
 * Font size 
 */
	#nav li a { font-size: 1em;}
		
	#footer span {font-size: 0.8em}
	#footer a  {font-size: 0.7em}
	#footer p {font-size: 0.8em}
	#footer strong {font-size: 0.7em}
	
	#content #welcomeNote {font-size: 0.8em}
	
	#crumbs {font-size: 0.75em}
	
	.formhelp h3 {font-size: 1em} 
	.formhelp li {font-size: 0.8em}

	.pagecount { font-size: 0.675em; } 
	.paging  { font-size: 0.75em; }
	.message {font-size: 0.8em}
	.required {font-size: 1.5em; }
	
	#content #requiredLabel {font-size: 0.75em}
	#content p {font-size: 0.80em}
	#content .formerror {font-size: 0.75em}
	#content .error-message {font-size: 0.675em}
	#content legend 	{font-size: 0.9em} 
	#content label 	   	{font-size: 0.75em} 
	#content input  	{font-size: 0.9em}
	
	#content h1 {font-size: 1.3em} 
	#content h2 {font-size: 0.9em}
	#content form h3 	{font-size: 0.9em}	
	
	
	#adverts .created {font-size: 0.625em}
	#adverts .price {font-size: 0.75em}
	#adverts .pricetype {font-size: 0.75em}
	#adverts .title {font-size:1em}
	#adverts .area {font-size: 0.75em}
	#adverts .section {font-size: 0.675em}
	#adverts .category {font-size: 0.675em}
	#adverts .subcategory {font-size: 0.675em}
	#adverts .adverttype {font-size: 0.675em}

	#categories a { font-size: 0.95em }
	
	table a {font-size: 0.8em}

	.staticpage li, .staticpage p { font-size: 0.8em}
	.staticpage h3 { font-size: 1em}
	.staticpage li li { font-size: 0.9em }