.div1 {
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#696969;
	float: left;
	height: auto;
	z-index:0;
	background-color: #D6D6D6;
}
.div2 {
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#696969;
	float: left;
	height: auto;
	z-index:200;
}
.div3 {
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#696969;
	float: left;
	height: auto;
	z-index:0;
}
body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
    text-align: center;	
	font-style: normal;
	font-weight: normal;
	text-align: center;
    background-color: lightgray;
}
#page {
            width: 1124px; /* ou width:70%; ou width:20em; */
			text-align:center;
            margin-left: auto;
            margin-right: auto;
            }
#wrapper {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	color: #FFCB38;
	z-index: 0;
	width: 1124px;
	margin-left:auto;
	margin-right:auto;
    text-align: center;	
	height: auto;
}
#Title_banner {
	top: 0px;
	left: 0px;
    text-align: left;	
	width: 1117px; /*1117px;*/
    height: 228px;
	background-image: url(../images/pages/title_banner.jpg);
	z-index: 0;	
}
#Hotlink_bar {
	top: auto;
	left: 0px;
    text-align: left;	
	width: 1117px;
    height: 30px;
	background-image:url(../images/pages/bottom_banner.jpg);	
	z-index: 500;	
}
#Cover {
	top: auto;
	left: 0px;
    width: 1020px;
    height: 600px;
    margin:  auto;
	background-image:url(../images/pages/cover_bkgrnd.png);	
    background-repeat: repeat;
}
#Cover_bar {
	top: auto;
	left: 0px;
    width: 1016px;
    height: 30px;
    margin:  auto;
	background-image:url(../images/pages/cover_bar.jpg);	
    background-repeat: repeat;
}
#Centre_body {
	top: auto; /*229px; */
	float:left;
	left: auto; /*211px; */
	width: 785px; /*907px; */
    min-height: 800px;
    text-align: left;
    background-color: white;
	/*background-image:url(../images/pages/centre_body.jpg);*/	
	background-repeat:repeat;
	z-index: 0;
}
#Centre_body_admin {
	top: 229px;
	float:left;
	left:211px;
	width: 907px;
    text-align: left;
	background-image:url(../images/wallpapers/admin_white_beige_small.jpg);	
	background-repeat:repeat;
	z-index: 0;
}
#Bottom_banner {
	top: 769px;
	float:left;
	left:211px;
	width: 1117px;
	height: 30px;
    text-align: left;
	background-image:url(../images/pages/bottom_banner.jpg);	
	z-index: 0;
}
#FacebookBlock {
	float:left;
	left:875px;
	width: 198px;
	height: auto;
    text-align: left;	
	padding-top: 10px;
	padding-left: 28px;
	z-index: 250;
}
#Footer {
	height:25px;
	width:1124px;
    text-align: center;	
	vertical-align:middle;
	background-image: url(../pages/images/mainpage_footer.jpg)
}
#ptWrapper {
	left: 0;
	float: left;
	width: 623px;
    text-align: left;	
	min-height:650px;
	padding-top: 12px;
	padding-left: 0px;
	background-image:;
	background-repeat:repeat-y;
}
#ptDivTitle {
	left: 0;
	top: 100px;
	float: left;
	width: 500px;
	height: 50px;
    text-align: left;	
	padding-top: 6px;
	padding-left: 0px;
	background-repeat: repeat-y;
}
#ptDivFB {
	left: 0;
	float: right;
	top: 0px;
	height: 50px;
	width: 150px;
    text-align: left;	
	padding-top: 0px;
	padding-left: 0px;
	background-image:;
	background-repeat: repeat-y;
}
#ptDivAccroche {
	left: 0;
	float: left;
	top: 120px;
    text-align: left;	
	width: 300px;
	height: 150px;
	padding-top: 10px;
	padding-left: 0px;
	background-image:;
	background-repeat:repeat-y;
}
#pt1DivBody {
	left: 0;
	top: inherit;
	float: left;
	width: 300px;
    text-align: left;	
	padding-top: 6px;
	padding-left: 0px;
	background-image:;
	background-repeat:repeat-y;
}
#video_player {
    height: 360px;
    width:515px;
    background-image: url(/images/structure/video_player.jpg);
    border-top-color:  black;
    border-top-style: solid;
    border-bottom-color:  black;
    border-bottom-style: solid;
    /*padding-left: 21px;
    background-color: darkgray;
    -moz-border-radius-bottomright: 50px 25px;
    border-bottom-right-radius: 50px 25px;
    -moz-border-radius: 25px 10px / 10px 25px;
    border-radius: 25px 10px / 10px 25px;*/
}
#video_thumb {
    height: 350px;
    overflow-y: scroll;
    width:190px;
    text-align: center;
    background-image: url(/images/structure/filmstrip2.jpg);
    background-repeat: repeat-y;
    border-color: white;
    border-style:  solid;
    border-width: thin;
    margin: auto;
    margin-left: 15px;
    padding-top: 20px;
    /*background-color: darkgray;
    -moz-border-radius-bottomright: 50px 25px;
    border-bottom-right-radius: 50px 25px;
    -moz-border-radius: 25px 10px / 10px 25px;
    border-radius: 25px 10px / 10px 25px;*/
}

#video_thumb2 {
	width: 150px;
	height: auto;
    text-align: left;	
	padding-top: 1px;
	padding-left: 31px;
    padding-right: 31px;
	z-index: 250;    
}
#Left_bar {
	top: auto; /*229px;   */
	left: 0px;
	width: 180px;
    min-height:  800px;
    overflow-y: hidden;
    text-align: left;	
	background-image:url(/images/pages/left_bar.jpg);	
	background-repeat:repeat;
    z-index: 0;	
}

img.floatLeft {
	float: left;
	margin: 4px;
}
img.floatRight {
	float: right;
	margin: 4px;
	text-align: left;
}
a {
	text-decoration:none;
    border: 0px solid #000000;
	outline-width:inherit;
	outline:none;
}
.h1 {
	color: #C00;
	font-size:36px;
	font-weight:bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: center;
}
.t1 {
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#696969;
}
#fb {
	text-align: right;
}
.h2 {
	font-style: italic;
	color: #F90;
}
.h2 em {
	font-size: 15px;
	top: 20px;
	color: #C00;
}
.h1_page_header {
	color:#C00;
	font-size:36px;
	font-weight:bold;
	font-style:normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;

}
.h2_page_accroche {
	color: red;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
}
.h3_page_intro {
	color: red;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
}
.h4_page_section_header { 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	color: red;
}
/*sub-section title centered*/
.h5 { 
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	color: red;
    text-align: center;
}
.t1_page_section_text {
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#696969;
    text-align: justify;
    margin: auto;
}
.small_caption_text {
	font-size: 9px;
    line-height: 9px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: white;
    text-align: center;
    margin: auto;
}

.tiny_caption_text {
	font-size: 6px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: white;
    text-align: center;
    margin: auto;
}
.comment_header {
	font-size: 12px;
    line-height: 12px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: white;
    background-color: lightgreen;
    text-align: left;
    margin: auto;
}
.comment_body {
	font-size: 14px;
    /*line-height: 9px;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style:  italic;
	color: grey;
    /*background-color: lightgreen;*/
    text-align: left;
    margin: auto;
}
.comment_footer {
	font-size: 12px;
    /*line-height: 9px;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style:  italic;
	color: grey;
    /*background-color: lightgreen;*/
    text-align: right;
    margin: auto;
}
.comment_postok {
	font-size: 14px;
    /*line-height: 9px;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style:  italic;
	color: white;
    background-color: lightgreen;
    border-style:  double;
    text-align: center;
    margin: auto;
}
.comment_postnok {
	font-size: 14px;
    /*line-height: 9px;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style:  italic;
	color: white;
    background-color: red;
    border-style:  double;
    text-align: center;
    margin: auto;
}
Redlink {    /* creates the default color as white */
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: red;
    text-align: left;
    margin: auto;
}
.changeRed {    /* creates the default color as white */
	font-size: 6px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: white;
    text-align: center;
    margin: auto;
}
.changeRed:hover {  /* changes the color of the text to red on mouseover */
	font-size: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: red;
    text-align: center;
    margin: auto;
}
.table.rbox {
    width: 180px;
    margin: auto;
    text-align: center;
    border-style: dashed;
    border-color: white;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 10px;     
}
.th.rbox{
    color:  red;
    font-weight: bold;
    
}
.tr.rbox{
    color: gray;
    
}
.a.rbox {
    color:  gray;
    
}
.a.rbox:hover {
    color: red;
}
a, img {
    border:none;
}
.php_code{
    border:1px dotted #C63;
    padding:2px 2px 2px 15px;
    width:100px;
    height:12px;
    background:url(php_code.gif) no-repeat center left;
    color:#fff;
}
.fsSubmitButton
{
	border-top:		    0px; /*2px solid #a3ceda;*/
	border-left:		0px; /*2px solid #a3ceda;*/
	border-right:		0px; /*2px solid #4f6267;*/
	border-bottom:		0px; /*2px solid #4f6267;*/
	padding:		10px 20px !important;
	font-size:		14px !important;
	background-color:	#CC0000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:		bold;
	color:			white;
}
.fsSubmitButton:hover
{
	color:			yellow;
}
.tunelistSubmitButton1
{
	border-top:		    0px; /*2px solid #a3ceda;*/
	border-left:		0px; /*2px solid #a3ceda;*/
	border-right:		0px; /*2px solid #4f6267;*/
	border-bottom:		0px; /*2px solid #4f6267;*/
	font-size:		14px !important;
	background-color:	#D0F5A9;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:		bold;
	color:			#CC0000;
}
.tunelistSubmitButton1:hover
{
	color:			yellow;
}
.tunelistSubmitButton2
{
	border-top:		    0px; /*2px solid #a3ceda;*/
	border-left:		0px; /*2px solid #a3ceda;*/
	border-right:		0px; /*2px solid #4f6267;*/
	border-bottom:		0px; /*2px solid #4f6267;*/
	font-size:		14px !important;
	background-color:	#BCF5A9;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:		bold;
	color:			#CC0000;
}
.tunelistSubmitButton2:hover
{
	color:			yellow;
}

/*lesson styles*/

.lesson_h1 {
	color:blue;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	font-family: "Arial", sans-serif;
	text-align: left;

}
.lesson_h2 {
	color: blue;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	font-family:"Arial", sans-serif;
	text-align:left;
}
.lesson_h3 {
	color: red;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	font-family:"Arial", sans-serif;
	text-align: left;
}
.lesson_h4 { 
	font-family:"Arial", sans-serif;
	font-size:20px;
	color: red;
}
/*sub-section title centered*/
.lesson_h5 { 
	font-family:"Arial", sans-serif;
	font-size:14px;
	color: red;
    text-align: left;
}
.lesson_t1 {
	font-size: 16px;
	font-family: "Arial", sans-serif;
	color:black;
    text-align: justify;
	padding-bottom: 12px;
    margin: auto;
}
.lesson_small_caption_text {
	font-size: 9px;
    line-height: 9px;
	font-family:"Arial", sans-serif;
	color: white;
    text-align: center;
    margin: auto;
}