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

/* === TOP and FOOTER HEIGHTS === */

/* If all top divs and sub-divs same height... */

#top,
#topleft,
#topmiddle,
#topright{
height:250px; /* ...set this for height of all top divs and sub-divs */
} /* ...then set top margin of left, content and right divs */

/* If all footer divs and sub-divs same height... */

#footer,
#footerleft,
#footermiddle,
#footerright{
height:70px; /* ...set this for height of all footer divs and sub-divs */
}

/* If all left divs and sub-divs same width... */

#topleft,
#footerleft{
width:250px; /* ...set this for width of all left divs */
}

/* If all right divs and sub-divs same width... */

#right,
#footerright{
width:150px; /* ...set this for width of all right divs */
}

/* ==================== */

/* ===BOX SETTINGS FOR ALL DIVS=== */

/* Set width, margin, padding */

/*  Set topxxx and footerxxx heights here ONLY if they differ horizontally  */

#top{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}

#topleft{
margin:0;
padding:0;
}

#topmiddle{
width:506px;
margin:0;
padding:0;
}

#topright{
margin:0;
padding:0;
width:250px;
}

#topnav{  /* depends on height of top div */
position:absolute;
top:250px;
left:0;
width:100%;
height:60px;
}

#left{
width:150px;  /* set content div margin-left */
margin:340px 0 0 20px; /* top margin depends on height of top div */
padding:0;
}

#leftnav{
margin:30px 0 30px 0;
}


#leftmiddle{
width:150px;
}


#content{
height:1;
margin:0 200px 50px 230px;
padding-top:330px;
}

#right{
position:absolute;
top:330px;
right:20px;
width:150px;  /* set content div margin-right */
/*margin:292px 0 0 0;*/ /* top margin depends on height of top div */
padding:0;
}

#footer{
width:auto;
margin:0;
padding:1em;
}

#footerleft{
width:355px;
margin:0;
padding:0;
}

#footermiddle{
width:auto;
margin:0;
padding:0;
}

#footerright{
width:250px;
margin:0;
padding:0;
}