/*
----------------------------------------------- 
Layout styles
----------------------------------------------- */

/*---------------------------------------------
		   Division logical order
-----------------------------------------------
branding			=	#branding	 
main navigation		=	#nav_main
main content		=	#content_main
secondary content	=	#content_sup
site information	=	#site_info

----------------------------------------------- */


@media all
{
#brandingBig {
text-align:left;
width:100%;
}

#branding {
text-align:left;
width:100%;
}

#nav_main {
position:relative;
margin-top:-25px;
text-align:right;
width:100%;
}

#content_main {
background:#fff;
}
#content_main .gutter {
padding:12px;
}

#content_sup {
float:left;
background:#fff;
}

#site_info {
width:100%;
clear:both;
}

}


@media screen
{

#wrap {
float:left;
position:relative;
left:50%;
margin-left:-325px;
width:650px;
text-align:left;
background:#fff;

min-height:100%;
height:100%;
}

#brandingBig {
height:240px;
background:url(/images/branding/head-nt-bg.gif) no-repeat top left;
}

#branding {
height:110px;
background:url(/images/branding/head-lt-bg.gif) no-repeat top left;
}

#nav_main {
float:right;
}

#content_main {
width:445px;
float:right;
}


#content_sup {
width:205px;
}

#site_info {
float:left;
}
#site_info .gutter {
margin:10px;
padding:3px 5px 3px 15px;
border-top:5px solid #202127;
background:#363842;
}

}



@media print
{


#wrap {
position:absolute;
left:0px;
margin-left:15px;
width:90%;
text-align:left;
}

#brandingBig {
height:20px;
border-bottom:1px solid #202127;
}

#branding {
height:20px;
border-bottom:1px solid #202127;
}

#content_main {
width:100%;
}

#content_sup {
width:100%;
}

#site_info .gutter {
margin-top:10px;
border-top:1px solid #202127;
background:#fff;
}


}