html { height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 10px;
padding: 0;
font-size : 11pt;
color:  #003792;
font-family : Verdana,Arial, "Times New Roman", Times, serif;
line-height: 135%;
background-color: #d3d8e4;
background: url('images/waterbak.jpg');
}

/* DIV IDs */

#wrapper {
width: 930px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}

#top {
margin:0px auto; width: 930px;
height: 215px;
background: url('images/top3.jpg');
}

#middle {
margin:0px auto; width: 930px;
background: url('images/middle2.jpg');
}

#bottom {
margin:0px auto; width: 930px;
height: 75px;
background: url('images/bottom2.jpg') no-repeat;
}

#nav{
height: 200px;
float: left;
clear: left;
}

#newsfeed{
width: 160px;
height: 260px;
margin-right: 14px;
margin-left: 8px;
margin-top: -30px;
margin-bottom: 0px;
float: left;
clear: left;
overflow: hidden;
}

#videobox{
width: 410px;
height: 220px;
margin-right: 10px;
margin-left: 20px;
margin-top: 4px;
margin-bottom: 0px;
float: right;
}

#allnews{
width: 118px;
margin-top: -33px;
margin-right: 10px;
margin-left: 19px;
padding: 6px;
background-color: #ced6e7;
color: #cc0000;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
float: left;
}

#allnews2{
width: 118px;
margin-top: -60px;
margin-right: 10px;
margin-left: 19px;
padding: 6px;
background-color: #ced6e7;
color: #cc0000;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
float: left;
}

#headlines{
background="#efefef";
}

/* END DIV IDs */

/* IDs FOR ROLLOVERSS */

#home{ display: block; width: 155px; height: 13px; background: url('images/homebut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 28px} #home:hover { background-position: 0 -13px; } #home span { display: none; } 

#welcome{ display: block; width: 155px; height: 13px; background: url('images/welcomebut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: -19px} #welcome:hover { background-position: 0 -13px; } #welcome span { display: none; } 

#history{ display: block; width: 155px; height: 13px; background: url('images/historybut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: -2px} #history:hover { background-position: 0 -13px; } #history span { display: none; } 
  
#venue{ display: block; width: 155px; height: 13px; background: url('images/venuebut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #venue:hover { background-position: 0 -13px; } #venue span { display: none; } 

#org{ display: block; width: 155px; height: 13px; background: url('images/orgbut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #org:hover { background-position: 0 -13px; } #org span { display: none; } 

#sponsors{ display: block; width: 155px; height: 13px; background: url('images/sponsorsbut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #sponsors:hover { background-position: 0 -13px; } #sponsors span { display: none; } 

#social{ display: block; width: 155px; height: 13px; background: url('images/socialbut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #social:hover { background-position: 0 -13px; } #social span { display: none; }

#clothing{ display: block; width: 155px; height: 13px; background: url('images/clothingbut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #clothing:hover { background-position: 0 -13px; } #clothing span { display: none; }

#gallery{ display: block; width: 155px; height: 13px; background: url('images/gallerybut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #gallery:hover { background-position: 0 -13px; } #gallery span { display: none; }

#links{ display: block; width: 155px; height: 13px; background: url('images/linksbut.gif') no-repeat 0 0; float: left; clear: left; margin-left: -8px; margin-top: 4px} #links:hover { background-position: 0 -13px; } #links span { display: none; }

#fb{ display: block; width: 20px; height: 20px; background: url('images/facebook.gif') no-repeat 0 0; float: left; clear: left; margin-left: 8px; margin-top: 10px} #fb:hover { background-position: 0 0px; } #fb span { display: none; }

/* END IDs FOR ROLLOVERSS */

/* HEADING STYLES */

H1 {
color:  #003792;
font-size : 24px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 80px;
margin-top: 0px;
margin-bottom: 13px;
padding: 0;
}

H1.red {
color:  #cc0000;
font-size : 18px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;
margin-left: 50px;
margin-top: -32px;
margin-right: 50px;
margin-bottom: 13px;
padding: 0;
float: right;
}

H2 {
color:  #003793;
font-size : 19px;
font-family : Arial, Helvetica, Sans-Serif;
margin-left: 200px;
margin-top: 26px;
margin-bottom: 4px;
padding: 0;
}

H2.welcome {
color:  #cc0000;
font-size : 16px;
font-family : Arial, Helvetica, Sans-Serif;
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
padding: 0;
}

H2.subhead {
color:  #003793;
font-size : 16px;
font-family : Arial, Helvetica, Sans-Serif;
margin-left: 0px;
margin-top: 26px;
margin-bottom: 0px;
padding: 0;
}

H2.news {
color:  #cc0000;
font-size : 14px;
margin: 0;
padding: 0;
text-align: center;
font-family : Arial, Helvetica, Sans-Serif;
}

H3 {
color:  #000000;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
margin-left: 190px;
margin-top: -10px;
margin-bottom: 0px;
}

H3.subhead {
color:  #000000;
font-size : 14px;
font-family : Arial, Helvetica, Sans-Serif;
padding: 0;
margin-left: 190px;
margin-top: 10px;
margin-bottom: 0px;
}

H3.news {
color:  #222222;
font-size : 12px;
font-family : Arial, Helvetica, Sans-Serif;
margin-left: 190px;
margin-top: 0px;
margin-bottom: 0px;
}

/* END HEADING STYLES */

/* PARAGRAPH STYLES */

P.mainfirst { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 10px;
}
 
P.main { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 10px;
} 

P.mainleft { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 10px;
float: left;
}
 
P.mainlast { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 0px;
}
 
P.small { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 10px;
}
 
P.welcome { 
font-size : 12pt;
font-weight: bold;
text-align: center;
font-family : Arial, Helvetica, sans-serif;
line-height: 130%;
color: #cc0000;
margin-top: 0px;
margin-left: 140px;
margin-right: 24px;
margin-bottom: 10px;
}
 
P.date { 
color: #cc0000;
font-size : 10pt;
font-weight: bold;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
margin-top: 0px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 4px;
}
 
 
P.event { 
color: #3a4856;
font-size : 10pt;
font-weight: bold;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
margin-top: 0px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 0px;
}
 
P.trophies { 
color: #cc0000;
font-size : 10pt;
font-weight: bold;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
margin-top: 0px;
margin-left: 30px;
margin-right: 24px;
margin-bottom: 4px;
}
 
/* END PARAGRAPH STYLES */
 
/* TABLE STYLES */

table.upabit {
margin-top: -22px;
}

table.whwtop { 
position: relative;
margin-left: auto;
margin-right: auto;
width: 720px;
} 

table.whwtop td { 
padding: 5px;
font-family: arial,geneva;
font-size: 10px;
color: #222222;
} 

table.news { 
position: relative;
margin-left: auto;
margin-right: auto;
width: 134px;
} 

table.news td { 
padding: 0px;
margin-left:0px;
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #cc0000;
font-weight: bold;
} 

table.gallery { 
position: relative;
margin-top: -40px;
margin-left: 180px;
margin-right: auto;
width: 760px;
overflow: hidden;
} 

table.gallery td { 
padding: 0;
} 

/* OPERA HACK TO FIX NEGATIVE MARGIN PROBLEM */

@media all and (min-width: 0px) { 
table.gallery { 
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 760px;
overflow: hidden;
} 
} 

/* END OPERA HACK */

table.whw { 
position: relative;
margin-left: 180px;
width: 720px;
} 

table.whw2 { 
width: 720px;
margin-left: -180px;
}

table.whw td { 
padding: 5px;
font-family: arial,geneva;
font-size: 10px;
color: #222222;
}

/* END TABLE STYLES */

/* IMAGE STYLES */

img.logo {
float: left;
margin-left: -20px;
margin-right: 0px;
margin-top: 1px;
margin-bottom: 1px;
padding: 0;
clear: right;
}

img.smallspacing {
float: left;
margin-left: 36px;
margin-right: 6px;
margin-top: 6px;
margin-bottom: 4px;
padding: 0;
}

img.rightup {
float: right;
margin-left: 20px;
margin-right: 0px;
margin-top: -58px;
margin-bottom: 2px;
padding: 0;
clear: right;
}

img.right {
float: right;
margin-left: 20px;
margin-right: 0px;
margin-top: 1px;
margin-bottom: 1px;
padding: 0;
clear: right;
}

img.manuka {
margin-left: 12px;
margin-top: 8px;
}

img.fullwidth {
margin:10px 20px; border: 0px none;
padding: 0px
}

img.left {
float: left;
margin-left: 20px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 10px;
border: 0px none;
padding: 0px
}

/* END IMAGE STYLES */

/* STANDARD LINKS */

a:link { color: #000080;
font-size: 10pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

a:visited { color: #000080;
font-size: 10pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

a:hover { color: #3d522b;
font-size: 10pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

/* HEADER LINKS */

a.toplink:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000080;
font-weight: bold;
}

a.toplink:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000080;
font-weight: bold;
}

a.toplink:hover { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #efefef;
font-weight: bold;
}

a.contactmail:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #042459;
font-weight: normal;
}

a.contactmail:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #042459;
font-weight: normal;
}

a.contactmail:hover {
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #013895;
font-weight: normal;
}

a.newslink:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}

a.newslink:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}

a.newslink:hover {
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}

/* LISTS */

UL {
padding: 0;
margin-top: 0px;
margin-left: 180px;
}

LI {
font-size : 12pt;
color: #003793;
font-weight: bold;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;
line-height: 130%;
margin-top: 0px;
margin-left: 150px;
margin-bottom: 12px;
}

LI.org {
font-size : 8pt;
color: #222222;
font-weight: bold;
font-style: italic;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;
line-height: 150%;
margin-top: 0px;
margin-left: -150px;
margin-bottom: 0px;
}

LI.useful {
font-size : 10pt;
color: #222222;
font-weight: bold;
font-style: italic;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
margin-top: 0px;
margin-left: -150px;
margin-bottom: 0px;
}

LI.trophy {
margin-left: -130px;
font-size : 8pt;
color: #222222;
font-weight: bold;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;

}

/* END LISTS */

/* CLASSES */
.contact { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
color: #3a4856;
margin-left: 0px;
margin-top: 20px;
margin-left: 192px;
margin-right: 0px;
margin-bottom: 10px;
} 

.contact2 { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
color: #3a4856;
margin-left: 0px;
margin-top: 0px;
margin-left: 280px;
margin-right: 0px;
margin-bottom: 12px;
}
 
.webcraft { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 200%;
color: #efefef;
margin-top: 41px;
margin-left: 500px;
margin-right: 24px;
margin-bottom: 12px;
}
 
.points {
color: #cc0000;
font-weight: bold;
}

.points2 {
color: #085a8c;
font-weight: bold;
}

.points3 {
color: #cc0000;
font-weight: bold;
}

.class {
color: #000040;
font-weight: bold;
}

.subfoot { 
width: 930px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
}
 
.printbut { 
float: right;
clear: both;
margin-top: 20px;
margin-right: 60px;
}
 
.jumpmenu { 
margin-left: 220px;
margin-top: 0px;
margin-bottome: 0px;
padding: 0px;
}