html { height: 100%;}

* { margin: 0; padding: 0;}

gone {
  text-decoration: line-through;
}

body { 
    font: normal .80em 'trebuchet ms', arial, sans-serif; 
    background: #F0EFE2; 
    color: #777;
}

p { 
    padding: 0 0 20px 0;
    line-height: 1.7em;
}

img { 
    border: 0;
}

h1, h2, h3, h4, h5, h6 { 
    font: normal 175% 'century gothic', arial, sans-serif;
    color: #43423F;
    margin: 0 0 15px 0;
    padding: 15px 0 5px 0;
}

h2 { 
    font: normal 175% 'century gothic', arial, sans-serif; 
    color: #1293EE;
}

h4, h5, h6 {
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 120% arial, sans-serif;
    color: #1293EE;
}

h5, h6 {
    font: italic 95% arial, sans-serif;
    padding: 0 0 15px 0;
    color: #000;
}

h6 { color: #362C20; 
     padding: 0 0 1px 0;
}

a, a:hover {
    outline: none;
    text-decoration: underline;
    color: #A4AA04;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left;
    width: auto;
    margin-right: 10px;
}

.right {
    float: right; 
    width: auto;
    margin-left: 10px;
}

.center {
    display: block;
    text-align: center;
    margin: 20px auto;
}

blockquote {
    margin: 20px 0; 
    padding: 10px 20px 0 20px;
    border: 1px solid #E5E5DB;
    background: #FFF;
}

ul { margin: 2px 0 22px 17px;}

ul li {
    list-style-type: circle;
    margin: 0 0 6px 0; 
    padding: 0 0 4px 5px;
}

ol { margin: 8px 0 22px 20px;}

ol li { margin: 0 0 11px 0;}


#main, #logo, #site_content, #site_content_wide, #footer {
    margin-left: auto; 
    margin-right: auto;
}

/* Main menu settings */
.menubar {
    /* clear:both; */
    display: block;
    float:left;
    position:relative;
    padding: 0;
    text-align: center;
    min-width: 950px;
    width: 100%;
    background: #29415D url(menu.png)repeat-x;
    list-style:none;
    z-index:1000; /* This makes the dropdown menus appear above the page content below */
}

.menubar ul {
    display: block;
    clear:left;
    float:right;
    position:relative;
    right:50%;
    margin:0;
    padding:0;
    list-style:none;
}

.menubar ul li { 
    display: block;
    float:left;
    position:relative;
    left:50%;
    list-style:none;
    margin:0;
    padding:0;
}

.menubar ul li a {
    display: block;
    letter-spacing: 0.1em;
    font: normal 90% 'lucida sans unicode', arial, sans-serif;
    padding: 4px 20px 4px 20px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
} 

.menubar ul li a:hover, 
.menubar ul li.selected a, 
.menubar ul li.selected a:hover {
    background: #1C2C3E url(menu_select.png);
}

.menubar ul  li a.active,
.menubar ul  li a.active:hover {
    font-weight:bold;
}

/* Submenu items */
.menubar ul ul {
    display:none; /* Sub menus are hiden by default */
    position:absolute;
    top:18px;
    left:0;
    right:auto; /*resets the right:50% on the parent ul */
    width:12em; /* width of the drop-down menus */
}

.menubar ul ul li {
    left:auto;  /*resets the left:50% on the parent li */
    margin:0; /* Reset the 1px margin from the top menu */
    clear:left;
    float:left;
    width:100%;
}

.menubar ul ul li a,
.menubar ul li.active li a,
.menubar ul li:hover ul li a,
.menubar ul li.hover ul li a { /* This line is required for IE 6 and below */
    font: normal 80% 'lucida sans unicode', arial, sans-serif;
    background: #29415D url(menu.png);
    color:#FFF;
    line-height:1.4em; /* overwrite line-height value from top menu */
    border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}

.menubar ul ul li a:hover,
.menubar ul li.active ul li a:hover,
.menubar ul li:hover ul li a:hover,
.menubar ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
    background: #1C2C3E url(menu_select.png) /* repeat-x, repeat-y */;
}

/* Flip the last submenu so it stays within the page */
.menubar ul ul.last {
    left:auto; /* reset left:0; value */
    right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
.menubar ul li:hover ul,
.menubar ul li.hover ul { /* This line is required for IE 6 and below */
    background: #1C2C3E url(menu_select.png) /* repeat-x, repeat-y */;
    display:block; /* Show the sub menus */
}

/* end menu */

#header {
    background: #A9D0F5; /* TN */ 
    height: 210px;
}

#logo {
    width: 850px;
    position: relative;
    height: 167px;
    background: #0489B1 url(lyonwimob.jpg) no-repeat;
}

#logo #logo_text  {
    position: absolute; 
    top: 5px;
    left: 0;
}

#logo h1, #logo h2 {
    font: normal 180% 'century gothic', arial, sans-serif;
    font-weight: bold;
    text-align: center;
    border-bottom: 0;
    text-transform: none;
    margin: 0;
}

#logo_text h1, 
#logo_text h1 a, 
#logo_text h1 a:hover  {
    padding: 0px 0 0 0;
    color: #FFF;
    /* letter-spacing: 0.1em; */
    text-decoration: none;
}

#logo_text h1 a .logo_colour { 
    font-size: 110%;
    color: #305E94; /* TN conf title */
}

#logo_text h2 {
    font-size: 120%;
    padding: 4px 0 0 0;
    color: #FFF;
}


#site_content {
    width: 837px;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0px 24px 20px 37px;
    background: #FFF url(content.png) repeat-y;
} 

#site_content_wide {
    overflow: hidden;
    width: 837px;
    margin: 0 auto 0 auto;
    padding: 0px 24px 20px 37px;
    background: #FFF url(content.png) repeat-y;
} 

#content_wide {
    text-align: left;
    padding: 0;
}

.sidebar {
    float: right;
    width: 190px;
    padding: 0 15px 20px 10px;
}

.sidebar ul {
    width: 178px; 
    padding: 4px 0 0 0; 
    margin: 4px 0 30px 0;
}

.sidebar li {
    list-style: none; 
    padding: 0 0 7px 0; 
}

.sidebar li a, .sidebar li a:hover {
    padding: 0 0 0 40px;
    display: block;
    background: transparent url(link.png) no-repeat left center;
} 

.sidebar li a.selected {
    color: #444;
    text-decoration: none;
} 

#content {
    text-align: left;
    width: 595px;
    padding: 0;
}

#content ul { margin: 2px 0 22px 0px;}

#content ul li {
    list-style-type: none;
    background: url(bullet.png) no-repeat;
    margin: 0 0 6px 0; 
    padding: 0 0 4px 25px;
    line-height: 1.5em;
}

#footer {
    width: 878px;
    font: normal 65% 'lucida sans unicode', arial, sans-serif;
    height: 20px;
    padding: 5px 0 0px 0;
    text-align: center; 
    background: #29425E url(footer.png) repeat-x;
    color: #FFF;
    letter-spacing: 0.1em;
}

#footer a {
    color: #FFF;
}

#footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

.search {
    color: #5D5D5D; 
    border: 1px solid #BBB; 
    width: 134px; 
    padding: 4px; 
    font: 100% arial, sans-serif;
}

#colours {
    height: 0px;
    text-align: right;
    padding: 66px 16px 0px 300px;
}
  
.form_settings { margin: 15px 0 0 0;}

.form_settings p { padding: 0 0 4px 0;}

.form_settings span {
    float: left; 
    width: 200px; 
    text-align: left;
}
  
.form_settings input, .form_settings textarea {
    padding: 5px; 
    width: 299px; 
    font: 100% arial; 
    border: 1px solid #E5E5DB; 
    background: #FFF; 
    color: #47433F;
}
  
.form_settings .submit {
    font: 100% arial; 
    border: 1px solid; 
    width: 99px; 
    margin: 0 0 0 212px; 
    height: 33px;
    padding: 2px 0 3px 0;
    cursor: pointer; 
    background: #0B2161; /* #5B7102; */
  	color: #FFF;
}

.form_settings textarea, .form_settings select {
    font: 100% arial; 
    width: 299px;
}

.form_settings select {
    width: 310px;
}

.form_settings .checkbox {
    margin: 4px 0; 
    padding: 0; 
    width: 14px;
    border: 0;
    background: none;
}

.separator {
    width: 100%;
    height: 0;
    border-top: 1px solid #D9D5CF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 20px 0;
}
  
table { margin: 10px 0 30px 0;}

table tr th, table tr td {
    background: #3B3B3B;
    color: #FFF;
    padding: 3px 3px;
    text-align: left;
}
  
table tr td {
    background: #F0EFE2;
    color: #47433F;
    border-top: 1px solid #FFF;
}