/**
*** A Template for SPE 2008
*** @version 1.0
*** @web http://www.aids.gov.br/spe2008
**/




/***This css file manages the asthetic layout,

dimensions etc***/



body {

text-align: center;

margin: 0;

margin-top: 13px;

}



#wrapper {

position: relative;

/*width: 780px;*/
width: 880px;

margin: 0;

padding: 0;

margin: 0 auto;

text-align:left;

z-index: 1;

}



#top_shadow {

position: absolute;

right: -7px;

top: 33px;

/*width: 795px;*/
width: 895px;

height: 120px;

z-index: -1;

}



#top_a {

height: 33px;

/*width: 780px;*/
width: 880px;

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;*/
width: 880px;

height: 120px;

margin: 0;

padding: 0;

}



#top_nav {
	height: 23px;
	/*width: 780px;*/
width: 880px;
	/*padding: 5;*/
}



#top_shelf {

border-top: 5px solid #E4E9AB;

/*width: 780px;*/
width: 880px;

margin: 0;

padding: 0;

overflow: auto;



}



/* #top_shelf_left {

float: left;

width: 200px;

padding: 0 5px 0px 5px;

margin-left: 5px;

display:inline;

} */


#top_shelf_left {

float: left;

width: 800px;

padding: 0 5px 0px 5px;

margin-left: 5px;

display:inline;

}


#content-bg {
	margin-left:15px;
	margin-right: 15px;
}



/* @group modules */

div.moduletable {
	margin-bottom: 15px;
}

div.moduletable-flush {
	margin: 0;
	padding: 0;
}

div.module,
div.module-hilite1,
div.module-hilite2,
div.module-hilite3,
div.module-hilite4 {
	margin-bottom: 10px;
}

div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
	margin: 10px 0;
	padding: 0 0 1px 0;
	line-height: 100%;
	height: auto;
}

.clr {
	clear: both;
}

.usermodule {
	float: left;
}

#showcase {
	padding: 5px 7px 0 7px;
}

div#showcase div.moduletable,
div#footer div.moduletable {
	padding: 10px 5px;
	margin: 0;
}

#showcase div.moduletable h3 {
	margin: 0 0 10px 0;
}

#showcase .contentheading {
	padding-top: 0;
}

* html body #top_shelf_left {

/* width: 200px;*/
 width: 800px;

}



#top_shelf_center {

float: left;

width: 200px;

padding: 0 5px 0px 5px;

margin-left: 5px;

}



* html body #top_shelf_center {

width: 200px;

}



#top_shelf_right {

float: left;

width: 200px;

padding: 0 5px 0px 5px;

margin-left: 5px;

}

#top_shelf_right2 {
	float: left;
	width: 200px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



* html body #top_shelf_right {

width: 200px;

}

* html body #top_shelf_right2 {

width: 200px;

}




#top_seperator {
	background: url(../images/top_seperator_bg.gif) no-repeat;
	/*width: 780px;*/
width: 895px;
	height: 10px;
	display: none;
}



#content_wrap {

/*width: 780px;*/
width: 880px;

overflow: auto;

}



#sidebar {
	float: left;
	width: 180px;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


#sidebar2 {
	float: right;
	width: 150px;
	margin-left: 700px;
	margin-top: -7px;
	display: inline;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}



* html body #sidebar {

          width: 200px;


}



#pathway {
	float: left;
	width: 638px;
	margin-left: 11px;
	padding: 5px;
	display: none;
}



* html body #pathway {

/*width: 549px;*/
width: 649px;

}



#main_content {
	float: left;
	/*width: 600px;*/
        width: 560px;
	padding: 10px;
	margin-left: 60px;
	text-align: justify;
}



* html body #main_content {

width: 550px;

}



#bottom_seperator {
	background: #fff /*url(../images/bottom_seperator_bg.gif) no-repeat*/;
	/*width: 780px;*/
width: 880px;
	height: 110px;

}



#footer  {

background: url(../images/footer_bg.gif) repeat-x;

border-top: 3px solid white;

/*width: 780px;*/
width: 880px;

/*height: 56px;*/
height: 6px;
margin: 0 auto;

clear:both;

padding-top: 11px;

}



#footer_shadow {

background: url(../images/footer_shadow_bg.jpg) repeat-x;
height: 22px;
width: 880px;
margin: 0;
padding: 0;

}
