/* these divs set up the  basic page structure */

div{
position:relative;
margin:0px;
padding:0px;
border:0px;
overflow:hidden;}

#container {
width:100%;
 z-index : 100;
/* background-color : Yellow;*/
   text-align : center;
 margin-left:auto;
margin-right:auto;
}

#pageboundary {
width : 951px;
background-color : #ffffff;
 z-index : 200;
  text-align : center;
 margin-left:auto;
	margin-right:auto;
}


 #header {
 height : 119px;
 position: relative;
 left : 0px;
 top : 0px;
  z-index : 300;
  overflow:hidden;
}


/* positioning the util menu */
#utilities{
text-align : right;
position: relative;
top : 0px;
margin-top : -22px;
margin-bottom : 0px;
padding-bottom : 0px;
z-index : 1000;
}


/* positioning the main menu */
#menu {
width:100%;
height:33px;
margin : 0px;
padding : 0px;
position: relative;
left : 0px;
top :0px;
z-index : 1;
background-image : url(http://www.2020community.org/web/sites/site2020/graphics/pagecontent/headermenubg.gif);
background-repeat:repeat-x;
overflow:visible;
}

#areaBox{
width:255px;}

 #pagecontent  {
 width:100%;	
 position: relative;
 left : 0px;
 top : 0px;		
  margin-top:0.2em;
  text-align:left;
  z-index : 4;
}


#footer {
clear:both;
position : relative;
left : 0px;
top : 0px;
height:24px;
width:100%;
background-image : url(http://www.2020community.org/web/sites/site2020/graphics/pagecontent/footerbg.gif);
z-index : 5;
color: white;
font-size: 0.85em;
}


/* ------------------------------------------------------------
end of overall layout ids, 
everything  after this refers to content within the 
pagecontent id such as left menus,. content etc
----------------------------------------------------------------*/


/* --- HP DIVS START -------- */

.leftContent{
text-align:left;
width:265px;
float:left;	
}

.mainContent{
float:right;
}

.focus{
border:1px solid #333333;
background-color:#0077aa;
width:677px;
color:#FFFFFF;
margin:0;
padding:0;
}

.focusArticle{
height:80px;
border:1px solid #333333;
background-color:#0077aa;
width:677px;
color:#FFFFFF;
margin:0;
padding:0;}

.focusText{
position:static;
clear:none;
width:203px;
float:right;
margin-top:2px;
margin-right:5px;
margin-left:3px;
}

#bodyContent{
margin-top:15px;
width:677px;
}

#bodyLH{
float:left;
width:450px;
}

#mainContentFull{}

.mainContentItem{
clear:both;}

#subs{
width:450px;
margin-top:15px;
}

.sub{
float:left;
width:220px;
margin-right:5px;
}

#bodyRH{
float:right;
width:220px;
}

.bodyRHbox{
background-color:#d3eefa;
padding:5px;
margin-bottom:3px;
padding-left:10px;}


/* --- HP DIVS END -------- */


#pageHeading{
border-bottom:2px solid;
margin-bottom:4px;
}

/* --- Priority Areas Home Page layout -------- */

#PAHPheader {background-color:#00447b; border:0px solid black; width:725px; margin-bottom:15px;}     /*is this width right?*/
#PAHPbodyLH{float:left; width:725px;}
#PAHPbodyContent{margin-top:15px;width:100%;}
.PAHPcolumn {float:left; width:352px; padding-right: 10px;}