/**

*** jj_serenity: A Free Template *** @version 1.0*** @copyright (C) 2005-2006 *** @web 
*** layout.css
*** Last update: mar 2009, Frans A. Meijs.
**/

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

dimensions etc***/

body {
text-align: center;
margin: 0;
margin-top: 5px;
}

#wrapper {
position: relative;
width: 780px;
margin: 0;
padding: 0;
margin: 0 auto;
text-align:left;
z-index: 1;
}

#top_shadow {
position: absolute;
right: -7px;
top: 33px;
width: 795px;
height: 110px;
z-index: -1;
}

#top_a {
height: 33px;
width: 780px;
padding: 0;
margin: 0;
line-height: 33px;
}

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

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

#branding_header {
width: 780px;
height: 110px;
margin: 0;
padding: 0;
}

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

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

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

#top_shelf_center {
float: left;
width: 236px;
padding: 0 5px 0px 5px;
margin-left: 10px;
}

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

#top_shelf_right {
float: right;
width: 115px;
padding: 0 5px 0px 5px;
margin-left: 10px;
}

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

#top_separator {
background: url(../images/top_separator_bg.png) no-repeat;
width: 780px;
height: 20px;
}

#top_nav {
height: 33px;
width: 780px;
margin: 0;
padding: 0;
}

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

#sidebar {
float: left;
width: 180px;
margin-left: 10px;
padding: 0 5px 5px 5px;
margin-top: -7px;
display: inline;
}

* html body #sidebar {
width: 200px;
}

#pathway {
float: left;
width: 538px;
margin-left: 11px;
padding: 5px;
}

* html body #pathway {
width: 549px;
}

#main_content {
float: left;
width: 530px;
padding: 10px;
margin-left: 10px;
}

* html body #main_content {
width: 550px;
}

#bottom_separator {
background: #fff url(../images/bottom_separator_bg.png) no-repeat;
width: 780px;
height: 6px;
}

#footer  {
background: url(../images/footer_bg.png) repeat-x;
border-top: 3px solid white;
width: 780px;
height: 56px;
margin: 0 auto;
clear:both;
padding-top: 22px;
}

#footer_shadow {
background: url(../images/footer_shadow_bg.png) repeat-x;
height: 52px;
width: 780px;
margin: 0;
padding: 0;
}