/**




**/



/***This css file manages the asthetic layout,

dimensions etc***/



body {

text-align: center;

margin: 0px;

margin-top: 1px;

}



#wrapper {

position: relative;

width: 780px;

margin: 0px;

padding: 0px;

margin: 0 auto;

text-align:left;

z-index: 1;

}



#top_shadow {

position: absolute;

right: 0px;

top: 10px;

width: 780px;

height: 200px;

z-index: ;

}


/**very top logo user4*****************/
#top_a {

height: 212px;
width: 780px;
padding: 0px;
margin: 0px;
line-height: 33px;
}

#top_a_left {
float: left;
margin-left: 0px;
display: inline;
}

#top_a_right {
float: right;
margin-right: 0px;
}

/***************************************/

/**not needed if logo is in user4******
#branding_header {
width: 780px;
height: 120px;
margin: 0;
padding: 0;
}*************************************/



#top_nav {
height: 23px;
width: 780px;
position: left;
margin: 0;
padding: 0;
}


/**4 modules*************************/
#top_shelf {
border-top: 0px solid #E4E9AB;
width: 780px;
margin-top: -10px;
margin: 0;
padding: 0;
overflow: auto;
}

#top_shelf_left {
float: left;
width: 182px;
padding: 0px 0px 5px 20px;
margin-left: 0px;
display:inline;
}

* html body #top_shelf_left {
width: 185px;
}

#top_shelf_center {
float: left;
width: 182px;
padding: 0 0px 5px 0px;
margin-left: 2px;
}

* html body #top_shelf_center {
width: 185px;
}

#top_shelf_right {
float: left;
width: 182px;
padding: 0 0px 5px 0px;
margin-left: 2px;
}

* html body #top_shelf_right {
width: 185px;
}

#top_shelf_farright {
float: left;
width: 182px;
padding: 0 0px 5px 0px;
margin-left: 2px;
}

* html body #top_shelf_farright {
width: 185px;
}
/****************************************/


#top_seperator {
background: /*url(../images/top_seperator_bg.gif) no-repeat*/;
width: 780px;
height: 0px;
}



#content_wrap {
width: 780px;
overflow: auto;
}


/*****needed for side menu**************/
/*#sidebar {
float: left;
width: 370px;
margin-left: 0px;
padding: 0 5px 5px 5px;
margin-top: -7px;
display: inline;
}

* html body #sidebar {
width: 380px;
}*/



#pathway {

float: left;

width: 780px;

margin-left: 0px;

padding: 0px;

}



* html body #pathway {

width: 780px;

}



#main_content {

float: left;

width: 780px;

padding: 0px 0px;

margin-left: 0px;

}



* html body #main_content {

width: 780px;

}



#bottom_seperator {

background: #fff url(../images/bottom_seperator_bg.gif) no-repeat;

width: 780px;

height: 0px;

}



#top_footer  {

background: #5F5F5F /*url(../images/footer_bg.gif) repeat-x*/;

border-top: 0px solid white;

width: 780px;

height: 520px;

margin: 0 auto;

clear:both;

padding-top: 0px;

}


#top_footer_left {

float: left;

width: 360px;

padding: 10px 10px 0px 0px;

margin-left: 10px;

display:inline;

}



* html body #top_footer_left {

width: 375px;

}



#top_footer_right {

float: left;

width: 360px;

padding: 10px 0px 0px 0px;

margin-left: 10px;

}



* html body #top_footer_right {

width: 375px;

}

#footer  {

background: #5F5F5F /*url(../images/footer_bg.gif) repeat-x*/;

border-top: 0px solid white;

width: 780px;

height: 95px;

margin: 0 auto;

clear:both;

padding-top: 0px;

}

#footer_shadow {

background: url(../images/footer_shadow_bg.jpg) repeat-x;

height: 5px;

width: 780px;

margin: 0;

padding: 0;

}