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

    body {
	    margin:0px;
        background:#fff url('../images/bg.gif') top left repeat-x;
        font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif;
	    color: #666;
	    font-size:10pt;
    }  

    p { margin:0 0 10px 0; }

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

    #container {
	    position:relative;
	    width: 750px;
        margin: 30px auto 10px auto;
        background: #fff url('../images/bgFaded.gif') top left repeat-x;
	    border: solid 1px #999;
    }

    html>body #container {
	    height:auto;
	    min-width: 750px;
	    min-height:500px;
	    border:solid 0px #f0f;
    }

    #navigation {
        position: absolute;
        left: 30px;
        top: 150px
    }

    .header { display:block; margin:0 0 10px 0; }

    .footer {
	    width:750px;
	    margin: 10px 0 0 0;
	    font-size:8pt;
	    background:#e6f3da;
    }
    .footer-left {
	    width:365px;
	    padding:3px 0 3px 10px;
	    text-align:left;
	    float:left;
    }
    .footer-right {
	    width:365px;
	    padding:3px 10px 3px 0;
	    text-align:right;
	    float:right;
    }
/* --- [ HEADINGS ] --------------------------------------*/
h1, h2, h3, h4, h5, h6 { 
    font-family:  Trebuchet MS,verdana,sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 16pt;
	color: #390;
	margin: 0 0 10px 0;
}
h2 {
	font-weight: bold;
	font-size: 14pt;
	color: #390;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 12pt;
	margin: 12px 0px 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	color: #f90;
	font-weight: bold;
}

/* --- [ IMAGES ] ----------------------------------------*/
    img { border:0px; }
    img.logo { width:239px;height:190px; }

    .floatImage { float:left; clear:both; }
    .floatImage img { margin:0 10px 10px 0; }

/* --- [ LINKS ] -----------------------------------------*/
    a { color: #81B245; }
    a:visited { color: #81B245; }
    a:hover { color: #360; }
    a:active { color: #360; }

    #contactInfo a { color:#fff; text-decoration:none;}
    #contactInfo a:visited { color:#fff; text-decoration:none;}
    #contactInfo a:hover { color: #fff; text-decoration:underline;}
    #contactInfo a:active { color: #fff; text-decoration:none;}

    a.orangeText { color: #f90; text-decoration:underline; }
    a.orangeText:visited { color: #f90; text-decoration:underline; }
    a.orangeText:hover { color: #f90; text-decoration:none; }
    a.orangeText:active { color: #f90; text-decoration:none; }

    a.redText { color: #f00; text-decoration:underline; }
    a.redText:visited { color: #f00; text-decoration:underline; }
    a.redText:hover { color: #600; text-decoration:underline; }
    a.redText:active { color: #600; text-decoration:underline; }

/* --- [ TABS ] -----------------------------------------*/

    #tabs {
	    width:750px;
        height:25px;
        margin:12px 0px 5px 0px;
        background:url('../images/bgNav.gif') top left repeat-x;
    }

    #tabs h2 { display:none }

    /* IF WORK WITH US ADDED BACK ON THE SITE DO THE FOLLOWING */
    /* change #tabs a font-size to 8pt */
    /* change #tabs li and #tabs a width to 106px */
    #tabs ul { display:inline; list-style-type:none; }
    #tabs li { border-left:solid 1px #999; float:left; }
    #tabs li.noleft { border-left:solid 0px #999; float:left; }

    #tabs li { width:106px; margin:0;display:block; height:25px; text-align:center; float:left; }
    #tabs a { display:block; width:106px; padding:3px 0 3px 0; font-family:Arial Black,Arial; font-weight:normal; font-size:10pt; color:#999; text-decoration:none; }
    #tabs a:visited { color:#999; text-decoration:none; }
    #tabs a:hover { font-family:Arial Black,Arial; color:#666; text-decoration:none; }
    #tabs a:active { font-family:Arial Black,Arial; color:#666; text-decoration:none; }
    #tabs a.active { font-family:Arial Black,Arial; color:#333; text-decoration:none; background:#ebebf7 url('../images/bgNavActive.gif') top left repeat-x;  }
    #tabs a.active:visited { color:#333; text-decoration:none; }

    /*#tabs a, #tabs a:visitied, #tabs a:hover, #tabs a:active {
	    text-decoration: none;
    }

    #tabs a.active, #tabs a.active:visitied, #tabs a.active:hover, #tabs a.active:active {
	    font-weight:bold;
    }*/

/* --- [ SUBTAB BAR ] ------------------------------------*/
    #subtabs {
	    display:none;
	    /*width:750px;
	    height:5px;
	    background: #fff;
	    clear:both;*/
    }

    html>body #subtabs {
	    height:auto;
	    min-height:5px;
    }

    #subtabs .section1 {
        display:block;
        width:129px;
	    height:5px;
        margin:0 0 0 73px;
        background:#c9e3ad;
    }

    #subtabs .section2 {
        display:block;
        width:129px;
	    height:5px;
        margin:0 0 0 203px;
        background:#c9e3ad;
    }

    #subtabs .section3 {
        display:block;
        width:129px;
	    height:5px;
        margin:0 0 0 333px;
        background:#c9e3ad;
    }

    #subtabs .section4 {
        display:block;
        width:130px;
	    height:5px;
        margin:0 0 0 463px;
        background:#c9e3ad;
    }

/* --- [ SUB NAVIGATION STYLES ] -------------------------*/
    #subNavigation {
	    margin:0 0 10px 0;
	    background:#e6f3da;
	    border:solid 0px #f00;
    }
    html>body #subNavigation {  }

    #subNavigation h2 {
        display:none
    }

    #subNavigation ul { margin:0px 10px 10px 10px; padding:12px 0 20px 0; list-style-type:none; text-align:right }
    #subNavigation li { margin:0px 0px 5px 0px }

    #subNavigation a, {
	    color:#696;
	    text-decoration: none;
    }


    #subNavigation a, #subNavigation a:visited, #subNavigation a:hover, #subNavigation a:active {
	    text-decoration: none;
    }
    #subNavigation a:hover, #subNavigation a:active {
	    text-decoration: underline;
    }
    #subNavigation a.active, #subNavigation a.active:visited, #subNavigation a.active:hover, #subNavigation a.active:active {
	    color:#363;
	    font-weight:bold;
    }
    
/* -- [ GENERAL CONTENT ] ---------------------*/
    #home {
        display:block;
	    width:250px;
	    height:90px;
	    margin:0 0 1px 0;
	    background:url(../images/whatmediaLogo.gif) top left no-repeat;
        float:left;
    }
    html>body #home {
	    width:250px;
	    height:auto;
	    min-height:90px;
    }
    #home a, #home a:visited {
        display:block;
	    width:250px;
	    height:90px;
	    text-decoration: none;
    }
    #home a:hover, #tabs a:active {
	    text-decoration: underline;
    }
    #home p {
	    display:inherit;
    }
    .homeContent {
	    margin:0 0 0 0;
	    border:solid 0px #f00;
    }

    #homeContent {
        font-weight:bold;
    }
    
    #homeContent p {
        margin:0 0 5px 0;
    }
    #homeContent h2 {
        display:none;
    }
    #strapline {
        display:block;
	    width:500px;
	    height:55px;
	    margin:0;
	    background:url(../images/strapline.gif) top left no-repeat;
        float:right;
    }
    html>body #strapline {
	    width:500px;
	    height:auto;
	    height:55px;
    }    
 
     #request {
        position:absolute;
        left:295px;
        top:95px;
        display:block;
	    width:450px;
	    height:30px;
	    margin:0;
	    background:url(../images/request.gif) top left no-repeat;
        z-index:10;       
    }
      #request a {
        display:block;
	    width:450px;
	    height:30px;
	    margin:0;
    }   
/* --- [ HOME PAGE STYLES ] ------------------------------*/
    #homeCats {
	    width:750px;
	    padding:0; 
	    margin-bottom:10px;  
	    }

    #activityIdeas {
	    display:block;
	    width:426px;
	    border:solid 2px #7cc242;
	    float:left;
	    }
    #activityIdeas h2 {
	    display:none;
	    }
    #activityIdeas p  {
	    margin:5px;
	    font-size:75%;
	    }
	#activityIdeas .activityIdeasTitle {
	    display:block;
	    width:110px;
	    height:60px;
	    background:#fff url(../images/activityIdeas/homePageActivityIdeas.gif) top left no-repeat;
	    }
	    
    #whatsNew {
	    display:block;
	    width:240px;
	    padding:10px;
	    color:#000;
	    font-weight:bold;
	    background:#fff;
	    border:solid 1px #7cc242;
	    }
     #whatsNew p  {
	    margin:0 0 10px 0;
	    }
	    
     .homeText { font-weight:bold; color:#000; }


/* --- [ SUB SECTION PAGE STYLES ] ------------------------------*/

    #subSectionCats {
	    position:relative;
	    /*width:750px;
	    height:220px;*/
	    margin:0 0 10px 0;
    }

    html>body #subSectionCats {
	    height:auto;
	    /*min-width: 750px;
	    min-height:220px;*/
	    margin:10px 0;  
    }

    #subSectionCats h2 {
	    display:none
    }
   
    #subSectionContent {
	    float:left;
	    padding:0;
    }
    html>body #subSectionContent {
	    height:auto;
	    /*min-width:526px;
	    min-height:250px;*/
    }
    #subSectionSnippets {
	    width:370px;
	    float:left;
	    padding:0;
    }
    html>body #subSectionSnippets {
	    height:auto;
	    /*min-width:526px;
	    min-height:250px;*/
    }
    #subSectionContent h2 {
	    color:#81B245;
	    }
    #subSectionContent p,li  {
	    margin:0 0 10px 0;
	    }
	#subSectionContent .subSectionContent {
	    /*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; }
	    
   
	.articleListHeader {margin: 8px 0 10px 0; font-style: italic;}	    

    .articleList-wrap
	{
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	clear: both;
	}

    .articleList-wrap  a {
        font-weight:bold;
    }
    	       

/* --- [ CONTACT STYLES ] ------------------------------*/
    #homeCats {
	    width:750px;
	    padding:0; 
	    margin-bottom:10px;  
	    }

    #contactForm {
	    float:left;
	    display:block;
	    width:426px;
	    border:solid 1px #81B245;
	    }
    #contactForm h2, #contactInfo h2 {
	    display:none;
	    }
    #contactForm p  {
	    font-size:90%;
	    margin:5px;
	    }
	#contactForm .contactFormTitle {
	    display:block;
	    width:200px;
	    height:60px;
	    background:#fff url(../images/feedbackTitle.gif) top left no-repeat;
	    }
	    
    #contactInfo {
	    float:left;
	    display:block;
	    width:260px;
	    margin:0 0 0 55px;
	    color:#fff;
	    font-weight:bold;
	    background:#549534 url(../images/contactUsBack.gif) center center no-repeat;
	    }
	#contactInfo .contactInfoTitle {
	    display:block;
	    width:200px;
	    height:25px;
	    background:url(../images/contactUsTitle.gif) top left no-repeat;
	    }
     #contactInfo p  {
	    font-size:90%;
	    margin:10px;
	    }


/* -- [ COLUMNS ] ------------------------------------*/
    .cols-wrap {width:750px; margin:10px 0 0 0; /*background:#fff url('../images/cols-background.gif') top left repeat-y;*/ clear:both; }
    .cols-left {width:180px; float:left; text-align:left; }
    .cols-right {width:550px; margin:0 5px 0 0; float:right; text-align:left; }
    .cols-right img { border:solid 0px #000; }

    .ideas-wrap {width:420px; clear:both; margin:0 0 5px 0; }
    .ideas-left {width:120px; text-align:right; float:left; }
    .ideas-right {width:295px; float:right; margin:0; }

/* --- [ HOME PAGE ONLY CLASSES ] ------------------------*/
    .home-wrap {width:100%; margin:20px 0 0 0; /*background:#fff url('../images/cols-background.gif') top left repeat-y;*/ clear:both; }
  
    #snippetsHome {
	    display:block;
	    right:10px;
	    top:0;
	    width:160px;
	    margin:0 10px 0 0;
	    padding:5px;
	    font-size:9pt;
	    text-align:left;
	    float:right;
	    background-color:#fff;
	    border:solid 1px #999;
	    z-index:10;
	    }

    .tickerTitle { width:514px; height:25px; margin:0 auto; background:#eee url(../images/latestInfo.gif) top left no-repeat; }
    .tickerTitle p { display:none; }
    .ticker { width:510px; margin:0 auto 20px auto; border-right:solid 2px #999; border-bottom:solid 2px #999; border-left:solid 2px #999; background:#eee; }
    
    .gecko .tickerTitle { width:514px; height:25px; margin:0 0 0 30px; background:#eee url(../images/latestInfo.gif) top left no-repeat; }
    .gecko .tickerTitle p { display:none; }
    .gecko .ticker { width:510px; margin:0 0 20px 30px; border-right:solid 2px #999; border-bottom:solid 2px #999; border-left:solid 2px #999; background:#eee; }

    
    .banner { width:460px; margin:20px auto 20px auto; border:solid 0px #999 }

    .green { background:#E0F3BD; color:#060; }
    .greenTitle { background:url('../images/greenTitle.gif') top left repeat-x; color:#6C983C; }
    .green a { color:#060; font-weight:bold;  }
    .green a:visited { color:#060; }
    .purple { background:#E3E3FF;color:#33c; }
    .purpleTitle { background:url('../images/purpleTitle.gif') top left repeat-x; color:#E3E3FF; }
    .purple a { color:#33c; font-weight:bold; }
    .purple a:visited { color:#33c; }
    .orange { background:#FEE2CB;color:#f30; }
    .orangeTitle { background:url('../images/orangeTitle.gif') top left repeat-x; color:#FEE2CB; }
    .orange a { color:#f30; font-weight:bold; }
    .orange a:visited { color:#f30; }

    .text { width:510px; padding:7px 0 7px 25px; }

/*--- [ FORMS ] --------------------------------------------*/  
    .form{
    margin:0 auto;
    }

    .form p{
    margin:3px 0 10px 0;
    }

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

    .form label.checkbox{
    width: 200px;
    font-weight: normal;
    font-size:90%;
    margin: 5px 0 0 0;
    }

    .form input,.form password {
    margin: 0 0 5px 0;
    font-size:95%
    }
    
    .form fieldset {
    border:0
    }

    .form legend {
    width: 100px;
    margin: 2px 0 0 -7px;
    padding:0;
    font-weight: bold;
    font-size:90%;
    color:#000
    }


    .form select {
    margin: 0 0 5px 0;
    font-size:90%
    }
        
    .form textarea{
    font-family: verdana;
    font-size:80%;
    width:300px;
    height:100px
    }

    .form br{
    clear: left;
    }  

    .submit-wrap {width:310px; clear:both; margin:5px 0 5px 0; }
    .submit-left {width:20px; text-align:right; float:left; }
    .submit-right {width:290px; text-align:right; float:right; }

    .validator { margin:0 0 5px 155px; }

/* --- [ Entry Forms ] ----------------------------------*/
    .entryform { margin:10px; }
    .entryform #container { width:470px; }
    h1.entryform  { margin:20px 0 -10px 10px; }
    .entryform table { margin:0 10px 0 10px }
    .entryform table td { font-family: Trebuchet MS; font-size:10pt; }

/* --- [ MISC CLASSES ] ----------------------------------*/

    .newRow,.clear	{clear:both;}
    .requiredField,.requiredfield,.warningTextNoMargin	{color:#f00;}
    .noDisplay { display:none }
    .warningText {color: red; margin:0 0 0 5px;}
    .messageText {color: black; margin:0 0 0 5px;}
    .content {font-family: Trebuchet MS;line-height:18px;color: #474545;}  

/* --- [ Ticker ] ----------------------------------*/
    a.dhtmlTicker { font-weight:bold; }

/* --- [ EcoDirectory Specific Hidden Stylees ] ----------------------------------*/
    #chooseLanguage, #languageButton { display:none; }  
      
/* --- [ Entry Forms - ASP Pages ] ----------------------------------*/
    
    .market-sector {display:block; width:448px; margin:2px 10px 0px 10px; background:#e9f6d0 url('../images/form-market-sector.jpg') top left; clear:both; }
    .market-sector-item { display:block; width:220px; padding:2px 0px; border-left:solid 2px #fff; background:#e9f6d0; float:left; }