@import url(color.css);
@import url(typography.css);
/*normalizes margin and paddings*/
body, div, dl, dd, dt, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
    margin : 0;
    padding : 0;
}

/*normalizes font size for headers*/
h1, h2, h3, h4, h5, h6
{
    font-size : 100%;
}

/*removes list styles from lists*/
ol, ul
{
    list-style : none;
}

/*normalizes font styles and font weights to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style : normal;
    font-weight : normal;
}

/*remove border and spacings on tables*/
table
{
    border-collapse :  collapse;
    border-spacing : 0;
}

/*removes border from fieldset and img*/
fieldset, img
{
    border : 0;
}

/*left aligns text in caption and th*/
caption, th
{
    text-align : left;
}

/*removes quotation marks from q*/
q:before, q:after
{
    content : '';
}

/* html and body styles below centers everything in the middle and makes the body the positioning context for other positioned elements in the design*/
html
{
    text-align : center;
}

body
{
    position : relative;
    /*width : 770px;*/    
    text-align : left ;
    
    
}

/*create a positioning context to the two columns via the containing div MAINWRAPPER*/
div#mainwrapper
{
    position : relative;
    width : 770px;
    height : 600px;
    margin : auto;
    padding : 0;
}

/*position the two columns*/
div#content_left
{
    position : absolute;
    left : 0;
    width : 27%;
    padding : 1em 0;
    
    
    
}

div#content_right
{
    top : 0px;
    position : absolute;
    left : 27%;
    width : 73%;
    padding : 1em 0;
   
}

div#site_info
{
    
    position : absolute;
    top : 700px;
    left : 0;
}
/*all remaining DIV should have a width*/
div#branding, div#navigation, div#mainContent, div#minorContent, div#site_info
{
    width : 100%;
}