@charset "utf-8";
/* CSS Document */


/* -------------------------------------------------------------- 
*  Document base layout for HTMLDocument
*	
*/
html,body{
	padding:0;
	margin:0;
	border:0;
	
	height:100%;
	text-align: center;
	
	background:#3c3d3d url(../img/trame_background.gif) top left repeat;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#14050b;
}


	/* Main layout */
	#main
	{
		width:955px!important;
		min-width:955px;
		max-width:955px;
		overflow:hidden;
		
		border:0;
		margin:0 auto;
		padding:0;
		background-color:transparent;
	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#14050b;
	}



		/* -------------------------------------------------------------- 
		*  Titles, ...
		*/
		h1{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
			color:#320d1b;
			margin:3px 0 12px 0;
		}

		h2{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			font-style:normal;
			color:#320d1b;
			margin:3px 0 5px 0;
		}

		h2.subtitle{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			font-weight:bold;
			font-style:italic;
			color:#320d1b;
			margin:3px 0 8px 0;
			width:auto;
			line-height:20px;
		}
		
		h3{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			letter-spacing:0.2em;
			color:#320d1b;
			margin:1px 0 3px 0;
		}





		/* -------------------------------------------------------------- 
		*  Section layout.
		*	Define the top offset, head, middle and bottom parts.
		*/
		
		/* Offset */
		#topoffset
		{
			height:0px;
			overflow:hidden;
			background-color:transparent;
			position: relative;
			display:none;
		}





		/* Header */
		#header
		{
			height:149px;
			background-color:#74883C;
			background:url(/img/trame_header2.gif) center bottom no-repeat;
			position: relative;
			margin:0;
			padding:0;
		}


			/* Corners */
			#topleft{ position:absolute; left:0; }
		/*	#topright{ position:relative; float:right; } */
			#topright{ position:absolute; right:0px!important; right:-1px; }



			#TocraBigLogo{
				position:absolute;
				left:31px; top:23px;
			
			/*	z-index:3; /**/
				border:0;
			
				-moz-opacity:.60;
				opacity:.60;
				filter:alpha(opacity=60);
			}
			#TocraSiteSection{
				position:absolute;
				left:31px; top:65px;
			
				filter:alpha(opacity=60);
				-moz-opacity:.60;
				opacity:.60;
			
				z-index:3;
				border:0;
			}


		/* Middle content */
		#middle
		{
			position: relative;
			background: transparent url(/img/backline.png) left top repeat-y;
			padding: 0;
			margin: 0;
			border: 0;
			height:auto;
			width: 100%;
			text-align:left;
		}


			#headstatus{
				position: relative;
				background: url(/img/headmenu.gif) left top repeat-x;
				background-color: #f9f9f9;
				padding: 0;
				margin: 0 4px!important;
				border:0;
				min-height: 56px;
				height: 56px;

				width: 947px;
				
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;
			}

				#headstatus ul {
					margin:0;
					padding:0;
					text-transform:lowercase;
					font-size:120%;
					white-space:nowrap;
				}
			
				#headstatus ul li {
					float:left;
					margin:0;
					padding:0;
					list-style:none;
					background-image:none;
					line-height:normal;
				}
				
				#headstatus ul a {
					font-weight:normal;
					white-space:nowrap;
					display:block;
					float:left;
					height:auto;
					color:#585043;
					padding:10px 20px 6px 20px;
					border:0;
					margin:0;
					text-decoration:none;
					background-position:5px 16px;
				}

				#headstatus ul a:hover {
					color:#A3AA8F;
					border-bottom:0px solid #A3AA8F;
					background:transparent url(/img/menu_current.gif) center 0px no-repeat;
				}
				
				#headstatus ul a.current {
					color:#585043;
					font-weight:bold;
					background:transparent url(/img/menu_current.gif) center 0px no-repeat;
				}
				
				#headstatus ul a.current:hover {
					color:#585043;
					font-weight:bold;
					background:transparent url(/img/menu_current.gif) center 0px no-repeat;
				}




			
			/* Content area, embeds all user elements */
			#content{
				position: relative;
				background-color: #f9f9f9;
				padding: 0;
				margin: 0 4px!important;

				min-height: auto;
				height: 100%;
				
				width: 947px;
			}
			
			
			#leftcol{
				padding:10px!important;
				margin:0 0 0 15px;
				background-color:transparent;
				width:660px!important;
				width:685px;
				float:left;
			}
			#rightcol{
				padding:10px!important;
				margin:0 15px 0 0;
				background-color:transparent;
				width:200px!important;
				width:220px;
				float:right;
				border-left:#C6CBB8 dotted 1px; 
			}
			#rightcol.rightcol{
				background-color:#edeee9;
			}
			
			#middlecol{
				padding:10px!important;
				margin:0 15px 0 15px;
				background-color:#F0F0F0;
				width:897px;
				float:left;
			}
			
			#thinspacer{
				background-color:#f9f9f9;
				border:0;
				height:8px;
				margin:0;
				padding:0;
				overflow:hidden;
				visibility:hidden;
				clear:both;
			}


			/* Tools & informations bar */
			#toolbar
			{
				position: relative;
				background:url(/img/back_toolbar.gif) left bottom repeat-x;
				background-color: #efefef;
				padding: 0;
				margin:0 4px!important;
				border:0;
				min-height: 54px;
				height: 54px;
				width: 947px;
			}





		/* Footer */
		#footer
		{
			height:21px;
			background:transparent url(/img/bottomline.gif) center top no-repeat;
			position: relative;
		}


			/* Corners */
			#bottomleft { position:absolute; left:0; }
		/*	#bottomright{ position:relative; float:right; } */
			#bottomright{ position:absolute; right:0px!important; right:-1px; }