@charset "utf-8";
/* CSS Document */
body {
text-align: center;
padding-top:20px;
padding-bottom:30px;
}

#container
{
background-image:url(http://www.uas.edu.uy/layout_images/blue_white_background_gradient_900x2.jpg); 
background-repeat:repeat-y;
text-align: left;
margin:0px auto;
width:900px;
display:table;	/* seems this is required for firefox and opera */
}

#header_main
{
width:900px;
display:table; 
background-image:url(../layout_images/UAS_header_main_right_orange.jpg);
background-repeat:repeat-x;
}


#header_main #left
{
float:left;
width:200px;
height:135px;
/* background-image:url(../layout_images/UAS_header_main_right_orange.jpg); */

}

#header_main #middle
{
float:left;
width:470px;
height:135px;
background-image:url(../layout_images/UAS_header_main_middle_orange.jpg);
background-position:right;
background-repeat:no-repeat;
}

#header_main #right
{
float:left;
width:230px;
height:135px;
background-image:url(../layout_images/UAS_header_main_left_orange.jpg);

}

/* body */
#frontpage #body_left
{
padding-top:10px ;
}

#body_left
{
float:left;
width:200px;
/*overflow:hidden; /* 	>>>
		this appears to fix an IE6 bug to enable the menu to show 
		with out pusing out horizontal and making a mess of all my floating divs
	*/ 
}

#body_content
{
float:left;
width:700px;

}

#body_content_head
{
width:530px;	
height:45px;
}


#body_middle
{
float:left;
width:530px;
}
/* 
the following  elements
#bm_header, body, footer 
are nested insider 
#body_middle
*/
#bm_header
{
background-image:url(../layout_images/white_page_head.jpg);
width:530px;
height:15px;

}

#bm_body
{
background-image:url(../layout_images/white_page_body.jpg);
background-repeat:repeat-y;
width:530px; /* 530 */
padding-bottom:10px;
}


#bm_footer
{	
height:15px;
background-image:url(../layout_images/white_page_footer.jpg);
background-repeat:no-repeat;	
width:530px;
}

#body_right
{
float:left;
width:170px;
}

/* controls the menu on the right */
#body_right ul
{
padding-top:30px;
}

#body_right li
{
font-size:1.1em;
padding-bottom:7px;
}
/*>> FOOTER <<*/

#footer_main
{
background-image:url(../layout_images/uas_footer_logo_blend_white_drkblue.jpg);
height:10em;
width:900px;
margin:8px auto ;

}