/* TODO : Update the media-width stuff so that our body is never more than 800px wide, but always centered */
.rounded-corners {
     -moz-border-radius:    7px;
    -webkit-border-radius:  7px;
    -khtml-border-radius:   7px;
    border-radius:          7px;
}
.shadow {
    -moz-box-shadow:        3px 3px 4px #888;
    -webkit-box-shadow:     3px 3px 4px #888;
    box-shadow:             3px 3px 4px #888;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}
.centered {
    text-align:             center;
}
.bottom-right {
    position:               absolute;
    bottom:                 0.4em;
    right:                  0.4em;
}
html {
}
body {
    width:                  800px;
    position:               relative;
    left:                   50%;
    margin-left:            -400px;
    font-family:            sans-serif;
    background:             #bcd3e2;
}
#page {
    background:             #a0c2e6;
    height:                 100%;
    width:                  auto;
    padding:                1em;    
}
.badminton_england {
    background-color:       #c50c2e;
    border:                 0.7em solid #c50c2e;
}
a img {
    text-decoration:        none;
}
img.float {
    float:                  left;
    position:               relative;
}
.sub-header {
    border:                 thick solid #e0e0e0;
    background:             #d0d0d0;
}
.sub-header h2 {
    margin:                 0.1em;
}
.sub-header h3 {
    margin:                 0.1em;
    font-style:             italic;
}
#banner h1 {
    line-height:            96px;
    font-size:              320%;
    background:             #a0c2e6;
    background-image:       url('images/blue_fade.png');
    background-repeat:      repeat-x;
    font-family:            sans-serif;
    color:                  white;
    text-align:             center;
    height:                 96px;
    text-shadow:            3px 3px 4px #2b4d6f;
    margin-top:             0.1em;
    margin-bottom:          0.1em;
}
h2 {
    font-family:            sans-serif;
    text-align:             center;
}
h3 {
    font-family:            sans-serif;
    text-align:             center;    
}
#content {
    display:                block;
    background:             #a0c2e6;
    margin-left:            230px;
    margin-top:             1.0em;
    margin-bottom:          1.0em;
    padding:                0.4em;
    border:                 thin solid white;
    min-height:             400px;
    width:                  auto;
    position:               relative;
}
#content h1 {
    margin:                 0.1em;
}
#links {
    float:                  left;
    width:                  210px;
    position:               relative;
}
#links ul {
    list-style:             none;
    margin-left:            0;
    padding-left:           0;
}
#links li {
    font-family:            sans-serif;
    background:             #a0c2e6;
    background-image:       url('images/blue_fade.png');
    background-repeat:      repeat-x;
    padding:                0.3em;
    margin-top:             1em;
    margin-bottom:          1em;
}
#links ul a {
    font-weight:            bold;
    color:                  white;
    text-decoration:        none;
}
#links ul a:hover {
    text-decoration:        underline;    
}
a {
    /* Because some versions of IE suck so much that they adopt the above 'color: white' */
    /* for 'a's that AREN'T in a 'ul' and AREN'T in the div with id 'links'              */
    color:                  blue;
}
.current {
    font-style:             italic;
}
#content h1 {
    font-size:              140%;
}
#content h2 {
    font-size:              120%;
    text-align:             left;
    border-bottom:          thin solid black;
}
#content h3 {
    font-size:              100%;
    text-align:             left;
    margin-bottom:          0.3em;
}
#content p {
    margin-top:             0.3em;
}
#footer {
    width:                  100%;
    background:             #a0c2e6;
    background-image:       url('images/blue_fade_small.png');
    background-repeat:      repeat-x;
    font-family:            sans-serif;
    text-align:             center;
    color:                  white;
    padding-top:            0.5em;
    padding-bottom:         0.5em;
    margin-top:             0.4em;
    margin-bottom:          0.4em;
    line-height:            26px;
}

#overlay {
    background:     #000;
    display:        none;
    text-align:     center;
    position:       fixed;
    top:            0;
    left:           0;
    width:          100%;
    height:         100%;
}

#map_container {
    background:     #FFF;
    display:        none;
    border:         thin solid white;
    margin:         2em;
    padding:        2em;
    position:       absolute;
    top:            40%;
    left:           50%;
    margin-left:    -350px;
    margin-top:     -250px;
}

#slideshow {
    position:       relative;
    left:           0;
    top:            0;
    margin-top:     80px;
}
#slideshow img {
    position:       absolute;
    top:            0px;
}
/* Screen-size sensitive stuff */
/*
@media screen and (max-width: 800px) {
	#banner h1 { font-size: 240%; }
}
	
@media screen and (max-width: 600px) {
	#banner h1 { font-size: 160%; }
}
	
@media screen and (min-width: 1024px) {
	#banner h1 { font-size: 340%; }
	
}
*/
/* Un-popular bold text */
/*
@media screen and (min-width: 1024px) {
    #content p { font-weight: bold; }
}
*/