/* CSS Document */

body, html, * {margin:0; padding:0;}
body, html {height:100%;}
html {height:100%;}
body {min-height:101%;}
body {background-color:#001722; text-align:center; font-family:arial,helvetica,sans-serif; font-size:12px; color:#000;}
#headerbox {width:100%; background:url(../coreimg/anzacSilhouette.gif) no-repeat right 20px #002F42;}
#header {height:155px; width:993px; margin:0 auto;}

#flashheader {position:absolute; margin-left:120px;}

#mainbox {margin:0 auto; width:993px; background:url(../coreimg/staredge.gif) no-repeat left top; text-align:left;}
#main {background-color:#fff; margin:0 10px 0 53px;}

.wrapper {margin:20px auto 35px auto; clear:both; width:900px;}
.sidebar {float:left; width:180px;}
.content {float:right; width:700px; margin:15px 0 0 0; text-align:justify;}
body#route .content {margin:0;}

.columnL {float:left; width:340px;}
.columnR {float:right; width:340px;}

.gradient{ background:url(../coreimg/gradient-blue.gif) repeat-x center top #4b8da1; text-align:left; padding:15px 20px;}
.gradient p{color:#fff;}
img.right{float:right;}

.logobar {border-top:2px solid #001722; text-align:center;}
.logobar img {margin:5px 0;}
#footer {background-color:#001722; text-align:center; padding:5px 0; color:#fff; font-size:10px;}
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:active {color:#FCC000;}
#footer span {margin:0 10px 0 0;}
#footer a {margin:0 10px 0 0; text-decoration:none;}

#flashcontentbox {width:639px; height:463px;}
#flashcontent {position:absolute; width:639px; height:535px;}
#flashfooter {position:absolute; margin-top:-45px;}

/* * === NAV === * */
ul#nav {list-style:none; width:900px; margin-left:15px; height:30px;font-size:12px;}
ul#nav li {position:relative; float:left; list-style:none; background:url(../coreimg/navtab_left.gif) no-repeat bottom left #001722; margin:0 1px 0 0;}
ul#nav li a {display:block; float:left; height:30px; line-height:30px; padding:0 13px; background:url(../coreimg/navtab_right.gif) no-repeat right bottom; text-decoration:none}

ul#nav a:link, ul#nav a:visited {color:#fff;}
ul#nav a:hover, ul#nav a:active {color:#FCC000;}

body#route ul#nav a.currentRoute,
body#mission ul#nav a.currentMission,
body#runningclub ul#nav a.currentRunningclub,
body#westernfront ul#nav a.currentWesternfront,
body#hotchkiss ul#nav a.currentHotchkiss,
body#charities ul#nav a.currentCharities,
body#sponsors ul#nav a.currentSponsors,
body#contact ul#nav a.currentContact {color:#FCC000;}

ul#runningsubnav {list-style:none; margin:0; padding:0;}
ul#runningsubnav li {list-style:none; float:left;  margin:0; padding:0;}
ul#runningsubnav li a {display:block; height:50px; margin:10px 5px 10px 0; border-bottom:none;}
ul#runningsubnav li a.personnel, ul#runningsubnav li a.personnelselected {width:194px;}
ul#runningsubnav li a.runclub, ul#runningsubnav li a.runclubselected {width:289px;}
ul#runningsubnav li a.theteam, ul#runningsubnav li a.theteamselected{width:181px;}

ul#runningsubnav li a.personnel:link, ul#runningsubnav li a.personnel:visited {background:url(../coreimg/btn_personnel.gif) no-repeat left top;}
ul#runningsubnav li a.personnel:hover, ul#runningsubnav li a.personnel:active, ul#runningsubnav li a.personnelselected {background:url(../coreimg/btn_personnel_over.gif) no-repeat left top;}

ul#runningsubnav li a.runclub:link, ul#runningsubnav li a.runclub:visited {background:url(../coreimg/btn_runningclub.gif) no-repeat left top;}
ul#runningsubnav li a.runclub:hover, ul#runningsubnav li a.runclub:active, ul#runningsubnav li a.runclubselected {background:url(../coreimg/btn_runningclub_over.gif) no-repeat left top;}

ul#runningsubnav li a.theteam:link, ul#runningsubnav li a.theteam:visited {background:url(../coreimg/btn_theteam.gif) no-repeat left top;}
ul#runningsubnav li a.theteam:hover, ul#runningsubnav li a.theteam:active, ul#runningsubnav li a.theteamselected {background:url(../coreimg/btn_theteam_over.gif) no-repeat left top;}



/* * == SIDEBAR == * */
.sidebutton {padding:10px 0 0 0;}
.sponsorlogos {margin-top:15px; text-align:center;}
.sponsorlogos img {margin:5px 5px;}

/* * == TYPOGRAPHY == * */
ol, .content ul {margin:0 0 0 20px;}

ol li, .content ul li {line-height:1.5; padding-bottom:5px;}
.highlight {background-color:#FFFAC9; padding:10px; margin:20px 0 10px 0;}

h1 {font-weight:normal; font-size:25px; color:#001722; background:url(../coreimg/headingBG.gif) no-repeat right bottom; height:32px; margin:0 0 15px 0;}
h2 {font-size:18px; font-weight:normal; margin:10px 0;}
h3 {font-size:16px; font-weight:normal; margin:10px 0;}
h4 {font-size:16px; font-weight:normal; color:#fff; margin:10px 0;}

/* * == GENERAL STYLES ==* */
a {text-decoration:none;}
.content a:link {color:#002F42; border-bottom:1px solid #D0ECE7;}
.content a:visited {color:#559AAE; border-bottom:1px solid #D0ECE7;}
.content a:hover, .content a:active {color:#FCC000; border-bottom:1px solid #FBFDDD;}

p {line-height:1.5; margin-bottom:7px;}
img, img a, a img {border:none;}
.clear {clear:both; height:1px;}
a.top {text-decoration:none;}
a.top:link,  a.top:visited {color:#559AAE;}
a.top:hover, a.top:active {color:#FCC000;}

img.charitylogo {margin:10px 0 0 0;}

.spacer {padding:0 20px;}

.blue {color:#559AAE;}
.underlinegrey {border-bottom:1px solid #ccc;}


/* * ==FORMS == * */
input, textarea, select {font-size:10px;font-family:arial,helvetica,sans-serif;}
input {border:1px solid #ccc;}
input.gobtn {width:20px; margin-left:2px;}

.googlesearchinput {background: rgb(255, 255, 255) url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width:120px; margin-left:2px; padding:2px;}

/* * == TABLES * */
table.teammembers {width:98%; border:none;}
table.teammembers td {padding:5px; vertical-align:middle; border-bottom:1px solid #001722;}
table.teammembers p {margin:0 0 5px 0;border-bottom:1px dotted #ccc;}
table.teammembers td.name {font-weight:bold; text-align:center;}
table.teammembers td.name a {text-decoration:none; border:none;}
table.teammembers p.nounderline {border-bottom:none;}
.teammembersblue {background-color:#DFF7FA;}
.teammembersyellow {background-color:#FFF9E6;}