/* CSS Document */

html {height: 100%;}
body {height: 100%; margin:0; padding:0; background: black; font-size:0pt; border: none; font-family: Tahoma, sans_serif;}
h2{font-size: 16pt; font-family: Arial; font-weight: bold; margin: 0; margin-bottom: 5px;}
h3{font-size: 10pt; font-family: Arial; font-weight: bold; margin: 0; margin-top: 5px;}
p{margin-top: 3px;}

.red{color: red;}
.white{color: white;}
.black{color: black;}
.photo_text{margin-top: 3px; color: black;}
.photo_frame{margin-top: 10px; text-align: center;}
.party_photo{padding: 2px; background: white; border: none;}

#canvas {margin: 10px 20px; padding:0; background: #F79C2D; min-width: 800px;}

/* basic layout */
#header_stripe {height: 70px; width: 100%;}
#header_stripe_content {background: white; height: 100%;}
#menu_stripe {width: 100%; margin: 0;}
#menu_stripe_content {font-size:11pt; margin: 5px; color: white; font-weight: bold; }
#menu_stripe a {color: white; text-decoration: none;}
#middle_stripe{margin:0; padding:0; width: 100%; min-height: 200px; _height:200px; }
#middle_stripe_content{height: 100%;}
#footer_stripe{height: 70px; width: 100%;}
#footer_stripe_content{height: 70px; background: white; padding: 5px; color: white;}

/*footer stripe*/
#footer_stripe_content a {color: white;}

/* header + menu */ 
#menu_line{height: 5px; background: white;}
#figures_top{margin-top: 5px; float: right;}

/* middle stripe */ 
#left_stripe{margin:0; padding:0; height: 100%; margin-left: 20px; margin-right: 200px;} 
#gallery_left_stripe{margin:0; padding:0; height: 100%; margin-left: 20px; margin-right: 20px;}
#left_stripe_content{height: 100%; }
#right_stripe{margin:0; padding:0; width: 200px; height: 100%; float: right; } 
#right_stripe_content{padding: 5px 10px; height: 100%; font-size:9pt;}
#right_stripe_content a {color: #F79C2D;}

/* left stripe divided horizontally */
#left_frame{width: 100%;  min-height: 200px; _height:200px; }
#left_frame_content{padding: 5px 10px; height: 100%; font-size:9pt; }
#middle_frame{width: 100%; min-height: 100px; _height:100px; }
#middle_frame_content{padding: 5px 10px; height: 100%; font-size:9pt; }
 
/* left stripe divided vertically */
#left_left_wnd {width: 200px; float: left; padding: 0; }
#left_left_wnd_content{padding:0; padding-right: 1em;}
#right_left_wnd {width: auto; margin-left: 206px; text-align: justify;}
#right_left_wnd_content {color : black;padding:0; padding-right: 1em;}
#left_middle_wnd {width: 200px; float: left;}
#left_middle_wnd_content {color : black;padding:0; padding-right: 5px;}
#left_middle_wnd a{color : black; text-decoration: none;}
#left_middle_wnd ul{margin: 0;}
#right_middle_wnd {width: auto; margin-left: 206px; text-align: justify;}

#left_left_wnd_content a {color: black;}

#left_middle_wnd_gallery_content {text-align: center; margin-right: 20px;}



/* spliters */
.vertical_img{height: 100%; width: 1px; visibility: hidden;}
.horizontal_img{width: 100%; height: 1px; visibility: hidden;}
.breaker{clear:left; font-size: 0; height:0; width:0; background: none;}
#horizont{width: 100%; height: 1px; background: white;}
#vertical{position: absolute; left: 40px; width: 1px; background: white;}
#vertical2{position: absolute; left: 240px; width: 1px; background: white;}
#vertical3{position: absolute; right: 220px; width: 1px; background: white;}
#horizontal2{width: 100%; height: 1px; margin: 0; margin: 0; background: white;}
#gallery_vertical3{position: absolute; right: 40px; width: 1px; background: white;}

/* lowest stripe */
#lowest_stripe {clear: both; padding: 0;  background: rl("../Images/figures_bottom.JPG") bottom no-repeat;}
#gallery_lowest_stripe {clear: both; padding: 0; background: rl("../Images/figures_bottom.JPG"); margin-right: 20px;}
#lowerest_wnd{margin-top: 0; margin-left: 220px;}
#lowerest_wnd_content{margin:0; padding: 0; font-size:10pt; }
#lowest_text{padding: 0px 10px;  margin-right: 200px; text-align: justify;}
#buddy_img{border: none; margin-top: 10px; margin-left: 30px; float: left;}
#bomton_img{border: none; margin-top: 20px; float:right;}
#n2nlogo {border: none; margin-top: 20px; margin-left: 10px; }
#logo-hair {border: none; margin-top: 15px; margin-right: 20px; float: right}
#smile_img {vertical-align: middle; border: none;}



/* Clubs */
#left_club_column{float: left; width: 150px;}
#right_club_column{margin-left: 170px;}

/* Contact */
#logo_clown{vertical-align: middle;  color: black; border: none;}

/* Programme */
th{border: 1px solid black;}
.even_line{background: #F7C66A;}
#program_table{text-align: center; border: 1px blue; padding: 0; margin: 0;}
#program_table tr.even {background: #F7C66A;}


/* gallery */
.thumb {display : inline; text-align: center;}
.thumbImg {margin : 5px; border: 2px solid white;}
.submenu_item {color : white; text-decoration: none; margin-bottom: 5pt}
#screen a {color : black}
#albumHeadline {color: orange; margin: 1em 1em}
#linkPrev{margin-right: 3em;}
#linkNext{margin-left: 3em}
#archive{visibility: hidden;}

#controlDiv a {color: white; text-decoration: none; font-weight: bold;}

.comment {width:30em;background: #F7C66A; margin-top:1em;}
.comment .commentbody {padding:2em;font-weight:normal;color:black;}
.commenttop {padding:0.5em;background: #F7D67A;color:black;}
.commentfooter {padding:0.5em;background: #F7D67A;color:black;}