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

	1. MainFrame rules

	2. Generic rules

	3. Shared rules

	4. Specific rules

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

/* 1. MainFrame rules ------------------------------ */



html, body {height: 100%}

body {

	padding:0;

	margin:0;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

/*	font-size: 9pt;*/

	color: #464548;

	background-color: #cccccc;

}

#frame {

	width:981px;

	height:100%;

	min-height:100%;

	margin-right:auto;

	margin-left:auto;

	position:relative;

	background-image: url(../img/interface/bg.gif);

	background-repeat:repeat-y;

}

html>body #frame{height:auto;}/*moz height*/

	#frameCenter{

		width:981px;

		height:100%;

		min-height:100%;

		text-align:left;

		float:left;

		background-image: url(../img/interface/bg.gif);

		background-repeat:repeat-y;

	}

	html>body #frameCenter{height:auto;}/*moz height*/

		

		#header{

			width:945px;

			height:100px;

			background-image: url(../img/interface/bg_header.gif);

			background-repeat: no-repeat;

			background-position: left top;		

			padding:17px 18px 0 18px;

			float:left;

			position:relative;

		}	

		.headerMenu{position:absolute; bottom:0; right:20px;}



		

		#content{

			width:981px;

			padding-bottom:20px;

			float:left;

		}



			#left{

				width:171px; 

				float:left;

				padding-left:17px;

			}

				.perfectAsBanniere	{
					width:	160px;
					height:	632px;
					background-image:	url('../img/banniere/background.png');
					background-repeat:	repeat-x;
					background-attachment: inherit;
					text-align:center;
					color:		#FFFFFF;
					font-family:Lucida Sans;
				}

				.perfectAs	{
					margin:	10% 0 5% 0;
				}

				.perfectAsYear	{
					margin:	0 0 5% 0;
				}

				.perfectAsLeftHr {
					border: 1;
					float:	left;
					margin:	0 0 0 9px;
					width:	30%;
				}

				.perfectAsRightHr {
					border: 1;
					float:	right;
					margin:	0 9px 0 0;
					width:	30%;
				}

				img.perfectAsImg {
					width:	140px;
					height:	auto;
					margin:	0 0 0 0;
					border:	1px solid #FFFFFF;
				}

				div.perfectAsTitle	{
					color: 		#edda01;
					text-align:	left;
					margin:		0 9px 20% 9px;
				}

				.menu{

					width:171px;

					float:left;

					background-image: url(../img/interface/bg_left.gif);

					background-repeat: no-repeat;

					background-position: left top;		

				}	

			

			#menuBTN a{width:171px; float:left; background-position:0 0;  display:block; }

			#menuBTN a:hover, #menuBTN a.over{background-position: 0px 100%; display: block;}		

		

			#middle{width:777px; float:left;}

			

				#middle_header{width:777px; float:left;}

				

					.menu2{float:left;}

					.menu2 ul { /* all lists */

						padding: 0;

						margin: 0;

						list-style: none;

					}					

					.menu2 li { /* all list items */

						float: left;

						position: relative;

					}					

					.menu2 li ul { /* second-level lists */

						width:155px;

						display: none;

						position: absolute;

						top: -5px;

						left: 10px;

						border-left:1px solid #cacaca;

						border-right:1px solid #cacaca;

						background-color:#ffffff;

					}					

					.menu2 li ul li{

						border-bottom:1px solid #cacaca;

					}					

					.menu2 li ul li a{

						width:125px;

						color:#009d80;

						display:block;

						padding-left:10px;

						padding:5px 5px 5px 25px;

						text-decoration:none;

						background-image:url(../img/interface/ico_arrowRight.gif);

						background-repeat:no-repeat;

						background-position:15px 8px;

					}

					.menu2 li ul li a:hover{

						display:block;					

						padding:5px 5px 5px 25px;

						background-image:url(../img/interface/ico_arrowGoldRight.gif);

						background-repeat:no-repeat;

						background-position:13px 8px;	

						color:#c79210;					

					}

					.menu2 li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

						top: auto;

						left: auto;

					}					

					.menu2 li:hover ul, .menu2 li.over ul { /* lists nested under hovered list items */

						display: block;

						top: 114px;

						left: 10px;

						border-left:1px solid #cacaca;

						border-right:1px solid #cacaca;

						background-color:#ffffff;

					}					

								

				

				#middle_left{width:465px; padding:10px 5px 0 5px; float:left;}

				#middle_middle{width:295px; padding:10px 0 0 5px; float:left;}

				#middle_all{width:765px; padding:10px 5px 0 5px; float:left;}	





				



		#footer{

			width:905px;

			padding:30px 38px 20px 38px;

			float:left;

			background-image:url(../img/interface/bg_footer.gif);

			background-repeat:no-repeat;

			text-align:right;



		}

			



/* 2. Generic rules ----------------------------------- */



img{border:none; padding:0; margin:0;}



a{color:#009d80; text-decoration:underline; font-weight:bold;}

a:hover{color:#009d80; text-decoration:none;  font-weight:bold;}

	

a.link2{color:#009d80; text-decoration:none;  font-weight:bold;}

a.link2:hover{color:#009d80; text-decoration:underline;  font-weight:bold;}	



a.link3{color:#c79210; text-decoration:none;  font-weight:bold;}

a.link3:hover{color:#c79210; text-decoration:underline;  font-weight:bold;}	



.center{text-align:center;}

td{padding:5px;}

td.noPad{padding:0px;}



form{padding:0; margin:0;}



.bold{font-weight:bold;}



.w20{width:20px;}

.w200{width:200px;}

.w75P{width:75%;}

.w93P{width:93%;}

.w96P{width:96%;}

.w100P{width:100%;}



.fLeft{float:left;}

.fRight{float:right;}



.txtRed{color:#A33131;}

.txtGold{color:#c79210;}

.txtGreen{color:#009d80;}



.dInline{ display:inline;}



.txtSmall{font-size:8pt;}

.txtBig{font-size:12pt;}



.txtALeft{text-align:left;}

.txtARight{text-align:right;}

.txtACenter{text-align:center;}



.title, #title{color:#009d80; font-weight: bold; font-size: 10pt;}

.title12{color:#009d80; font-weight: bold; font-size: 12pt;}

.titleGold{color:#c79210; font-weight: bold; font-size: 10pt;}

.titleGold12{color:#c79210; font-weight: bold; font-size: 12pt;}



.bold{font-weight:bold;}



.pad5{padding:5px;}

.pad10{padding:10px;}

.pad15{padding:15px;}

.padLR30{padding:0 30px 0 30px;}

.padB5{padding-bottom:5px;}

.padT15{padding-top:15px;}

.padT80{padding-top:80px;}

.padL680{padding-left:680px;}

.padL15{padding-left:15px;}

.padL5{padding-left:5px;}



.mar10{margin:10px;}

.marB10{margin-bottom:10px;}

.marB125{margin-bottom:125px;}

.marT15{margin-top:15px;}



.borderL{border-left:1px solid #e1e1e1;}

.borderB{border-bottom:1px solid #e1e1e1;}

.borderT{border-top:1px solid #e1e1e1;}



.borderABlue{border:1px solid #599fad;}



.bgGold{background-color:#f9f5ea;}

.bgGray{background-color:#e1e1e1;}

.bgGray2{background-color:#dcdcdc;}

.bgBeige{background-color:#f9f5ea;}







/* 3. Shared rules ------------------------------------ */



	.articleBox{

		float:left;

		padding-bottom:20px;

	}

		.articleBox .pic, .articleBox #pic{

			padding-right:15px ;

			padding-bottom:10px;

			float:left;			

		}

		.articleBox .picComm{

			width:100%;

			padding-right:5px ;

			padding-bottom:5px;

			text-align:center;

			font-size:8pt;

		}

		.articleBox .title a{color:#009d80; text-decoration:none;  font-weight:bold;}

		.articleBox .title a:hover{color:#009d80; text-decoration:underline;  font-weight:bold;}	

		

	.txticon{display:inline;}

	

/* 4. Specific rules ---------------------------------- */



.tblTxtSize td{padding:0;}



.bottomOptions{

	width:95%;

	padding:1%;

	margin:1%;

	background-color:#ffffff;

	float:left;

	border-bottom:1px solid #e1e1e1;

	border-top:1px solid #e1e1e1;

}



.subSectionNav{

	width:95%;

	padding:2% 1% 2% 1%;

	margin:1%;

	background-image:url(../img/interface/bg_dot.gif);

	background-repeat:repeat-x;

}



.gallery{}

.gallery li{list-style:none; display:block; float:left; width:170px; text-align:center; font-size:10px; height:250px; padding:0 5px;}

.gallery li img {/*width:140px; height:93px;*/ border:1px solid #e1e1e1;}

.blackbox{background:#000000; color:#cceeef; margin:0 0 2px; padding:5px;}
.blackbox img{padding-right:5px;}

.videobox{background:url(../img/interface/video_bg.jpg) repeat-y; color:#ffffff; padding:5px; height:70px; margin:0 0 2px;}
.videobox img{border:1px solid #ffffff; margin-right:5px;}
.videobox a{text-decoration:none; color:#C79210;}