/*******************************************
* CIER WEBSITE INTERNAL PAGE LAYOUT
* CREATED: March 15th, 2007
* 
* Revision Notes:
* 
* 
*******************************************/

/* Structure */

    div#content-container 
    {

        background: url(/images/template/backgrounds/page-background.gif) left top repeat-y; 
    }

    div#content 
    {
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 10px;
    }

    div#content UL
    {
        margin-left: 40px;   
    }
    div#content p 
    {
        margin-left: 10px;   
    }    

    div#bread-crumb-container {
	    height: 27px;
	    width: 768px;
	    background: url(/images/template/backgrounds/internal-content-gradient.jpg) left top repeat-x;		
    }

	div#bread-crumb {
		float: right;
		height: 22px;
		width: 758px;
		padding-left: 10px;
		padding-top: 5px;		
		background: #efeee6;		
    }	
    
    /********************************
    *   Left Column
    *********************************/

    /********************************
    *   Main Column
    *********************************/

	    div#content-main-column {
    	    float: left;
		    width: 608px;
		    padding: 5px;		
        }


	    div#content-main-1-column {
    	    float: left;
		    width: 748px;
		    padding: 5px;		
        }
        
            /* Handles Print and Text Resize */
	        div#page-controls {
		        width: 600px;
		        height: 22px;
		        text-align: right;
		        padding-top: 8px;
		        padding-right: 10px;
	        }

        /* Green on Gray New and Noteworthy Header */
	    h1.new-and-noteworthy 
	    {
	        height: 30px;
	        width: 590px;
	        padding-left: 10px;
	        padding-top: 2px;
	        padding-bottom: 2px;
	        background: #f0f0e8;
	        margin-top: 10px;
	    }
        
        /* Colored Box Wrapper */
        div#colored-box-wrapper {
            width: 600px;
            height: 400px;
        }    
            
            /* Colored Box */
            div#home-page-section-box, 
            div#home-page-section-box1,
            div#home-page-section-box2,
            div#home-page-section-box3
            {
                width: 282px;
                height: 190px;
                float: left;
                margin-left: 10px; 
                margin-top: 5px;
            }

                /* Colored Box Title */
                div#home-page-section-box h2, 
                div#home-page-section-box1 h2,
                div#home-page-section-box2 h2,
                div#home-page-section-box3 h2
	            {
	                font-size: 1.6em !important;
	                line-height: 1.1em !important;
	                padding-top: 8px;
	                width: 180px;
	                margin-left: 90px;
	                height: 70px;
	            }

                /* Color Box Text */
                p.section-description {
                    width: 260px;
                    height: 50px;
                    padding-top: 0px;
                    margin-left: 10px;
                    color: #000000;
                }

    /********************************
    *   Right Column
    *********************************/

	    div#content-right-column {
		    float: left;
		    width: 140px;
		    background: #dddcca;
		    border-top: 1px #ffffff solid;
		    padding-top: 10px;	
		    display: block;
  		    position: relative;
		    z-index: 5;
	    }
	    
	/********************************
    *   Footer 
    *********************************/

	    div#footer-container {  		
    	    background: url(/images/template/backgrounds/footer-rope.jpg) top left no-repeat;        
	    }


/* Typography */

    /* Color Box Text */
    p.section-description {
        color: #000000;
    }
    
    /* Colored Box Title */
    div#home-page-section-box h2, 
    div#home-page-section-box1 h2,
    div#home-page-section-box2 h2,
    div#home-page-section-box3 h2
	{
	    color: #FFFFFF;
	}


    /* Bread Crumb Text */
	div#bread-crumb {
		color: #737145;
	}
	
	div#content h1 
	{
		font-size: 2.0em;
		line-height: 1.2em;
		margin-bottom: 10px;
		margin-left: 0px;
		
	}
	
	div#content h2 {
		font-size: 1.2em;
		margin-bottom: 10px;
	}

	h1.new-and-noteworthy 
	{
	    color: #41772c;
	}
	
/* Links */

	div#right-content-polling-center a
	{
		text-align: center;
		color: #7c0900;
	}

    /* Colored Box Title */
    div#home-page-section-box h2 a,
    div#home-page-section-box h2 a:hover,
    div#home-page-section-box1 h2 a,
    div#home-page-section-box1 h2 a:hover,
    div#home-page-section-box2 h2 a,
    div#home-page-section-box2 h2 a:hover,
    div#home-page-section-box3 h2 a,
    div#home-page-section-box3 h2 a:hover    
    {
        text-decoration: none;
        color: #FFFFFF;
    }
    
   
   	h1.new-and-noteworthy a,
   	h1.new-and-noteworthy a:hover   	
	{
	    text-decoration: none !important;
	    color: #41772c !important;
	}
	

/* Lists, images, etc. */

.taking-action { background: url(/images/template/backgrounds/homepage-boxes/hp-blue-box.jpg) top left no-repeat; }

.building-sustainable { background: url(/images/template/backgrounds/homepage-boxes/hp-yellow-box.jpg) top left no-repeat; }

.protecting-lands { background: url(/images/template/backgrounds/homepage-boxes/hp-green-box.jpg) top left no-repeat; }

.conserving-biodiversity { background: url(/images/template/backgrounds/homepage-boxes/hp-red-box.jpg) top left no-repeat; }





/***************************************
*
*
*
****************************************/