* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
height: 100%;
background: #FFFFFF url('../img/hd-bg.gif') repeat-x 0 0;
text-align: left;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
min-width: 960px;
}

a:link, a:visited {
color: #005890;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

address {
line-height: 2;
text-align: left;
margin: 0.3em 1em;
}

.noscreen {
display: none;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0;
font-size: 0; 
content: ' ';
}


/* Images */

img
{
   border:none;
}

img.frontdisplay{
   display: block;
    margin-left: auto;
    margin-right: auto ;
}

/* Wrapper */

#wrapper {
margin: 0 auto;
}


/* Headings, paragraphs */

h1 {
font: 2.7em Georgia, "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
color: #FFFFFF;
padding: 105px 0 4px 0;
margin: 0 0 0 4px;
border-bottom: 0px solid #D74A4D;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #FFFFFF;
font-weight: normal;
}

h2 {
font-size: 1.9em;
font-weight: normal;
color: #CD0000;
margin-top: 5px;
margin-bottom: 3px;
}

h3.sub {
font: 1.4em Georgia, "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
color: #3A3A3A;
margin-bottom: 10px;
background: none;
padding: 0;
}

h3 {
font: 1.4em Georgia, "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
color: #3A3A3A;
margin-bottom: 10px;
background-color: #E3F5FF;
padding: 3px 0 3px 7px;
}

h5 {
font: 1.2em Verdana, sans-serif;
color: #3A3A3A;
margin-bottom: 10px;
background-color: #E3F5FF;
padding: 3px 0 3px 7px;
}

h4 {
font: bold 1.1em Arial, Helvetica, sans-serif;
letter-spacing: 1px;
margin-bottom: 5px;
background-color: #CD0000;
color: #FFFFFF;
padding: 6px 0 6px 10px;
width:100%;
}

h4.nobg { 
background: none;
padding: 0;
color: #000000;
}


h6 {
font: bold 1.1em Arial, Helvetica, sans-serif;
letter-spacing: 1px;
margin-bottom: 5px;
background-color: #A0A0A0;
color: #FFFFFF;
padding: 6px 6px 6px 10px;
width:100%;
}

h6.nobg { 
background: none;
padding: 0;
color: #000000;
}

p {
line-height: 1.8;
color: #252525;
margin-bottom: 10px;
}


/* Header */

#header {
width: 960px;
height: 149px;
margin: 0 auto;
position: relative;
text-align: left;
background: #C70000 url('../img/Legion_header_02.png') repeat-x 0 0;
}

#LeftCorner {
width: 960px;
height: 100%;
margin: 0 auto;
position: relative;
text-align: center;
background: #C70000 url('../img/theroyalbritishlegionlogo_01.jpg') repeat-x 0 0;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#header p.title {
color: white;
line-height: 1.8;
position: relative;
z-index: 2;
padding: 5px 0 0 0;
margin: 0 0 0 5px;
font: 1.3em Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
letter-spacing: 1px;
}


/* Menu */

#menu-box {
background-color: #EEEEEE;
border-bottom: 1px solid #BBBBBB;
}

#menu {
width: 960px;
margin: 0 auto;
list-style: none;
text-align: center;
font: 1.2em Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
}

#menu li {
display: inline;
text-align: center;
line-height: 34px;
}

#menu li a {
float: left;
display: block;
color: #474747;
font-weight: normal;
padding: 0 10px;
border-right: 1px solid #BBBBBB;
text-decoration: none;
}

#menu li a.first {
border-left: 1px solid #BBBBBB;
}

#menu li a:hover {
color: #006BA3;
}

#menu li a.active {
background-color: #ADDEFF;
color: #202020;
}


/* 3 columns layout */

#content {
width: 960px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
}

#content1 {
width: 300px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
}


#column-1 {
float: left;
width: 630px;
}

#column-99 {
float: left;
width: 600px;
}

#column-2 {
float: right;
width: 200px;
}

#column-loc {
float: right;
width: 330px;
}

#column-footer {
position:relative;
left:650px;
top:-50px;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #BBBBBB;
}

#column-news {
float: right;
width: 330px;
padding-bottom: 5px;
}

#column-1, #column-2, #column-loc { padding-bottom: 5px; }

#column-2 #column-21 { float: left; width: 212px; margin-top: 0.6em; font-family: Arial, Helvetica, sans-serif; }
#column-2 #column-22 { float: right; width: 234px; margin-top: 1em; }

#column-loc #column-21 { float: right; width: 320px; margin-top: 0.6em; font-family: Arial, Helvetica, sans-serif; }
#column-loc #column-22 { float: right; width: 234px; margin-top: 1em; }

#column-news #column-21 { float: right; width: 320px; margin-top: 0em; font-family: Arial, Helvetica, sans-serif; }
#column-news #column-22 { float: right; width: 234px; margin-top: 1em; }

#column-1 div.content { margin: 1em 1.7em 0 0; }
#column-21 div.content{ margin: 0.4em 0.8em 1.2em 0.5em; }
#column-22 div.content { margin: 0.4em 0 1.2em 1.5em; }
#column-99 div.content { margin: 0em 1.7em 0 0; }
/* Right menu */

ul.r-list { list-style: none; margin: 12px 0 35px 0; }

ul.r-list li { margin-bottom: 10px; }

ul.r-list li a, ul.r-list li a:visited {
display: block;
padding: 8px 10px 9px 10px;
text-decoration: none;
font-weight: normal;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

height: 1%; /* The Holly Hack for IE 6 */
}

ul.r-list li a:hover {
border-right: 1px solid #909090;
border-bottom: 1px solid #909090;
}

ul.r-list li a.active {
background-color: #E3F5FF;
}


/* Definition list - middle columns (News) */

#column-21 dl { margin: 8px 0 20px 1px; }
#column-21 dt { font-weight: bold; margin: 0 0 1px 0; }
#column-21 dd { margin: 0 0 11px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #909090; line-height: 1.5; }
#column-21 dd a, #column-21 dd a:visited { color: #101010; font-weight: normal; text-decoration: none; }
#column-21 dd a:hover { text-decoration: underline; }


/* Gallery */

.galerie { margin: 10px 0 0 0; }

.foto {
float: left;
display: table-row;
width: 122px;
height: 100px;
margin: 0 38px 16px 0;
background-color: white;
position: relative;
}

.foto img { border: 1px solid red; }
.foto a:hover img { border: 1px solid #606060; }

/* Gallery Main */
.gallery { margin: 0px 0 0 0; }

.photo {
float: left;
display: table-row;
width: 60px;
height: 45px;
margin: 0 10px 16px 0;
background-color: #606060;
position: relative;
}

.photo img { border: 1px solid red; }
.photo a:hover img { border: 1px solid #606060; }



.fotodisplay img { border: 1px solid red; }
.fotodisplay a:hover img { border: 1px solid #606060; }


/* Footer */

#footer {
background-color: #C70000;
height: 90px;
border-top: 6px solid #910000;
}

#footer-in {
width: 960px;
margin: 0 auto;
font: 1.2em Georgia, "Times New Roman", Times, serif;
border-top: 6px solid #C70000;
}

#column-1 ul {
   list-style-position: inside;


}
#column-1 ul li {
   padding: 5px 0px 0px 30px;
}


#footer-in ul {
list-style: none;
padding: 10px 0 0 0;
text-align: left;
font-size: 0.9em;
float: left;
width: 650px;
color: #FBFBFB;
}

#footer-in ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer-in ul li a, #footer-in ul li a:visited {
color: #FBFBFB;
margin: 0 8px;
font-weight: normal;
}

#footer-in p.print {
float: right;
text-align: right;
width: 240px;
padding: 10px 0 0 0;
line-height: 1;
margin: 0;
color: #FFFFFF;
}

#footer-in p.print a, #footer-in p.print a:visited {
color: #FBFBFB;
font-weight: normal;
}

#footer-in p#backs {
line-height: 1;
margin: 45px 0 0 0;
color: #DBC8C8;
font-size: 0.8em;
}

#footer-in p#backs a, #footer-in p#backs a:visited {
color: #DBC8C8;
font-weight: normal;
padding: 0 1px;
}

#footer-in p#backs a:hover {
color: #FFFFFF;
}
#menufooter {
width:20px;
position:relative;
height:0px;
margin:0px auto;
}
#menufooter a:visited, #menufooter a {
text-decoration:none;
color:#d00;
font-weight:bold;
background-color:#800000;
}
#menufooter a:visited img, #menufooter a img{
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.40; opacity:0.4;
}
#menufooter a:hover {
background-color:transparent; color:red;
}
#menufooter a span {
display:none;
}
#menufooter a:hover span {
display:block;
position:absolute;
top:30px;
left:0px;
font-size:12px;
height:18px;
padding:4px;
font-weight:normal;
color:#E6E6E6;
}

#menufooter a:hover img {
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }