/**
 * Styles for Palmy Judo.
 *
 * @author Tom Ryder <tom@prodev.co.nz>
 * @copyright 2010 Professional Development
 */
html {
    background: #000000;
}
body {
    font: normal normal normal 0.8em/1.5 "Arial", sans-serif;
    margin: 20px auto;
    width: 950px;
}
#head {
    background: #414141 url("images/head-gradient.gif") left top repeat-x;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
    #head h1 {
        background: transparent url("images/head-background.gif") left top repeat-y;
        color: #ffffff;
        margin: 0;
        padding: 0;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
        #head h1 a {
            background: transparent url("images/logo.gif") 20px 50% no-repeat;
            display: block;
            padding: 60px 20px 10px 0;
            text-align: right;
            text-decoration: none;
        }
        #head h1 .headline {
            color: #ffffff;
            display: block;
            font-size: 120%;
            font-weight: bold;
            text-transform: uppercase;
        }
        #head h1 .byline {
            color: #898989;
            display: block;
            font-size: 80%;
            font-weight: normal;
        }

#body {
    margin: 20px 0;
}
    #content {
        background: #ffffff url("images/content-background.gif") right bottom no-repeat;
        width: 100%;
    }
        #left {
            padding: 10px;
            vertical-align: top;
            width: 20%;
        }
        #center {
            padding: 10px;
            vertical-align: top;
        }
        #right {
            padding: 10px;
            vertical-align: top;
            width: 20%;
        }
    .menu {
        background: #414141;
        margin: 0;
        padding: 0 10px;
    }
        .menu ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .menu li {
            float: left;
        }
        .menu a {
            color: #ffffff;
            display: block;
            font-weight: bold;
            padding: 8px 20px;
            text-decoration: none;
        }
        .menu a:hover {
            background: #666666;
        }
        .menu a.selected {
            color: #11CB0C;
        }
    #navigation {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
    }
        #navigation li ul {
            background: #353535;
            padding: 0;
            position: absolute;
            width: 15em;
            left: -999em;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            z-index: 99;
        }
            #navigation li ul a {
                text-align: left;
                padding: 0.5em;
                width: 14em;
            }
            #navigation li ul a.subnavs {
                background-image: url("images/navigation-raquo.gif");
                background-position: right 50%;
                background-repeat: no-repeat;
            }
            #navigation li ul li {
                width: 15em;
            }
            #navigation li ul ul {
                margin: -2.5em 0 0 15em;
            }
        #navigation li:hover,
        #navigation li.hover {
            position: static;
        }
        #navigation li:hover ul,
        #navigation li.hover ul {
            left: auto;
        }
            #navigation li:hover ul li ul {
                left: -999em;
            }
            #navigation li:hover ul li:hover ul,
            #navigation li.hover ul li.hover ul {
                left: auto;
            }
    #menu {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
    }

#foot {
    color: #dddddd;
}
    #foot a {
        color: #dddddd;
    }
    #foot p.legal {
        text-align: center;
    }
        #foot p.legal img {
            border: 0;
            vertical-align: middle;
        }

#contact_details .list {
	float: left;
	width: 60%;	
}
#contact_details .list th {
	text-align: right;
	vertical-align: top;
	width: 10em !important;
}
#contact_details .list td {
	vertical-align: top;
}
fieldset {
	border: 0 none;
}
input.button {
	border-top: 3px solid #58b;
	border-left: 3px solid #58b;
	border-bottom: 3px solid #147;
	border-right: 3px solid #147;
	background: #369;
	color: #eef;
}
input.text, 
input.button, 
textarea {
	padding: 2px;
}
.widget {
    margin-bottom: 1em;
}
#panel {
    background: #dddddd url("images/navigation-shadow.gif") 50% top no-repeat;
    clear: left;
    overflow: auto;
    padding: 5px 10px;
}
#panel a {
    color: #000000;
}
#login {
    float: right;
    white-space: nowrap;
}
#login a {
    margin-left: 1em;
}
#search {
    padding: 0 0 0 10px;
}
#polls {
}
#polls ul {
    list-style: none;
    margin: 0.5em;
    padding: 0;
}
#polls li {
    margin: 0;
    padding: 0;
}
.breadcrumb a {
    color: #000000;
}

a {
    color: #0000dd;
    text-decoration: underline;
}
em {
    font-style: italic;l
}
h1, h2, h3, h4, h5, h6 {
    background: #414141 url("images/heading-background.gif") 10px 50% no-repeat;
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 0 0 25px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #ffffff;
}
h1 {
    font-size: 2em;
    margin-top: 2px;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.6em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-style: italic;
}
ol {
    list-style: decimal outside none;
    margin: 1em 0 1em 2em;
}
p {
    margin: 1em 0;
}
small {
    font-size: 80%;
}
strong {
    font-weight: bold;
}
ul {
    list-style: disc outside none;
    margin: 1em 0 1em 2em;
}