body {
    background: #120901 url(../images/background.jpg) no-repeat center top;
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 100%;
    color: #ddd;
    margin:0;
}

a {
    text-decoration: none;
    color: #f93;
}

a:hover {
    text-decoration: underline;
}

a img{
    border: 0;
}

p {
    margin: 0 0 15px;
}

ul{
    margin: 0 0 10px;
    list-style-position: outside;
    padding: 0 0px 0 20px;
}

h2 {
    padding: 0;
    margin: 0 0 6px;
    font-size: 30px;
    color: #f93;
}

h3 {
    padding: 0;
    margin: 0 0 4px;
    font-size: 21px;
	color: #17440b;
}

h4 {
    padding: 0;
    margin: 0 0 4px;
    font-size: 15px;
    color: #fff;
}

h1 a span {
    display:none;
}

table{}

tr{}

th{}

td{}

div.clear{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    line-height:1px;
    overflow:hidden;
    font-size:1px;
}

div.more-wrapper{
    text-align: right;
}

p.publish-date {
    font-size: 13px;
    color: #999;
}

p.publish-date span {
    font-style: italic;
}

#header{
    height: 168px;
    padding: 10px 0;
    position: relative;
}

#header #user{
    position: absolute;
    right: 10px;
    top: 0px;
    height: 21px;
    font-size: 13px;
    padding: 2px 5px;
    background-image: url(../images/background-user.png);
    color: #bbb;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

#header #user-left,
#header #user-right{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
}

#header #user-left{
    left: -25px;
    background-image: url(../images/background-user-left.png);
}

#header #user-right{
    right: -25px;
    background-image: url(../images/background-user-right.png);
}

#header #user a{
    color: #92c784;
}

#header h1{
    margin: 0;
}

#header h1 a {
    background-image: url(../images/logo.png);
    display: block;
    width: 524px;
    height: 51px;
    margin: 0;
    padding: 0;
}

#page-wrapper {
    width: 970px;
    margin: 0 auto;
}

#content-wrapper{
    margin-bottom: 40px;
}

#tab-wrapper{
    color: #333;
}

#tab-wrapper a{
    color: #af6923;
}

#tabs{
    background-image: url(../images/menu-matrix.png);
    background-position: -13px 0px;
    height: 50px;
    width: 970px;
    margin: 0;
    padding: 0;
    list-style: none none outside;
    position:relative;
}

#tabs li{
    position: absolute;
}

#tabs a{
    display: block;
    height: 34px;
    margin-bottom: 16px;
    background-position: 2px 0px;
    background-repeat: no-repeat;
}

#tabs #menu0{z-index:99; left: 002px;}
#tabs #menu1{z-index:98; left: 000px;}
#tabs #menu2{z-index:97; left: 160px;}
#tabs #menu3{z-index:96; left: 265px;}
#tabs #menu4{z-index:95; left: 462px;}
#tabs #menu5{z-index:94; left: 415px;}

#tabs li.active {
    z-index:100;
}

#tabs #menu0 a{background-image: url(../images/tab-championship.png); width: 212px;}
#tabs #menu1 a{background-image: url(../images/tab-about-wellington-oc.png); width: 175px;}
#tabs #menu2 a{background-image: url(../images/tab-membership.png); width: 120px;}
#tabs #menu3 a{background-image: url(../images/tab-about-orienteering.png); width: 165px;}
#tabs #menu4 a{background-image: url(../images/tab-members.png); width: 100px;}
#tabs #menu5 a{background-image: url(../images/tabs-schools-orienteering.png); width: 180px;}

#tabs li.active a,
#tabs li a:hover{
    background-position: 2px -50px;
}

#tabs a span{
    display: none;
}

#content{
    background-image: url(../images/background-tab-upper.png);
    background-position: center bottom;
}

#content-inner{
    background-image: url(../images/background-tab.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0 20px;
    min-height: 300px;
}

#main-column-wide{
    padding: 0 0px 5px 0;
    width: 900px;
}

#main-column{
    float: left;
    padding: 0 20px 5px 0;
    width: 560px;
}

#additional-column{
    float: right;
    width: 320px;
}

#support-column{
    float: right;
    width: 300px;
}

div.footer-column{
    float: left;
    margin-left: 3px;
}

#footer #latest-news,
#footer #upcoming-events{
    width: 290px;
    margin-right: 30px;
}

#additional-column #latest-news,
#additional-column #upcoming-events{
    width: 320px;
    margin-bottom: 20px;
}

#photos{
    width: 320px;
}

#latest-news h2,
#upcoming-events h2,
#photos h2{
    height: 46px;
    display: block;
    margin: 0;
}

h2 span{
    display: none;
}

#latest-news h2{
    background-image: url(../images/latest-news.png);
    width: 200px;
}

#latest-news h2.news-this{ background-image: url(../images/this-news.png); }
#latest-news h2.news-last{ background-image: url(../images/last-news.png); }
#latest-news h2.news-2008{ background-image: url(../images/2008-news.png); }
#latest-news h2.news-2009{ background-image: url(../images/2009-news.png); }
#latest-news h2.news-2010{ background-image: url(../images/2010-news.png); }
#latest-news h2.news-2011{ background-image: url(../images/2011-news.png); }
#latest-news h2.news-2012{ background-image: url(../images/2012-news.png); }
#latest-news h2.news-2013{ background-image: url(../images/2013-news.png); }
#latest-news h2.news-2014{ background-image: url(../images/2014-news.png); }

#upcoming-events h2{
    background-image: url(../images/upcoming-events.png);
    width: 216px;
}

#photos h2{
    background-image: url(../images/photos.png);
    width: 88px;
}

#photos ul li{
    background-image: url(../images/photo-holder.png);
    background-repeat: no-repeat;
    float: left;
    padding: 5px 5px 3px 7px;
    width: 94px;
}

#photos ul li img{
    width: 94px;
    height: 69px;
    overflow: hidden;
}

#footer{
    margin-bottom: 80px;
}

ul.date-list{
    list-style: none none outside;
    margin: 0;
    padding: 0;
}

ul.date-list li{
    background-image: url(../images/background-date.png);
    background-repeat: no-repeat;
    position:relative;
    padding: 0 0 8px 40px;
    border: 0px solid #f00;
    display: inline-block;
    width:100%;
}

ul.date-list li.month{
    background-image: none;
    margin-top: 10px;
    padding-left: 0px;
    display: block;
    height: 20px;
}

ul.date-list li div{
    color:#6CA459;
    font-size:12px;
    font-weight:bold;
    height:20px;
    left:4px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    top:6px;
    width:24px;
    border: 0px solid #f00;
}

ul.date-list li h3{
    font-size:16px;
    margin:0;
    padding: 1px 0 0;
    color: #666;
    border: 0px solid #f00;
}

ul.date-list li h3 a{
    text-decoration: none;
    color: #999;
    font-size:16px;
}

ul.date-list li h3 a:hover{
    color: #6CA459;
}

ul.date-list li p{
    margin:0;
    padding: 0;
    color: #666;
}

div.footer-column a{
    color: #ff9933;
    font-size: 12px;
}

div.footer-column a.results{
    font-size: 16px;
    color: #6CA459;
}

textarea{
    width: 100%;
    height: 300px;
}

.editing-area{
    width: 100%;
    margin-bottom: 20px;
}