/*
=general
=page structure
=form

*/


/*
=general
---------------------------------------------- */

html {
    height: 101%;
}

html, body {
    width: 100%;
}

body {
    background: #17627e url(/images/page_bg.gif) repeat-y 50% 0;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 76%;
    line-height: 1.3em;
    color: #444;
}

table, tr, td, input, select, textarea, ol, ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

a img, img {
    border: 0;
}

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}

h1 {
    background: transparent url(/images/bg-h1.gif) no-repeat top left;
    width: 521px;
    height: 27px;
}

h2 {
    font-size: 1.28em; /* 15px */
    line-height: 1.28em;
    color: #006580;
    margin: 1em 17px;
}

h3 {
    margin: 1em 0px;
    color: #444;
}

.hide {
    position: absolute;
    left: -999em;
}

#content a {
    color: #E83802;
    padding: 1px 1px 1px 1px;
}

#content a:hover {
    background-color: #E83802;
    color: #fff;
}

#content a.home {
    background: transparent url(/images/bg-skip-a.gif) no-repeat 99% 5px;
    padding: 1px 12px 1px 1px;
}

#content a.home:hover {
    background: #E83802 url(/images/bg-skip-a-hover.gif) no-repeat 99% 5px;
}


p {
    margin: 1em 17px 1em 17px;
    color: #187CB1;
    font-size: .93em; /* 11px */
    padding: 0px;
}

ul {
    list-style: none;
    background-color: #F3F3F3;
    margin: 0px;
    padding: 1em 17px;
}

li {
    color: #444;
    font-size: .93em;
    padding: 0px 0px 0px 17px;
    margin: 0px 0px 1em 0px;
    background: transparent url(/images/bg-li.gif) no-repeat 0px .35em;
}

ul.green {
    background-color: #E5F5C9;
}

ul.green li {
    color: #447B1A;
    padding: 0px 1em;
    background: transparent url(/images/bg-green-li.gif) no-repeat left bottom;
}

/*
=page structure
---------------------------------------------- */

#container
{
    width: 754px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

@media all  /* this hides the style from IE5 mac */
{
    #container
    {
        overflow: hidden;
    }
}

#header {
    background: transparent url(/images/bg-header.jpg) no-repeat top left;
    width: 100%;
    height: 150px;
    position: relative;
}

a#logo_swimmingnz {
    position: absolute;
    left: 116px;
    bottom: 0px;
    display: block;
    width: 150px;
    height: 125px;
}

a#logo_absolute {
    position: absolute;
    right: 106px;
    bottom: 0px;
    display: block;
    width: 170px;
    height: 90px;
}

#skip {
    text-align: right;
}

#skip p {
    margin-right: 0px;
}


#content {
    padding: 0;
    width: 522px;
    margin: 0px 0px 0px 118px;
}

#highlight {
    padding: 13px 0px 0px;
    border-left: 1px solid #BFD7DB;
    background: transparent url(/images/bg-highlight.jpg) no-repeat top left;
}

#prizes {
    background: transparent url(/images/bg-prizes.gif) no-repeat top left;
    width: 549px;
    height: 237px;
    position: relative;
    left: -28px;
}

a#enter {
    margin: 2em auto;
    padding: 0px 0px 3px 0px;
    display: block;
    width: 370px;
    height: 13px;
    background: #fff url(/images/bg-enter.gif) no-repeat top left;
    border-bottom: 2px solid #2AADEA;
}

a#enter:hover {
    background-color: #fff;
    border-bottom: 2px solid #006984;
}

/*
=form
---------------------------------------------- */

form {
    margin: 0px;
    padding: 0px;
    background-color: #E5F5C9;
    width: 522px;
    border-top: 1px solid #fff;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
}

label {
    width: 230px;
    float: left;
    margin: 0px;
    padding: 0px;
}

form ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

form ol li {
    background: #E5F5C9 url(/images/bg-form-li.gif) repeat-x bottom left;
    margin: 0px;
    padding: .75em 34px .75em 34px;
    clear: both;
}

#divSubmit li {
    background: none;
    list-style: none;
    padding: .75em 34px;
    _padding: .75em 14px;
    background: #E5F5C9 url(/images/bg-form-li.gif) repeat-x bottom left;
}

form span, span.required {
    color: red;
}

input.text, textarea, select {
    width: 200px;
    margin: 0px;
    padding: 2px 0px;
}

select {
    margin: 0px;
    padding: 0px;
}

select.prefix {
    width: 55px;
}

select.day {
    width: 50px;
}

select.month {
    width: 85px;
}

select.year {
    width: 60px;
}

input.phone {
    width: 140px;
}

input.radio, input.checkbox {
    position: relative;
    top: 4px;
}

input.submit {
    margin: .5em 0px;
}

textarea {
    height: 50px;
}

#divMain {
    display: none;
}

#divParent {
    display: none;
}

form p {
    margin: 1em 0px;
    font-size: 1em;
}

#divSubmit {
    display: block;
    width: 522px;
    float: left;
}

#divNote {
    display: block;
}


/*
=table
---------------------------------------------- */

table {
    background: #EAF6D2;
    margin: 1em 0px 0px;
    padding: 1em 0px 0px;
}

td, th {
    font-size: .93em;
}

th {
    margin: 0px;
    padding: .5em 0px 0px;
}

td {
    margin: 0px;
    padding: .35em 0px;
}