/* --------------------------------------------------------------
	TABLE DE CONTENTS
-----------------------------------------------------------------

BODY

+ Layout:								#layout
	+ Wrapper:							#wrapper
		+ Header:						#header
			- Logo:						#logo
			- Search:					#search
			- GXE:						#gxe
		+ Menu:							#menu
		+ Content						#content
			- Main						#main
			- Sidebar					#sidebar
		- Footer:						#footer
		- Copyright						#copyright

-------------------------------------------------------------- */

	body{
		background:						url(../images/backgrounds/body.png) repeat-x 0 0 #e6f7ff;
	}
	
	div#layout{
		margin:							0 auto 0 auto;
		background:						url(../images/backgrounds/layout.png) no-repeat top center;
		padding-top:					14px;
	}
	
	div#wrapper{
		margin:							0 auto 0 auto;
		width:							972px;
		background:						url(../images/backgrounds/wrapper.png) repeat-y top center;
	}
	
	div#header{
		background:						url(../images/backgrounds/header.png) repeat-x bottom left #f2f2f3;
	}
	
	div#menu{
		background:						#007c8c;
		padding-top:					4px;
		padding-left:					10px;
		margin-bottom:					5px;
	}
	
	div#content{
		background:						url(../images/backgrounds/content.png) repeat-y 0 0;
		margin-bottom:					5px;
	}
	
	div#sidebar{
		float:							left;
		width:							220px; /* 222 */
		padding-top:					4px;
		padding-left:					1px;
		padding-right:					1px;
		padding-bottom:					160px;
		background:						url(../images/backgrounds/sidebar.png) repeat-x 0 0;
	}
	
	div#submenu{
		padding-bottom:					10px;
		background:						#f7f7f7;
		border-bottom:					10px solid #ebebeb;
	}
	
	div#main{
		float:							right;
		width:							661px; /* 716 */
		padding-left:					25px;
		padding-right:					30px;
		padding-bottom:					50px;
	}
	
	div#path{
		margin-top:						8px;
		margin-bottom:					20px;
		color:							#808080;
	}
	
	div#options{
		margin-top:						8px;
		margin-bottom:					10px;
	}
	
	div#footer{
		background:						url(../images/backgrounds/footer.png) repeat-x 0 0 #007c8c;
		padding:						15px 10px 18px 10px;
	}



/* --------------------------------------------------------------
	-- SPECIAL FEATURES
---------------------------------------------------------------- */

	div#layout div.layout-inner{
		background:						url(../images/backgrounds/layout-inner.png) no-repeat bottom center;
		padding-bottom:					15px;
	}
	
	div#wrapper div.wrapper-inner{
		margin:							0 auto 0 auto;
		width:							938px;
		padding-left:					17px; /* 6 + 11 */
		padding-right:					17px; /* 6 + 11 */
		background:						url(../images/backgrounds/wrapper-inner.png) no-repeat top center;
	}

	div#header div.header-outer{
		background:						url(../images/backgrounds/header-outer.png) no-repeat bottom right;
	}
	
	div#header div.header-inner{
		min-height:						157px;
		_height:						157px;
		background:						url(../images/backgrounds/header-inner.png) no-repeat top left;
	}
	
		div#header div.header-inner div.logo{
			float:						left;
			width:						157px;
		}
	
		div#header div.header-inner div.float-left{
			width:						601px; /* 611 */
			padding-right:				10px;
		}
		
		div#header div.header-inner div.float-left h1{
			text-shadow:					1px 1px 1px #aaa;
		}
		
		div#header div.header-inner div.float-left h2 *{
			display:					inline;
		}
		
		div#header div.header-inner div.float-right{
			width:						170px;
		}
		
	div#header a.contact{
		background:						url(../images/backgrounds/icon-contact.png) no-repeat 6px 5px #231f20;
		padding:						6px 6px 8px 38px;
		display:						block;
		float:							right;
		color:							#fff;
		text-decoration:				none;
		margin-right:					1px;
		margin-top:						1px;
	}
	
		div#header a.contact:hover{
			color:						#fcee21;
			background-color:			#007c8c;
		}
		
	div#menu h2{
		float:							left;
		font-weight:					normal;
		margin-left:					5px;
	}
	
		div#menu h2 a{
			text-decoration:			none;
			font-weight:				normal;
			display:					block;
			padding:					5px 9px;
		}
		
		div#menu h2 a:hover{
			text-decoration:			underline;
		}
		
		div#menu h2.selected{
			background:					#fff;
		}
		
		div#menu h2.selected a:hover{
			text-decoration:			none;
		}
		
	div#content div.content-inner{
		padding-bottom:					110px;
		background:						url(../images/backgrounds/content-inner.png) no-repeat bottom left;
	}
	
	div#submenu h3{
		padding-left:					6px;
		padding-right:					8px;
		padding-top:					12px;
		padding-bottom:					6px;
	}
	
	div#submenu div.quote-left{
		border-top:						solid 1px #007c8c;
		padding-left:					0;
	}
	
	div#submenu div.quote-left h4{
		background:						url(../images/backgrounds/separator.png) repeat-x bottom left;
	}
	
		div#submenu div.quote-left h4 a{
			display:					block;
			background:					url(../images/backgrounds/icon-submenu.png) no-repeat 14px 11px;
			padding-left:				28px;
			padding-right:				6px;
			padding-top:				10px;
			padding-bottom:				6px;
			color:						#666666;
		}

	div#submenu div.quote-left h4.selected{
		background-color:				#666666;
	}		
		
		div#submenu div.quote-left h4.selected a{
			background-image:			url(../images/backgrounds/icon-submenu_selected.png);
			color:						#fff;
		}
		
	div#submenu div.quote-left h4.last{
		background-image:				none;
	}
	
	div#sidebar div.box{
		padding:						10px 6px 10px 10px;
		background:						#f7f7f7;
	}

		div#sidebar div.box div.quote-left{
			padding-left:				10px;
		}
	
		div#sidebar div.box p.item{
			padding-left:				10px;
		}
		
	div#path a{
		color:							#808080;
		text-decoration:				none;
	}
	
		div#path a:hover{
			text-decoration:				underline;
		}
		
	div#main div.paragraph{}
	
		div#main div.paragraph p{
			padding-top:				15px;
			text-align:					left;
			line-height:				150%;
		}
		
		div#main div.paragraph h1, 
		div#main div.paragraph h2, 
		div#main div.paragraph h3, 
		div#main div.paragraph h4, 
		div#main div.paragraph h5, 
		div#main div.paragraph h6{
			margin:						10px 0 10px 0;
			border-bottom:				solid 1px #6796ab;
			padding:					2px 5px 4px 10px;
			line-height:				100%;
			color:						inherit;
			font-weight:				inherit;
		}
		
		div#main div.paragraph ul,
		div#main div.paragraph ol{
			margin:						5px 10px;
		}
		
		div#main div.paragraph ul li{
			padding:					4px 0 0 20px;
			background:					url(../images/backgrounds/bullet.png) no-repeat 10px 8px;
		}
		
		div#main div.paragraph ol li{
			padding:					4px 0 0 0;
			margin-left:				30px;
		}
		
		div#main div.paragraph a{
			color:						#6796ab;
		}
		
		div#main div.paragraph .ghead h6 {
			color:							#124476;
			font-size:						13px;
			font-weight:					bold;
			border:							none;
			margin-bottom:					0;
		}
		
	div#main div.file-list{}
	
		div#main div.file-list table{}
	
		div#main div.file-list table tr td{
			background:					#b8e5ff;
			padding-bottom:				6px;
			padding-top:				8px;
			padding-left:				5px;
			padding-right:				5px;
			border-bottom:				solid 7px #fff;
		}
		
	div#main div.category-list{}
	
		div#main div.category-list img.picture-float{
			margin-top:					0;
			margin-right:				0;
		}
		
	div#main div.contact-form{
		width:							420px; /* 450 */
		margin-left:					20px;
		padding-bottom:					20px;
		padding-left:					10px;
		padding-right:					5px;
	}
	
		div#main div.contact-form td{
			padding-top:				5px;
			padding-bottom:				5px;
		}
		
		div#main div.contact-form td.padding{
			padding-right:				5px;
		}
		
		div#main div.contact-form tr.clear td{
			padding-top:				0;
			padding-bottom:				0;
		}
		
		div#main div.contact-form div.info{
			background:					#fbfcee;
			padding:					5px 5px 10px 5px;
			margin-bottom:				10px;
			border:						1px solid #ccc;
		}
	
		div#main div.contact-form div.info p{
			padding-top:				5px;
			padding-left:				12px;
			text-align:					justify;
			background:					url(../images/backgrounds/bullet-info.png) no-repeat 0 10px;
		}
		
		div#main div.contact-form div.info p.green{
			background:					transparent;
			text-align:					center;
			padding-left:				0;
		}

	
	div#footer td.first{
		padding-right:					5px;
	}
	
	div#footer td.item{
		padding-left:					10px;
		padding-right:					5px;
		background:						url(../images/backgrounds/separator-item.png) repeat-y 0 0;
	}
	
	div#footer td.first table  *,
	div#footer td.item table  *{
		font-size:						11px;
	}
	
	div#footer td.quote-right{
		padding-right:					5px;
	}
	
	div#footer a{
		color:							#fff;
	}