p, ol, ul, dl, h1, h2, h3, body, div, table {
color:#000;
font-size : 12px;
line-height : 18px;
font-family:arial, sans-serif;
text-align : left;
}


body{
margin: 0;
padding: 0;
background: #4a8815 url(images/pix.gif);
}



h1{
text-transform: uppercase;
font-size: 14px;
display:block; 
margin-top: 10px;
}

h2{
text-transform: uppercase;
font-size: 14px;
display:block; 
text-align:center; 
}

h4{
text-transform: uppercase;
font-size: 14px;
display:block; 
text-align:center; 
margin-top:10px;
}

h5{
text-transform: uppercase;
font-size: 14px;
color: #960718;
display:inline; 
text-align:left; 
margin-left: 10px;
}


img{
border: none; 
}

ul{
	line-height: 14px;
	}


#audio{
height: 200px;	
width:300px;
position:relative;
margin-left:170px;
margin-top:210px;
}

#content{
height: 557px;
width:980px;
position:absolute;
margin-left:0px;
margin-top: 242px;
padding: 0;
position:absolute;
border-top: 1px solid #da2801;
background: transparent url(images/back_content.jpg) no-repeat;
}

#content_radio{
height: 557px;
width:980px;
position:absolute;
margin-left:0px;
margin-top: 242px;
padding: 0;
position:absolute;
border-top: 1px solid #da2801;
background: transparent url(images/back_content_radio.jpg) no-repeat;
}


#content_start{
height: 800px;
width:980px;
background: transparent url(images/back_start.jpg) no-repeat;
border: 1px solid blue;
position:absolute;
}


#hg{
width:980px;	
height : 800px;
margin : auto;
border-style : solid;
border-left-width : 10px;
border-top-width : 10px;
border-right-width : 10px;
border-bottom-width : 10px;
border-color : #ffffff;
background-color : #4c9707;
position : relative;
}


#header{
height: 242px;
width:980px;
background-repeat: no-repeat;
background: #3d8e30 url(images/back_header.jpg);
position:absolute;
left:0;
top:0;
z-index: 10;
padding: 0;
margin: 0;
}

#header_start{
height: 30px;
width:980px;
position:absolute;
left:0;
top:0;
z-index: 10;
padding: 0;
margin: 0;
border-bottom: 10px solid #fff;
}

#home{
margin-left:130px;
margin-top:60px;	
width: 500px;
height: 220px;
z-index:10;
position:absolute;
}


#impress{
height: 100px;
width:25px;
position:absolute;
margin-top:700px;
z-index: 200;
}



#text{
height: 465px;
width:580px;
position:absolute;
margin-left:220px;
margin-top:290px;
padding: 0 25px;
overflow: auto; 
z-index: 2;
}


#text_start{
height: 412px;
width:680px;
position:relative;
margin-left:100px;
margin-top:50px;
z-index:1;
display: none;
}

#ticker{
margin-top: 225px;	
width: 980px;
height: 30px;
z-index:10;
position:absolute;
margin-left:0;
}

#ticker_start{
margin-top: 100px;	
width: 980px;
height: 30px;
z-index:10;
position:absolute;
}

#title{
margin-top:248px;	
width: 120px;
height: 70px;
z-index:10;
position:absolute;
margin-left: 105px;
background: url(images/title.gif) left center no-repeat;
}

#video{
height: 380px;
width:450px;
position:relative;
margin-left:125px;
margin-top:25px;
padding: 0px;
overflow:auto; 
}


/*********biographie slideshow**************************************************************/

#FrogJS{
width: 530px;
height: 470px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}



/*********menu**************************************************************/

#bluemenu{
width:100px;
height:557px;
position:relative;
margin-top:0px;
margin-left: 0px;
z-index:10;
}

#left{
width:200px;
height:557px;
position:absolute;
margin-top:242px;
z-index:200;
}

#bluemenu_index{
width:101px;
height:512px;
position:absolute;
margin-top:41px;
}

.menu ul{
margin: 0;
padding: 0;
float: left;
color: #fff;
font: bold 11px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
color: white;
padding: 9px 0px;
text-decoration: none;
background: #68f557 url(images/blockdefault.gif) center center repeat-x;
width: 100%;
border: 1px solid #da2801;
border-width: 00 1px 1px 0;
text-align: center;
z-index:500;
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li a.current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}


.menu li a.active{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}




.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}



/* ######### Style for Drop Down Menu ######### */

#dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #494949; /*THEME CHANGE HERE*/
border-top: 8px solid #494949; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:bold 12px Arial;
line-height:18px;
z-index:100;
background-color: transparent;
width: 100px;
visibility: hidden;
background: transparent url(images/transparent.png) ;
text-align: center;
}


#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-top: 0 solid #494949;
border-bottom: 1px solid #494949; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html #dropmenudiva a{ /*IE only hack*/
width: 100%;
}

#dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000;
color: white;
}





/*********lightbox**************************************************************/
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*********classes**************************************************************/

.bold { font-weight: bold;}
.center{text-align: center;}
.ecards{	float: left;	margin: 10px 10px 10px 40px;  }	
.ecardstext{margin: 2px 10px 10px 0; text-align: left; float: left; width: 540px; clear:both;}
.infolink {padding: 0px 8px; margin: 5px 0px;font-size: 11px; border-bottom: 1px dotted #cf1519;}
.infolink a{ text-decoration: underline; font-weight: bold; color: #cf1519;}
.infolink a:hover{font-weight: bold; color: #539a0c;}
.item{padding: 5px 8px; margin: 0px 0px; border-bottom: 1px dotted #cf1519;}
.item h3 {margin: 0px;text-transform: uppercase; color:#980e10;}
.items{width: 90%; padding: 0px; margin: 20px;}
.label{width: 75px; vertical-align: top; padding: 5px 8px; margin: 0px 0px; font-weight: bold; border-right: 1px dotted #FFFFFF; border-bottom: 1px dotted #cf1519}

.lightboxtext{	padding: 3px 3px 2px 3px;	margin: 2px 10px 10px 0; text-align: left; float: left; width: 400px;}


.prlink a{ text-decoration: underline; font-weight: bold; color: #cf1519; margin-left: 20px; margin-bottom: 30px;}
.prlink a:hover {font-weight: bold; color: #f539a0c; margin-left: 20px; margin-bottom: 30px;}

.program{width: 100px; padding: 5px 8px 0px 0px; margin: 0px 0px; font-size: 11px; border-right: 1px dotted #FFFFFF; border-bottom: 1px dotted #cf1519;}
.program_tv{width: 100px; padding: 5px 8px 0px 0px; margin: 0px 0px; font-size: 11px; border-bottom: 1px dotted #cf1519;}
.next{text-align: right; margin-right: 100px;}
.next a{ background:url(images/next.gif) 0 2px no-repeat; padding: 0px 0px 0px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: #cf1519; line-height: 24px;}
.next a:hover{ background:url(images/next.gif) 0 2px no-repeat; padding: 0px 0px 0px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: #539a0c; line-height: 24px;}
.thumbnail{	padding: 3px 3px 2px 3px;	background-color: transparent; float: left;	margin: 10px 20px 10px 40px; text-align: center; }	

.title{text-transform: uppercase;color: #cf1519; font-weight: bold; font-size: 14px;}


/********links**************************************************************/

a {
text-decoration : none;
font-weight : bold;
font-size: 12px;
}
a:link {
color:  #cf1519;
}

a:focus {
color:  #4a8815;
}
a:hover {
color: #4a8815;
}

a:active {
color : #4a8815;
}

a:visited {
color : #cf1519;
}