/* --- [ BASIC ] ----------------------------------------*/
html {
	min-width: 750px;
	/*padding: 0.5em 2em 3em 2em;*/
	margin:0
}

body {
	margin:0px;
    font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif;
	color: #000;
	font-size:10pt;
    background:#fff;
}  
p { margin:0 0 10px 0; }

/* --- [ PAGE LAYOUT ] -----------------------------------------*/

#container {
	position:relative;
	width: 100%;
    margin:0px auto;
    background:#fff;
}

html>body #container {
	min-width: 100%;
	height:auto;
}

.header { display:none; }

.footer {
	width: 100%;
	margin:20px auto;
	color:#000;
	text-align: left;
	font-size:90%;
	border-top:solid 1px #000;
}

/* --- [ heading ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 { 
		font-family:  Arial,Trebuchet MS,verdana,sans-serif;
	}

	h1 {
		margin:0 0 10px 0;
		font-weight: bold;
		font-size: 16pt;
		color: #e54722;
		padding:0 5px 1px 2px;
		border-bottom:solid 2px #e54722; 
	}
	.h1-border{
		margin:0 0 5px 0;
		padding:0;
	}

	h2 {
		display:block;
		margin: 10px 0 10px 0;
		padding:0 0 1px 0;
		font-weight: bold;
		font-size: 10pt;
		color: #000;
		border-bottom:solid 1px #666;
	}

	h3 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		font-weight: bold;
		font-size: 9pt;
		color: #cc5100;
		border-bottom:solid 1px #cc5100;
	} 
	
	h4 {
		margin: 0 0 5px 0;
		padding: 2px 0 2px 5px;
		font-weight: bold;
		font-size: 100%;
		color: #000;
		border-bottom:solid 1px #000;
	}

/* --- [ images ] ----------------------------------------*/
    img { border:0px; }
    img.ms-gold-logo { width:125px; height:48px; margin:15px 0 0 30px; }


/* --- [ links ] -----------------------------------------*/
    a { color: #f60; text-decoration:none; }
    a:visited { color: #f60; text-decoration:none; }
    a:hover { color: #f93; text-decoration:underline; }
    a:active { color: #f93; text-decoration:underline; }

    a.black { color: #000; }
    a.black:visited { color: #000; }
    a.black:hover { color: #000; }
    a.black:active { color: #000; }


/* --- [ main panels not to display ] --------------------*/
    
    #tabs,#subNavigation,#search-form { display:none; }



/* --- [ sub page content ] ------------------------------*/
    #subSectionCats {
	    position:relative;
	    /*width:750px;
	    height:220px;*/
	    margin:0;
	    border:solid 0px #f00;
    }

    html>body #subSectionCats {
	    height:auto;
	    /*min-width: 750px;
	    min-height:220px;*/
    }
   
    #subSectionContent {
	    padding:0;
    }
    html>body #subSectionContent {
	    height:auto;
	    /*min-width:526px;
	    min-height:250px;*/
    }

    #subSectionContent p,li  {
	    margin:0 0 10px 0;
	    }
	#subSectionContent .subSectionContent {
	    width:580px;
	    clear:both; 
	    }

    .subSection-wrap { margin:0 0 10px 0; clear:both; font-weight:bold; }
    .subSection-left {width:316px; text-align:left; float:left; }
    .subSection-right {width:100px; float:right; }

/* -- [ main columns ] ------------------------------------*/
    .cols-wrap {width:100%; margin:10px 0 0 0; clear:both; }
    .cols-left {display:none }
    .cols-right {width:100%; margin:0; float:left; text-align:left; border:solid 0px #00f; }
    .cols-right img { border:solid 0px #000; }

/* -- [ article listing page styles ] ---------------------*/
    .article-list-wrap { width:100%; }
    .article-list-left { width:100%; margin:0 5px 0 0; text-align:left; border:solid 0px #f00; }
    .article-list-right { width:100%; text-align:left; border:solid 0px #f0f; }
    .list-block-test { background:#000; }

    .article-list-intro { font-weight:bold; margin:10px; }
    .article-list-content { margin:10px; }

    .article-list-image { margin:0 5px 5px 0; float:left; }
    .article-list-image img { width:75px; }

    .article-intro { font-weight:bold; margin:10px; }
    .article-content { margin:10px; }

    .wibble 
    {
		display:block;
		width:100%;
		margin-bottom:5px;
	}
	/*edit here*/
    .wibble { display:block; background:#dae7f6; border:dashed 1px #eee; padding:5px 5px 0 5px; margin-bottom:5px; }
    .wibble:hover { display:block; background:#dae7f6; border:dashed 1px #ccc; }


/*--- [ snippets ] -------------------------------------------*/  
	.snippet { margin:0 0 10px 0; }

/*--- [ forms ] -------------------------------------------*/  
    .form{
    margin:0 0 10px 0;
    }

    .form label{
    float: left;
    width: 130px;
    font-weight: bold;
    margin: 5px 0 0 0;
    }

    .form input {
    margin: 0 0 5px 0;
    }

    .form select {
    margin: 0 0 5px 0;
    }
        
    .form textarea{
    font-family: verdana;
    }

    .form br{
    clear: left;
    }  
    
    .submit-wrap {
        width:365px;
        margin-bottom:5px;
        border:solid 0px #000;
        clear:both;
        }  
    .submit-right {
        float:right;
        width:180px;
        margin:0;
        border:solid 0px #000;
        text-align:right;
        }
    	 
    .button { font-size:90%; font-weight:bold; }
    html>body .button { font-size:90%; font-weight:bold; }
    
/* --- [ MISC CLASSES ] ----------------------------------*/

    .newRow,.clear	{clear:both;}
    .requiredField,.requiredfield,.warningTextNoMargin	{color:#f00;}
    .warningText {color: red; margin:0 0 0 5px;}
    .messageText {color: black; margin:0 0 0 5px;}
    .noDisplay { display:none }
    
/* --- [ EcoDirectory Specific Hidden Stylees ] ----------------------------------*/
    #chooseLanguage, #languageButton { display:none; }