@charset "utf-8";
/* CSS Document */

/* Fefine o layout de 2 colunas, cabeçalho e rodapé retirado do site 
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm
*/

/* Header styles */
    #header {
        clear:both;
        width:100%;
    }


/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left; 
        width:100%;			/* width of whole page */
		height:auto;
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	/* 2 column left menu settings */
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0px 0px 0px 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;

	}
    .leftmenu .col2 {
        float:left;
        width:200px;
        position:relative;
        right:200px;

    }
	
	
/* Footer styles */
#footer {
	clear:both;
	width:100%;
	border-top:1px solid #000;
	background-color:#0099CC;
	
}
#footer p {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	
	text-align:center;

	padding:10px;
	margin:0px;
}
