* { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Arial, sans-serif; }
 
h1, h2 { font-size: 3em; }
#page #mainimage #member h2 { font-size: 1.8em; }
h3 { font-size: 1.8em; }ne
h4 { font-size: 1.1em; }
#content h4 { font-size: 1.1em; color: #069bf7;}
p { line-height: 1.7em; font-size: 1.1em; }
a { font-size: 1.1em; color: #069BF7; outline: none; }
p a { font-size: 1em; }

.clearfix:after { content: "."; display: block; height: 0em; clear: both; visibility: hidden; }

#page { width: 79.5em; margin: 1em auto; padding: 0 0 2em 0; }   

#page #header { height: 11em; padding-bottom: 1em;}

#page #header #skip { display: none; }

#page #header #logo { float: left; width: 19.9em; height: 9.9em; }
#page #header #logo h1 a { outline: none; display: block; width: 19.9em; height: 9.9em; text-indent: -9999px; background: url("/static/ndg.gif") no-repeat 1.3em 0.2em; } /*1.7em*/

#page #header #menu { float: right; margin-top:3em;}
#page #header #menu ul { list-style-type: none;}
#page #header #menu ul li { float:left; padding: 3.2em 0 0 1em;}
#page #header #menu ul li:first-child { padding-left: 0;}
#page #header #menu ul li a { letter-spacing: 0.1em; text-transform: uppercase; width: 9em; padding-top: 1.3em; font-weight: bold; font-size: 1.2em; color: #000000; text-decoration: none; display: block; background:url("/static/menu.gif") repeat-x left top; }
#page #header #menu ul li a span { letter-spacing: 0em; color: #97B0CF; display: block; text-transform: none; font-size: 0.9em;}
#page #header #menu ul li a:hover { background:url("/static/menu_hover.gif") repeat-x left top; }
#page #header #menu ul li#current a { background:url("/static/menu_on.gif") repeat-x left top; }

#page #mainimage { margin-bottom: 1.5em; }
#page #mainimage #member { padding: 2em 1.5em; width: 29.8em; height: 17.6em; float: left; background:url("/static/img03.jpg") repeat-x left top;}
#page #mainimage #member p { padding-bottom: 0.5em; }
#page #mainimage #member a { font-size: 1em; color: #069BF7; }
#page #mainimage #member img { float: none;}
#page #mainimage img { display: block; float: right;}

#page #homecontent,
#page #content { margin-top: 0.5em;  padding-left: 1em;}
#page #homecontent #homeleft,
#page #content #left { width: 30.6em; padding-right: 1em; float: left;}
#page #homecontent #homeleft ul { list-style-type: none; }
#page #homecontent #homeleft ul li { padding-bottom: 2em; }
#page #homecontent #homeleft ul li h4 { color: #069BF7; }
#page #homecontent #homeleft ul li:first-child { padding-top: 0.5em; }
#page #homecontent #homeleft ul li a { float: right; font-size: 1em; } 

#page #homecontent #homeright,
#page #content #right { width:45em; float: right; }

#page #homecontent div.spotlight { float: left; width: 14em; background-image: url(/static/spotlight_side.png); }
#page #homecontent div.middle { margin: 0 1em;}
#page #homecontent div.spotlight h3 { font-size: 1.5em; height: 1.7em; position: relative; }
#page #homecontent div.spotlight h3 a { font-size: 1em; }
.sIFR-hasFlash #page #homecontent div.spotlight h3 { visibility: visible; }
#page #homecontent div.spotlight h3.comp span { background-image: url(/static/competition.png); position: absolute; width: 100%; height: 1.7em; }
#page #homecontent div.spotlight h3.train span { background-image: url(/static/training.png); position: absolute; width: 100%; height: 1.7em; }
#page #homecontent div.spotlight h3.event span { background-image: url(/static/special_events.png); position: absolute; width: 100%; height: 1.7em; }
#page #homecontent div.spotlight p { color: #4F4F4F; font-weight: bold; text-align: center; padding: 2em 1em 0.5em 1em; font-size: 1.1em; }
#page #homecontent div.spotlight p em { display: block; color: #4F4F4F; font-size: 3em; font-weight: bold; font-style: normal; }
#page #homecontent div.spotlight div { background-image: url(/static/spotlight_bottom.png); height: 0.9em; }


#page #content a#newsback { display: block; margin-top: 2em; text-align:right; }
#page #content ul#committee { margin-top: 2em; list-style-type: none; font-size: 1.1em; }
#page #content #right ul#committee li { width: 20em; float: left; }
#page #content ul#committee p { font-size: 1em; }
#page #content ul#committee li,
#page #content ul#social li { margin-bottom: 2em;}
#page #content ul#committee li img,
#page #content ul#social li img { float: left; }
#page #content ul#committee li span { font-weight: bold; color:#011F36; }
#page #content ul#committee li a {font-size: 1em;}

#page #content ul#social { list-style-type: none; }
#page #content ul#social img { padding-right: 1em;}

#page #content #quicknav {position: relative; margin-bottom: 2em;}
#page #content #quicknav ul {  list-style-type: none; }
#page #content #quicknav ul li { float: left; margin: 0 2em 0.5em 0;}
#page #content #quicknav ul li.firstnav,
#page #homecontent #homeleft ul li h4  { font-size: 1.1em; }

#pager { float: right; margin-top: 1em; }
table, tr, th, td { border-width: 0; border-style: none; border-spacing: 0;}
th { padding: 0.5em; background-color: #E0E7EF; }
td { padding: 0.5em; }
td, th { font-size: 1.1em; }
th { text-align: left; }
tr.alternate { background-color: #EFEFEF; }
tr.withdrawn { color: grey; }
tr.junior { color: darkgreen; }
td a  {font-size: 1em; }
td p {font-size: 1em; }

#page #footer { margin-top: 1em; }
#page #footer #left { background: url(/static/bottom_left.gif) repeat-x top; float: left; width: 30.8em; padding: 2em 1em;}
#page #footer #right { background: url(/static/bottom_right.gif) repeat-x top; float:right; width:44em; padding: 2em 1em;}
#page #footer #middle { padding-top: 2em; float: none; clear:both; text-align: right; }
#page #footer ul { list-style-type: none; }
#page #footer #left li { float: left; padding-right: 1em; }
#page #footer #right li { float: right; padding-left: 1em; }
#page #footer li a { color: #011F36; text-decoration: none; font-weight: bold;}
#page #footer #left li:first-child { font-size:1.1em; }
#page #footer li a:link {color:#011F36}    /* unvisited link */
#page #footer li a:hover {color:#F4B221}   /* mouse over link */
#page #footer li.current a {color:#F4B221}

.galleria{list-style:none;width:190px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{ font-size: 1.1em; float: right; }
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:190px;float:left;} /* height:388px; overflow:hidden; width:190px;}*/
.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_container{float:right;}

.nav{clear:both;}
.nav{position:relative; margin-bottom: 1em;}
.nav a#prev { float:left; margin-right:1em;}

.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}

.demo{position:relative;margin-top:2em;}


#sitemap ul { margin: 1em; padding: 1em; }
#sitemap ul li { margin-bottom: 1em; }

#feedbackform label { font-size: 1.1em; }
#feedbackform input, #feedbackform textarea { display: block; }
#feedbackform input[type="checkbox"] { display: inline; }
#feedbackform input[type="submit"] { text-transform: uppercase; font-size: 1.1em; border: solid 1px #011F36; background-color: #011F36; color: #FFFFFF;  padding: 0.5em;}

#feedbackform
{
    background-color: #d6e5f4;
    padding: 1em 1em 1em 1em;
    margin-bottom: 2em;
}

#feedbackform input[type="text"], #feedbackform textarea
{
    margin-bottom: 0.5em;
    display: block;
    padding: 0.5em;
    border: solid 1px #85b1de;
    width: 31em;
}

#feedbackform textarea { height: 10em; font-family:arial;
font-size:1.3em;
height:10em;
width:31.5em;
}

.CheckBoxLabel 
{
display: block;
margin-bottom: 0.8em;
}

.CheckBoxLabel input 
{
      margin-left:0.7em;
}

.activeField
{
        border: solid 1px red;
}
.idle
{
    border: solid 1px #85b1de;
}

.ErrorSummary
{
      font-size: 1.1em;
      margin-bottom: 1em;
}

#ErrorHeader
{
      background: url('/static/error.gif') no-repeat;
      display:block;
            margin-bottom:-0.5em;
      font-size:1.3em;
      font-weight:bold;
      line-height:1.5em;
      text-indent:1.7em;
      text-transform:uppercase;
}

tr.pointsdate th { background-color: #CCFF99; }
tr.pointsvenue th { background-color: #FFFFB2; }




















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h3 {

}

.redunderlined {
color: red;
font-weight: bold;
text-decoration: underline;
}

