/**
 * Liverpool Flying School
 *
 * $Id: styles.css 707 2020-07-13 16:44:58Z daveleachdamilcouk $
 */

@import url(/dhlib/css/common.css);
@import url(/dhlib/css/shadows.css);

/**
 *
 * LAYOUT
 *
 */

html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;    
    /* font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;  */
    font-family: 'Lato', Arial, Helvetica, Sans-serif;
    font-size: 85%;
    color: #333;
    text-align: center;
    min-width: 960px; 
    height: 100%;   
    /* background: #b40202 url(/images/bg_christmas.jpg) no-repeat; */
    background: #eee url(/images/bg_shadow_960.jpg) repeat-y center;
}
#wrapper {
    margin: 0;    
    min-height: 100%;
}
#wrapper_inner {
    width: 960px;
    text-align: left; 
    margin-bottom: 20px;   
    margin: 0 auto;
    background-color:#fff;
}    
#header {
    margin: 0;   
    position: relative;
    min-height: 110px;    
}
#header #logo {
    float: left;
    margin: 2px 0 0 2px;
}
#header_images {
    clear: right;
    float: right;
    padding: 8px 8px 0 0;
} 
#page_title {
    clear: both;
    padding-left: 0px;
}
#page_title img {
    padding: 0 5px 0 0;
    vertical-align: top; 
}
#main {
    clear: both;
    float: left;
    padding: 0;
    width: 940px;
}
#content {
    clear: both;
    text-align: left; 
    margin: 0 auto;
    overflow:hidden;
    padding: 0px 10px 170px 10px;  /* 'b' to be 10px more than footer height */ 
}
#content p,
#content form {
    line-height: 1.5em;
    padding-bottom: 10px;
}
#content table {
    line-height: 1.5em;
}
#footer {
    margin: 0;    
    position: relative;
    margin-top: -160px; /* negative value of footer height (incl border) */
    height: 160px;
    clear:both;
    color: #999;
    background-color: #333; 
}
#footer_inner {
    width: 960px;
    clear: both;
    font-size: 95%;
    line-height: 1.5em;
    margin: 0 auto;
    text-align: left;
    vertical-align: top; 
    padding: 10px 0 0 0;
}
#footer_inner i {
    margin-right: 10px;
}    
#footer_inner div.section {
    float: left;
    vertical-align: top;
    margin-right: 80px;
}    
#footer_images {
    margin-top: 10px;
    text-align: right;
}
#footer_images img {
    padding-left: 8px;
    vertical-align: top;   
}

/* Opera Fix */
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px; /* thank you Erik J - negate effect of float*/
}

/*
 *
 * NAVIGATION
 *
 */

/* == Main Menu == */
#nav {
    clear: both;
    float: left;
    margin: 10px 0 0 0;
    width:960px;
    padding: 0;
    color: #333;
    font-size: 110%;
    font-weight: bold;
    list-style-type: none;
    border: none;
    background-color: #ddd;
/*
    text-shadow: 0px 1px 1px #ccc;
    background-image: -moz-linear-gradient(top, #ddd, #999);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#999));
*/    
} 
#nav ul {
    list-style:none;
    float:left;
    width:100%;
    margin: 0;
    padding: 0;	
}
#nav ul li{
    float:left;
    position:relative;
    margin: 0 2px 0 0;
    padding: 0;
    line-height: 32px;
    list-style-type: none;
}
#nav ul a{
    float: left;
    width: 110px;
    margin: 0;
    padding: 0;        
    text-decoration: none;
    text-align: center;
}
#nav ul a:link,
#nav ul a:visited,
#nav ul a:active {
    color:#333;
}
#nav ul a.current {
    color:#111;
    background-color: #bbb;
/*
    background-image: -moz-linear-gradient(top, #999, #ccc);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#ccc));
*/
}
#nav ul a:hover {
    color:#111;
    background-color: #ccc;
}

/* Dropdown */

#nav ul ul{
    z-index:99;
    background-color: #fff;
    list-style:none;
    position:absolute;
    width: 170px;
    top: 32px;
    border: none;
    left:-9999px;  /* Hide it by placing it out of vision */
}
#nav ul ul li{
    padding: 1px;
    float:none;
    margin: 0;
}
#nav ul ul a{
    white-space:nowrap;
    width:100%;
    text-align: left;
    padding: 0;
    padding-left: 5px;
    padding-right: 1px;
    border-bottom: 1px solid #fff;
    background-color: #ddd;
}
#nav ul li:hover ul {
    left:0; /* Display it on hover by bringing it back into vision */
}


/* == Top Menu == */

#top_nav {
    background-color: transparent;
    text-align: right;
    vertical-align: top;
    margin: 3px 3px 0 0;   
}
#top_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom:5px;
}
#top_nav li {
    display: inline;
    padding-left: 2px;
    color: #000;         /* divider colour */
}
#top_nav a:link,
#top_nav a:visited,
#top_nav a:active {
    color: #999;
    background-color: transparent;
    text-decoration:  none;
}
#top_nav a:hover {
    background-color: transparent;
    text-decoration: underline;
}

/* == Footer Menu == */

#footer_nav {
    clear: both;
    background-color: transparent;
    text-align: center;
    margin-top: 110px; 
    vertical-align: bottom;   
}
#footer_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer_nav li {
    display: inline;
    padding-left: 2px;
    color: #666;         /* divider colour */
}
#footer_nav a:link,
#footer_nav a:visited,
#footer_nav a:active {
    color: #999;
    background-color: transparent;
    text-decoration:  none;
}
#footer_nav a:hover {
    background-color: transparent;
    text-decoration: underline;
}

   
    
/**
 * 
 *  TABLES
 *
 */
 /*
table {
    border-collapse:collapse;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
tr {
    border-top: 1px solid #ddd;
}
td.lhs {
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 3px 30px 3px 2px;
}
td.mid {
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 3px 10px 3px 10px;
}
td.rhs {
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 3px 30px 3px 10px;
}
*/

/*
 *
 * Sundry
 *
 */ 
a:link    { color: #00F; }
a:visited { color: #00F; }
a:active  { color: #00F; }
a:hover   { color: #D00; }

a.no_change {
    border: none;
    text-decoration: none;
}
a.no_change:hover {
    border: none;
    text-decoration: none;
}
a.external {
    background: url(/images/external_link.png) no-repeat right center;
    padding-right: 1em;
}
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active,
a.footerlink:hover {
    color: #999 !important;
    background-color: transparent;
    text-decoration:  none;
}
a.footerlink:link i,
a.footerlink:visited i,
a.footerlink:active i,
a.footerlink:hover i {
    font-size: 125%;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
    color: #339;
    background-color: transparent;
}
h1      { 
    font-weight: normal;
    font-family: 'Concert One', cursive;
    font-size: 2em; padding: 5px 0 5px 0; 
}
h2      { font-size: 1.4em; padding: 10px 0 5px 0; }
h3      { font-size: 1.2em; padding: 10px 0 5px 0; }
h4      { font-size: 1.0em; padding: 10px 0 5px 0; }
h5, h6  { font-size: 0.8em; padding: 10px 0 5px 0; } 
h1 a:link,
h1 a:visited,
h1 a:active
 {
    color: #339;
    text-decoration: none;
}
h1 a:hover {
    text-decoration: underline;
}
a img {
    border: none;
}  
img.shadow {
    -webkit-box-shadow: 5px 5px 5px #999;
       -moz-box-shadow: 5px 5px 5px #999;
            box-shadow: 5px 5px 5px #999; 
} 
.site_name {
    font-weight: bold;
}    
span.damil {
    color: #999;
    text-align: right;
    float: right;
    font-size: 90%;
}
span.damil a {
    color: #999;
    font-weight: bold;
    text-decoration: underline;
    background: none;
    padding-right:6px;
}
span.damil a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
div.infobox {
    display: inline-block;    
    background-color: #eee;
    border: 1px solid #999;
}
div.infobox p {
    margin: 0;
    padding: 5px;
}    
#warning_message {
    display: inline-block;
    color: #c00;
    text-align: left;    
    vertical-align: middle;
    color:#d12f19;    
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    margin-bottom: 10px;
}
#warning_message p {
    margin: 0;
    padding: 5px;
}    
#warning_message img {
    vertical-align: middle;
}
#login_info .login_username {
    font-weight: bold;
}
#login_info a {
    color: inherit;
}
ul {
    padding-bottom:5px;
}
ul li {
    line-height:1.5em;
}   

#covid-19 {
    clear: both;
    background-color: #DFD;
    border: 1px solid #060;
    padding: 20px;
    padding-top: 0;
    margin: 0 50px;
}
#covid-19 h4 {
    color: #060;
}