body {
        margin:0px 0;
        padding:0;
        font: 74% Arial, Sans-Serif;
        color: #CCCCCC;
        background: #303B41 url(../gfx/bg.jpg) repeat-x;
        line-height: 1.4em;
}
.content {
        background: #FFFFFF url(../gfx/mainbg.jpg) repeat-y center;
        color: #ccc;
        margin: 0 auto;
        padding: 0;
        width: 800px;
}
.img {
        padding: 0 8px 8px 0;
        float: left;
}
.img2 {
        padding: 0 0 8px 8px;
        float: right;
}
.img3 {
        padding: 2px;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #0000FF;
        float: left;
}
.galpic {
        padding: 2px;
        margin-right: 30px;
        margin-bottom: 30px;
        border: 1px solid #0000FF;
        float: left;
}
.year {
        float: left;
}
.month {
        width: 401px;
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px dotted #06546A;
}
.seperator {
        margin: 0px 5px;
        float: left;
}
.clearence {
        clear: both;
}
/* HEADER

---------------------------------------------------------------------------------------------------------------------------------------------------

*/

#top {
        padding: 0;
        margin: 0;
        background: #000000 url(../gfx/top.jpg) no-repeat top;
        height: 44px;
}
#top .padding {
        float: right;
        color: #808080;
        padding: 20px 25px 0 0;
        font-size: 90%;
}
#top a {
        color: #E0F5FF;
}
#header {
        margin: 0;
        width: 800px;
        background: #036EB4 url(../gfx/header.jpg) no-repeat center top;
        height: 149px;
        color: #FFFFFF;
}
#header_kartschool {
        margin: 0;
        width: 800px;
        background: #036EB4 url(../gfx/header_kartschool.jpg) no-repeat center top;
        height: 149px;
        color: #FFFFFF;
}
#header .f_search {
        float: right;
        padding: 70px 50px 0 0;
}
#header .title {
        padding: 45px 0 0 50px;
}
#header h1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        padding: 0;
}
#header h2 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        background-image: none;
        color: #075181;
        margin: 0;
        padding: 0 0 0 2px;
}
/* SUBHEADER

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#subheader {
        background: #000000 repeat-y center;
        width: 770px;
        height: 35px;
        color: #FFFFFF;
        margin-left: 15px;
}
#subheader1 {
        background: #000000 repeat-y center;
        width: 770px;
        height: 35px;
        color: #FFFFFF;
        margin-left: 15px;
}
#subheader2 {
        background: #000000 repeat-y center;
        width: 770px;
        height: 35px;
        color: #FFFFFF;
        margin-left: 15px;
}
#subheader .padding {
        padding: 10px 15px 10px 15px;
}
#subheader h2 {
        color: #FEAB06;
}
#subheader a {
        color: #FFFFFF;
}
/* NAVIGATION

---------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav {
        text-align: left;
        color: #7D8085;
        padding: 20px 0 0 0px;
        width: 200px;
}
.nav li {
        margin: 5px 0 5px 0px;
        padding: 0px 0 0 0px;
        border-bottom: 1px dotted #CCCCCC;
        list-style: none;
}
.nav li a {
        color: #546078;
        text-decoration: none;
        padding: 5px 0 0 0px;
        display: block;
        margin-bottom: 2px;
}
.nav li a:hover {
        color: #075181;
        text-decoration: none;
        background: #E5F6FF;
        display: block;
        margin-bottom: 2px;
}
/* MAIN

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#main {
        background: #FFFFFF;
        width: 760px;
        height: auto;
        margin: 0 20px 0 20px;
        color: #808080;
}
#main .right_side {
        position: relative;
        top: 0px;
        left: 0px;
        width: 210px;
        height: auto;
        float: right;
        padding: 0px 0px 0px 10px;
        margin: 0;
        background-color: #FFFFFF;
}
#main .right_side .hitems {
        margin: 0px;
        padding: 0px;
}
#main .right_side .hitems ul {
        margin: 5px 0 5px 0;
        padding : 0;
        color: #a90000;
        list-style-image: url(../gfx/arrow.gif);
}
#main .right_side .hitems li {
        margin: 0 0 2px 20px;
        padding: 0 0 0 0px;
        color: #555555;
}
#main .left_side {
        position: relative;
        top: 0px;
        left: 0px;
        float: left;
        width: 500px;
        height: auto;
        background: #FFFFFF;
        padding: 15px 15px 15px 20px;
        margin: 0px;
}
#main h1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        margin: 0px 0px 15px 0px;
        padding: 0px;
}
#main h3 {
        font: 85% Arial, Sans-Serif;
        margin: 0 0 10px 0px;
        padding: 0;
        color: #5F5F5F;
        background: inherit;
        border-bottom: 1px solid #036CB4;
}
#main .box {
        background: #EFEFEF;
        padding: 5px;
        border: 1px solid #CCCCCC;
}
#main .right_side ul {
        margin: 5px 0 5px 0;
        padding : 0;
        list-style : none;
        border-bottom: 0px solid #EEEEEE;
        list-style-type: square;
        color: #A90000;
}
#main .right_side li {
        margin: 0 0 2px 15px;
        padding: 0 0 0 0px;
        color: #555555;
}
#main .right_side .padding {
        margin: 0 0 20px 15px;
        padding: 0 0 0 0px;
        color: #555555;
}
/* FOOTER

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
        clear: both;
        height: 43px;
        color: #CCCCCC;
        background: #303B41 url(../gfx/footer.jpg) top no-repeat;
        font-size: 90%;
        padding-bottom: 30px;
        text-align: center;
}
#footer .padding {
        padding: 10px 0px 0px 0px;
}
#footer .right {
        float: right;
        clear: right;
        text-align: right;
}
#footer a {
        color: #E0F5FF;
}
/*  Top Menu */

#menu {
        background: #000000 url(../gfx/menu.jpg) no-repeat center bottom;
        width: 760px;
        height: 35px;
        margin: 0;
        padding: 0;
}
#menu1 {
        background: #000000 url(../gfx/menu.jpg) no-repeat center bottom;
        width: 760px;
        height: 35px;
        margin: 0;
        padding: 0;
}
#menu2 {
        background: #000000 url(../gfx/menu.jpg) no-repeat center bottom;
        width: 760px;
        height: 35px;
        margin: 0;
        padding: 0;
}
#menu ul {
        margin:0;
        list-style: none;
        padding: 5px 0 0 20px;
}
#menu1 ul {
        margin:0;
        list-style: none;
        padding: 5px 0 0 20px;
}
#menu2 ul {
        margin:0;
        list-style: none;
        padding: 5px 0 0 20px;
}
#menu a, #nav strong, #nav span {
        float: left;
        display: block;
        color: #FFFFFF;
        padding: 5px;
        text-decoration: none;
        font-weight: bold;
}
#menu1 a, #nav strong, #nav span {
        float: left;
        display: block;
        color: #FF0000;
        padding: 5px;
        text-decoration: none;
        font-weight: bold;
}
#menu2 a, #nav strong, #nav span {
        float: left;
        display: block;
        color: #66B3FF;
        padding: 5px;
        text-decoration: none;
        font-weight: bold;
}
#menu a {
        float: none;
}
#menu1 a {
        float: none;
}
#menu2 a {
        float: none;
}
#menu li {
        float: left;
        background: #000000;
        margin: 0;
        padding: 0 0 0 0px;
}
#menu1 li {
        float: left;
        background: #000000;
        margin: 0;
        padding: 0 0 0 0px;
}
#menu2 li {
        float: left;
        background: #000000;
        margin: 0;
        padding: 0 0 0 0px;
}
#menu a.chosen {
        color: #FAE805;
		text-decoration: none;
}
#menu1 a.chosen {
        color: #FF6666;
		text-decoration: none;
}
#menu2 a.chosen {
        color: #0000FF;
		text-decoration: none;
}
#menu a:hover {
        color: #FAE805;
        text-decoration: underline;
}
#menu1 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
#menu2 a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
#menu .padding {
        padding: 5px 0 0 10px;
        font-weight: bold;
}
#menu1 .padding {
        padding: 5px 0 0 10px;
        font-weight: bold;
}
#menu2 .padding {
        padding: 5px 0 0 10px;
        font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/



input.search {
        width: 150px;
        border: 1px solid #075181;
        color: #666666;
}
input.submit {
        background: none;
        color: #075181;
        font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
        border: 0;
}
input.search:hover {
        background: #FFFFF4;
}
ul {
        margin-left: 0;
        padding-left: 5px;
        list-style : square;
}
li {
        margin: 0 0 2px 15px;
        padding: 0 0 0 0px;
        color: #555555;
}
.sub {
        margin: 0 0 2px 30px;
        padding: 0 0 0 0px;
        color: #888888;
}
p {
        margin: 0 0 5px 0;
        padding: 0;
        color: #808080;
        background: inherit;
}
a {
        color: #075181;
        background: inherit;
        text-decoration: none;
}
a:hover {
        background: inherit;
        text-decoration: underline;
}
h1 {
        padding:0;
        margin:0;
        color: #FFFFFF;
        background: inherit;
        font: bold 1.8em Arial, Sans-Serif;
        letter-spacing: -1px;
}
h1 a {
        color: #FFFFFF;
        background: inherit;
}
h2 {
        height: 30px;
        background: url(../gfx/h.jpg) no-repeat left;
        color: #075181;
        font-size: 140%;
        font-weight: bold;
        margin: 5px 0 10px 0px;
        padding: 0 0 0 30px;
}
h2 span.titletext {
        position: relative;
        top: 8px;
        left: 0px;
}
h2 a {
        background: #FFFFFF;
        color: #075181;
}
h2 a:hover {
        background: #FFFFFF;
        color: #68ADD5;
        text-decoration: none;
}
fieldset {
        border: 1px solid #075181;
}
textarea.text {
        height: 150px;
        width: 90%;
        border: 1px solid #A90000;
        background: #FFFFFF;
        color: #354D5F;
}
textarea.text:hover {
        border: 1px solid #A70000;
        background: #FFFFF4;
        color: #000000;
}
input.field {
        border: 1px solid #075181;
        background-color: #FFFFFF;
        width: 283px;
        color: #000000;
}
input.field:hover {
        border: 1px solid #68ADD5;
        background: #FFFFF4;
        color: #000000;
}
input.text {
        border: 1px solid #A70000;
        margin: 0;
        width: 150px;
        background: inherit;
        color: #000000;
        padding: 4px;
}
input.text:hover {
        border: 0px solid #68ADD5;
}
.date {
        color: #808080;
        background: #FFFFFF;
        text-align: right;
        margin: 4px 0 5px 0;
        padding: 0.4em 0 0 0;
        border-top: 1px solid #EEEEEE;
}
.comments {
        padding: 10px 10px 8px 10px;
        margin: 0 0 7px 0;
        background: #F8F8F8;
        color: #000000;
}
.commentsbox {
        padding: 8px 0 10px 10px;
        margin: 0 0 10px 0;
        background: #F4F4F4;
        color: #000000;
}
.error {
        color: #990000;
        background-color: #FFF0F0;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 10px;
        border: 1px dashed #990000;
}
.error h2 {
        color: #990000;
        background: inherit;
}
.success {
        color: #000000;
        background: #F5FBE1;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
}
.success h2 {
        color: #7BA813;
        background: inherit;
}
/* Navfooter -------------------------------------------------------------------*/

#navfooter {
        position: relative;
        top: 0px;
        left: 0px;
        width: 500px;
        height: 18px;
        font-size: 16px;
}
#navfooter .leftside {
        position: relative;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 18px;
        margin-right: 5px;
        float: left;
}
#navfooter .middle {
        position: relative;
        top: 0px;
        left: 0px;
        width: auto;
        height: 18px;
        font-size: 12px;
        margin-left: 170px;
        float: left;
}
#navfooter .rightside {
        position: relative;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 18px;
        margin-left: 0px;
        float: right;
}
#navfooter .leftsidevar {
        width: auto;
        font-size: 14px;
        float: left;
}
#navfooter .rightsidevar {
        width: auto;
        font-size: 14px;
        float: right;
}
/* results -------------------------------------------------*/



.resultbox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 500px;
        height: auto;
        margin-bottom: 20px;
}
.resultbox .position {
        position: relative;
        top: 0px;
        left: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color: #ECF3FF;
        float: right;
}
.resultbox .position {
        position: relative;
        top: 0px;
        left: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        background-color: #F4F9FF;
        float: right;
}
.resultbox .position .text {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 5px;
}
.resultbox .position .number {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 2px;
        font-size: 22px;
        font-weight: bold;
}
/* Sponsor -------------------------------------------------*/



#sponsbox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 760px;
        height: auto;
        margin: 40px 0px 10px 20px;
        border-top: 1px dotted #E1E1E1;
}
#sponsbox .header {
        width: 200px;
        height: 25px;
        margin: auto;
        text-align: center;
        color:#333333;
}
#sponsbox .outsidebox {
        margin: auto;
        border: 0px solid black;
}
#sponsbox .logo {
        position: relative;
        top: 0px;
        left: 0px;
        width: auto;
        height: 40px;
        margin-right: 8px;
        margin-bottom: 10px;
        float: left;
}
/* Partner -------------------------------------------------*/



.partnerlogo {
        position: relative;
        top: 0px;
        left: 0px;
        width: 230px;
        height: 80px;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
}