* {
	margin: 0;
	padding: 0;
}
html {
    background-color:#EAE7C4;
}

/* Hack to fix faulty IE boxmodel -> size is larger than in FF */
/* \*/ * html body h4, p { font-size: 97%; } /* */

body {
    text-align:center;
    font:12px georgia;
    color:#555753;
}

a {
    color:#6C1915;
    text-decoration:none;
}

img {
    border:0;
}

.wrapper_body {
    margin: 0 auto 0 auto;
    text-align:left;
    width:100%;
}
.header {
    float:left;
    background: #000 url("../images/header_2.gif") no-repeat right;
    width:100%;
    height:200px;
}

#header_extra {
    float:left;
    background: url("../images/header_1.gif") no-repeat left;
    width:100%;
    height:200px;
}

#header_bar {
    float:left;
    background:#7A3633 url("../images/headerbar_bg.gif");
    width:100%;
    height:15px;
    text-align:right;
}
#header_bar span {
    float:left;
    width:98%;
    margin-right:5px;
}


#admin_content_c1 {
    float:left;
    background: url("../images/content_bg2.gif");
    width:70%;
    padding-left:3%;
    border-right:2px solid #A19880;
}

#admin_content_c2 {
    float:left;
    width:25%;
    padding-top:5%;
    padding-left:1%;
}

#admin_content_c2 p {
    margin-top:30px;
}

#admin_content_c1 ul li {
    float:left;
    width:30%;
    list-style:none;
}

#content {
    float:left;
    background: url("../images/content_bg2.gif");
    width:100%;
    padding-bottom:20px;
    padding-top:10px;
}

#content h2 {
    margin-top:10px;
    font:20px georgia;
}

#content h3 {
    margin-top:10px;
    font:14px georgia;
    font-weight:bold;
    background: url("../images/news_icon.gif") no-repeat top left;
    padding-left:20px;
}

#c_part1 { float:right; width:45%; margin:5px 10px 10px 10px;}
#c_part2 { 
    float:left; 
    background: url("../images/belfry_bg.gif") no-repeat; 
    width:45%; 
    margin:5px 10px 10px 10px;
    font-size:11px;
}
#c_part3 { float:left; width:95%; margin:5px 10px 10px 10px;}
#c_part_center { float:left; width:50%; padding-left:25%;padding-right:25%;}

.small_date { font-size:11px; font-style:italic; padding-left:20px;}

.forminput {
    background:#874643 url("../images/formsubmit_bg.gif") repeat-x;
    color:#EBEBEB;
    font:13px georgia;
    border: 1px solid #000;
    height:17px; /* Not precise, but this is the median value */
}

.formsubmit {
    background:#874643 url("../images/formsubmit_bg.gif") repeat-x;
    height:21px; /* Not precise, but this is the median value */
    border: 1px solid #000;
    font:12px georgia;
    color:#EBEBEB;
    font-weight:bold;
    padding: 0 5px 0 5px;
    margin-left:5px;
}

#content p {
    margin-top:10px;
}
#footer_bar {
    float:left;
    background:#7A3633 url("../images/footer_bg.gif");
    width:100%;
    height:50px;
}

#footer_content {
    float:left;
    width:100%;
    height:30px;
    padding-top:8px;
    text-align:center;
    font-size:11px;
}

.footer {
    float:left;
    background:#D3CC8D;
    width:100%;
    border-bottom: 1px solid #ADA975;
    text-align:left;
}

#button_bar {
    display:inline;
}

#copyright {
    display:inline;
    margin-left:10px;
}

/* Navigation Style */

#navigation {
    float:left;
    width:63%;
    list-style:none;
    margin-bottom:15px;
}

#menu_filler { float:left;width:12%;}

#navigation li {
    float:left;
    display:inline;
    width:25%;
    height:25px;
    margin-left:15px;
    margin-top:10px;
    border-bottom:1px solid #000;
}

#navigation li ul {
    display:none;
}
.SubMenuLink a { color:#555753;}

#navigation li ul li a:hover {font-weight:normal;}
#navigation li ul li {width:27%;}

#navigation li a:hover {
    font-weight:bold;
    text-decoration:underline;
}

/* Preview Gallery Style */

#gallery {
    float:right;
    width:25%;
    text-align:left;
}

#gallery ul {list-style:none;}

#gallery h3 {
    display:block;
    background: #ADA975 url("../images/gallery_header.gif") no-repeat;
    width:150px;
    height:45px;
}

#gallery h3 span {
    float:left;
    display:none;
}

#gallery h4 {
    clear:both;
}

#gallery img {
    border: 1px solid #622B28;
}

#gallery li {
    float:left;
    width:50px;
    height:50px;
    margin-right:8px;
    margin-bottom:5px;
}

.page_img_right { float:right; }
.page_img_left { float:left; }
.side_img { border:1px solid #6E2F1E; }
.page_img_right, .page_img_left {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
    padding-top:10px;
}

/* Specific elements */

button {
  color: #908055;
  border: 1px solid #B3A684;
  font-weight: bold;
}

.error_msg {
    width:90%;
    margin-top:5px;
    text-align:center;
    font-weight:bold;
    margin-bottom:5px;
    border:1px solid #C42226;
    background-color: #E6C6C6;
    color:#AA1B25;
}

.success_msg {
    width:90%;
    margin-top:5px;
    text-align:center;
    font-weight:bold;
    margin-bottom:5px;
    border:1px solid #3A5E16;
    background-color: #AAC98C;
    color:#2D4E0D;
}

input, textarea, select {border:1px solid #B3A684; font:15px Georgia;}

input {height:25px;}

select { width:100px;}


/* Mimic table-like behaviour */

.table_row_small {
    float:left;
    width:5%;
}

.table_row_medium {
    float:left;
    width:20%;
}

.table_row_large {
   float:left; 
   width:68%;
}

.table_tr { display:block;clear:both;padding-top:5px; }

/* INTRODUCTION PAGE */

#intro_bg { display:block; text-align:center;}
#intro_text_eng { position:relative; left:50%; top:190px; }
#intro_text_nl { position:relative; left:54%; top:185px; }
#intro_text_fr { position:relative; left:48%; top:195px; }

/* GUESTBOOK PAGE */

.gb_entry {display:block; width:50%;margin-top:20px;}
.contentbox textarea {width:50%;}
.gb_who {display:block; width:99.5%; height:20px; border:1px dotted #C3BF94; background-color: #E8E7D8;}
.gb_comment {display:block; width:100%; padding-top:4px;padding-bottom:4px; background-color: #CAC7A2;}
.gb_date {display:block; width:99.5%; height:20px; border:1px dotted #C3BF94; background-color: #E8E7D8;}
.gb_who, .gb_date {font-size:11px;}

/* MUSIC DATABASE PAGE */
table.sortable { margin-top: 10px;}
table.sortable td { border:1px solid #A19F81;}
table.sortable span.sortarrow {
    color: black;
    font-weight:bold;
    width:2px;
    text-decoration: none;
}

#srch_musicdb input {
    height:20px;
    font-size:12px;
    vertical-align:bottom;
    position:absolute;
}

#search_area {
    width:80%;
    margin-top:20px;
    margin-bottom:20px;   
}

.Introduction {
    display:block;
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
}

#autocomplete_choices {
    background-color:#fff;
    border:1px solid #B3A684;
    padding-left:5px;
    padding-right:5px;
    
}
#autocomplete_choices ul li {
    list-style-type:none;
    margin-bottom:3px;
}
#autocomplete_choices ul li.selected {
    background-color:#E8E7D8;
    font-weight:bold;
    cursor:pointer;
}
