html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body{
	background:#7F7F7F url('/img/bkg_page.jpg') repeat-x left top;
}

#container_page {
    width:960px;
	margin:0 auto;
}

    #login_area{
        margin:      0 0 10px 0;
        padding:     10px 10px;
		font-size:   12px;
		font-weight: bold;
		background:  #5F5F5F;
		color:       #AFAFAF;
		text-align:  right;
	}

    #login_area a{
        color: white;
        padding: 0 10px;
    }

	#header {
		height:   135px;
		overflow: hidden;
	}

		#header h1 {
			float:       left;
            text-indent: -9999em;
    		height:      135px;
    		width:       320px;
            background:  transparent url('/img/logo-ccmi.gif') no-repeat top left;
	        margin:      0;
	        padding:     0;
	    }

	    #header #flash_area{
			float:       left;
    		height:      95px;
    		width:       620px;
	        padding:     40px 10px 0 10px;
	    }

	#content_page {

        position: relative;

        min-height: 500px;
        height:     auto !important;
        height:     500px;

		border:          1px solid #999;
		box-shadow:      0px 0px 2px #999;
		-moz-box-shadow: 0px 0px 2px #999;
		background:      #FFF;
	}

    #content{
        padding:      20px 30px;

        min-height:500px;
        height:auto !important;
        height:500px;

    }

    #content.with_sidebar{
        border-right: 210px solid gray;
    }

    #sidebar{
        background: transparent;
        width:      210px;

        position:   absolute;
        top:        0;
        right:      0;
    }