/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jun 25, 2006)
Screen layout: */

/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font-family: Arial, Georgia, Trebuchet MS,Verdana,Tahoma,sans-serif;
font-size: 12px;
font-smooth: always;
/*background:#4aa524*/ ;
background:#ffffff url(../img/bg_soft.jpg) top left repeat-x;
background-repeat: no-repeat;
background-attachment: fixed;
color:#666666;
}

#sfuma_container {

	
	margin:auto auto auto auto;
	width:1150px;
	background-image:url(../img/ombre_bg.png);
	background-repeat:repeat-y; 
	height:auto;
}



.img-shadow {
float:right;
background: url(../img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.div-shadow {

background: url(../img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.div-shadow div {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}





#tags
{

clear:both;
margin:0 auto;
padding:10px 0 20px;
width:900px; margin-left:10px; margin-right:5px; padding:0; margin-top:10px; 	 border-top:4px solid #f0f0f0;;
}


#wrap {
background:#ffffff;
color:#303030;
margin:auto auto;
width:1000px;

}

/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#0888b2;
background-color:inherit;
}

a:hover {
text-decoration: none;
color:#0888b2;
background-color:inherit;
}

a img {
border:1;
}

#search {
margin:0 0px 5px 200px;

padding:0 10px;
}

/***** Header *****/
#header {
margin:0px 0 0;
padding:0;
height:45px;
}

#header h1 {
color:#505050;
background-color:inherit;
width:250px;
margin:0 0 10px;
font-size:2.2em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
width:500px;
float:right;
text-align:center;
color:#505050;
margin:8px 0 0;
font-size:1.1em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}

#frontphoto {
margin:0 0 20px 0;
border:0;
 
}

/***** Left sidebar *****/
#leftside {
position:relative;
clear:left;
float:right;
width:310px;
margin: 0px 0 0 5px;
padding:10px;
background:#FFFFFF   url(../img/bg_wrap_left.gif) top center repeat-x;
}
#leftsideBAN {
float:right;
width:330px;
margin-bottom:0px;
}

#leftside ul {
width:300px;



}
 

#leftside li {
line-height:0.6em;
}



#leftside_hp {
position:relative;
clear:left;
float:right;
width:320px;
margin:11px 10px 0 0px;
padding:0;
}
#leftside_hp_rite {
position:relative;
clear:left;
float:right;
width:200px;
margin: 11px 10px 0 0px;
padding:0;
}

#leftside hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }

#leftside_hp_rite hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }

#leftside_hp hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }


#leftside h2,#leftside h3 {
color:#000000;
background-color:inherit;
font-size:1.3em;
margin:0 0 2px;
padding:0;
}
#leftside_hp h2,#leftside_hp h3 {
color:#000000;
background-color:inherit;
font-size:1.5em;
margin:0 0 2px;
padding:0;
line-height:1.0em;
}
#leftside_hp_rite h2,#leftside_hp_rite h3 {
color:#000000;
background-color:inherit;
font-size:1.5em;
margin:0 0 2px;
padding:0;
line-height:1.0em;
}
#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:320px;
font-size:1.1em;
background-color:#cfe4fa;
color:#003366;
border-left:4px solid #cccccc;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main menu *****/
ul.avmenu {
width:200px;
margin:0 0 18px;
padding:0;
list-style:none;

float:left;
}
 

ul.avmenu li {
width:210px;
padding:0;
line-height:1.4em;
display:inline;
float:left;
}

ul.avmenu li a {
background-color:#cfe4fa;
color:#003366;

width:180px;
float:left;
margin-bottom:5px;
margin-left:10px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#728dac;
border-left:4px solid #ff9933;
color:#ffffff; font-weight:bold;
}

ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:1.0em;
width:125px;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
width:165px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:150px;
}

/***** Right sidebar *****/
#extras {
border:1px;
border-style:dotted;
float:right;

width:200px;
margin:10px 10px 10px 10px;
padding:10px;
line-height:1.4em;
background-color:#FFFFFF;
filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
}

#extras p,#extras ul {
font-size:0.9em;
margin:0 0 16px;
padding:0;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 10px;
padding:0;
}

/***** Main content *****/
#content {
margin:0px 0px 0px 0px;
/*border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;*/
width:630px;
height:auto;
 min-height:600px; 
padding:15px;
background: #ffffff;
line-height:1.5em;
letter-spacing: 0.02em;
background:#FFFFFF   url(../img/bg_wrap.jpg) top center repeat-x;

}

#contentTitle {
width:610px; 
height:30px; 
border-bottom:3px; 
border-bottom-style:double; 
border-bottom-color: #0888b2;

}

#contentTitle b {
font-size:1.6em;
color:#000000;
margin:0 0 5px;

}


#content_home {
margin:0px 0px 0px 0px;
/*border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;*/
width:650px;
height:auto;
min-height:1000px;
padding:10px;
background: #ffffff;
line-height:1.3em;
letter-spacing: 0.04em;
background:#FFFFFF   url(../img/bg_wrap.jpg) top center repeat-x;

}
#content_home hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }



#contentwide {
margin:0 0 10px 150px;
border-left:0px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#content h1,#contentwide h1 {
font-size:1.6em;
color:#0888b2;
margin:0 0 5px;
line-height:1.2em
}


#content h2,#contentwide h2 {
font-size:1.5em;
color:#00000;
margin:0 0 5px;
line-height:1.2em
}

#content h3,#contentwide h3 {
font-size:1.4em;
margin:0 0 5px;
font-size-adjust:inherit;
color:#0888b2;
line-height:1.1em
}

#content h4,#contentwide h4 {
font-size:1.2em;
margin:0 0 5px;
font-size-adjust:inherit;
color:#333333;
line-height:1.2em
}


#content h5,#contentwide h5 {
font-size:0.8em;
color:#666666;
margin:0 0 5px;
}
#content_home h2  {
font-size:1.4em;
color:#003366;
margin:0 0 0px;
line-height:1.2em
}
#content_home h3  {
font-size:1.4em;
color:#003366;
margin:0 0 5px;
line-height:0.8em
}
#content_home h1  {
font-size:2.0em;
color:#000000;
margin:0 0 5px;
line-height:0.8em
}
/*#content img,#contentwide img {

display:inline;
background:#cccccc;
color:#ffffff;
border:0px solid #000000;
}*/
#content hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }


#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#footer {
clear:both;
margin:2px auto;
padding:8px;
border-top:0px solid #f0f0f0;
width:984px;
text-align:center;
color:#000000;
background-image:url(../img/bg_footer.jpg);
font-size:0.9em;
}
 






#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;

}
#footer hr { color: #f0f0f0; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }
#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}






/*********************************************** FORMS ******************************************/


#container {
	padding:20px;
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(./img/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(./img/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(./img/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(./img/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(./img/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(./img/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(./img/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(./img/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(./img/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(./img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

/*SPY */
#sidebar {
float:right;
 width:290px;
 margin-bottom:30px;
 }

#sidebar ul {
    list-style-type:none;
    margin: 5px;
    padding:0;
    /*position:relative;*/
}


.none {
        background-position: 82px 0px;
}

.four {
        background-position: 82px -48px;
}

.five {
        background-position: 82px -60px;
}

 

#sidebar li {
    height: 60px;
    overflow: hidden;
	line-height:1.0em;
}

 

 

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

 
/* fine SPY */


.expandedNode div{
display: block;
margin-left:20px;
}
.collapsedNode div{
display:none;
}