/*==YUI TOPOGRAPHY==*/
body { color: teal; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.2em; background-color: #fdecaa; margin: 20px; padding: 0; }
h1{ line-height: 1.3em; }
h2{ line-height: 1.2em; }
h3{}
p { font-size: 1em; }

.bigname { color: #496664; font-size: 36px; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 5px; padding-right: 10px; }
.smallname { color: #7c868c; font-size: 26px; font-family: Georgia, "Times New Roman", Times, serif; /*vertical-align: middle;*/ }


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/

/*=========BODY LAYOUT========= */
		/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
/*====REPERTOIRE TABLES STYLES=====================*/
table.reptable {
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #617A78;
	width: 570px;
	border: solid 1px #fff;
	border-collapse: collapse;
	}
td.role {
	border-bottom: 1px solid #9cf;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #617A78; }
td.rep {
	border-bottom: 1px solid #9cf;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #617A78; }
thead th {
	font-family: Verdana, sans-serif, Arial;
	color:#fff;
	text-align:left;
	padding :4px;
	height:25px;
	background-color: #617a78; }
tbody tr {
	font-family: Verdana, sans-serif, Arial;
	border-bottom: 1px solid #c0c0c0; }
tbody td {
	font-family: Verdana, sans-serif, Arial;
	color:#b1d2d6;
	padding: 4px;
	text-align:left; }
	tbody td.none {	}
tbody th {
	font-family: Verdana, sans-serif, Arial;
	text-align:left;
	padding: 2px; }


/*======END REPERTOIRE STYLES==============*/


.clearing {
height:0;clear:both
}


 /* Font Definitions */

 /* Style Definitions */






/* CSS Document */



a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*************************    MAIN CONTENT AREA  ******* */


.leftimg {
	float:left;
	margin: 10px;
}
.rightimg {
	float:right;
	margin: 10px;
}

#content h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(uploads/losw/grey.gif) repeat-x;
	border-top:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.2em;
		padding-left:5px;
}


td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


body {width: 900px;
  margin: 20px auto 0 auto;
  text-align: center; background-color: #617A78;
 }
  #wrapper {
  

  }
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 500px;
			width: 30px;
			background-color:  #496664;
			color: #ffffff;
			text-decoration: none;
			
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 -1px 0;
			padding-top: 10px;
			text-align: center;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 10px solid #f68263;
			color: #FDECAA;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100%;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			overflow: auto;
			
			color: #444444;
			padding: 5px 5px 20px 10px;
			
   	}
			
			.horizontal_accordion_content p {
				/*width: 600px;*/
				line-height: 150%;
				
							}
			
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 20px 0px;
     width: 100%;
      /*height: 500px;*/
      border: solid 2px #496664;
    background-color: #FDECAA;
      overflow: hidden;
      text-align: left;
     
    }
   #header {text-align: right;
   width: 100%;
   padding: 5px 0;
   background-color: #FDECAA;
   border: solid 2px #496664;
   margin-bottom: 10px;}
   #topnav {/*width: 100%;*/
   text-align: right;
   padding-right: 5px;
   }
   .normal {/*height: 490px; overflow: auto;*/
   background-color: #FDECAA;
   text-align: justify;
   padding-right: 10px;}
 .right {float:right; border: 1px solid #496664; padding: 2px;}
img {padding: 20px;}
a {color:#006666;
text-decoration:none;
font-weight:600;}
a:hover {font-weight:normal;}