/*****************************************
kewin@hotmail.com
*****************************************/

BODY
{
    font-size: 12px;
    color: #036;
    font-family: "Arial","Helvetica",sans-serif;
    background: url(images/bg.jpg);
    margin: 0px;
}

/***** CORE CLASSES *****/

.container
{
    width: 965px;
    position: absolute;
    left: 50%;
    margin-left: -482px;
}

.logo
{
     background: url(images/logo.jpg) 0px 5px no-repeat;
     width: 415px;
     height: 130px;
     float: left;
}

.logo h1
{
      display: none;
}

.headergraphic
{
     background: url(images/headergraphic.jpg);
     width: 517px;
     height: 130px;
     float: right;
}

.navigation
{
     clear: both;
     width: 965px;
     height: 39px;
     /*background:url(images/navigation_new.jpg);*/
}

ul#menu
{
    background: url(images/navigation_new.jpg);
}

ul#menu li
{
    float: left;
    list-style-type: none;
}

ul#menu li a
{ 
    height: 39px;
    display: block;
    position: absolute;
    top: 130;
    text-indent: -9999px;
    outline: none;
}

li#home a, li#biog a, li#events a, li#classes a, li#uniforms a, li#location a, li#contact a, li#rulesregs a, li#photogallery a, li#partytime a
{
     background:url(images/navigation_new.jpg);
}

li#home a {background-position: 0 0; width: 75px; left: 0;}
li#home a:hover {background-position: 0 -39px;}

li#biog a {background-position: -75px 0; width: 104px; left: 75px;}
li#biog a:hover {background-position: -75px -39px;}

li#classes a {background-position: -179px 0; width: 75px; left: 179px;}
li#classes a:hover {background-position: -179px -39px;}

li#events a {background-position: -254px 0; width: 86px; left: 254px;}
li#events a:hover {background-position: -254px -39px;}

li#uniforms a {background-position: -322px 0; width: 122px; left: 322px;}
li#uniforms a:hover {background-position: -322px -39px;}

li#location a {background-position: -444px 0; width: 88px; left: 444px;}
li#location a:hover {background-position: -444px -39px;}

li#rulesregs a {background-position: -532px 0; width: 155px; left: 532px;}
li#rulesregs a:hover {background-position: -532px -39px;}

li#contact a {background-position: -687px 0; width: 75px; left: 687px;}
li#contact a:hover {background-position: -687px -39px;}

li#photogallery a {background-position: -762px 0; width: 111px; left: 762px;}
li#photogallery a:hover {background-position: -762px -39px;}

li#partytime a {background-position: -873px 0; width: 92px; left: 873px;}
li#partytime a:hover {background-position: -873px -39px;}


.content
{
     background: #FFF url(images/bgcontent.jpg);
     width: 965px;
     min-height: 300px;
}

.content a, .content a:link, .content a:active, .content a:visited
{
	color: #9d438f;
	font-weight: bold;

}

.content a:hover
{
	color: #2ab432;
}

.content h2
{
	color: #9d438f;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.content h3
{
	color: #2ab432;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.content li
{
        padding-bottom: 5px;
}

.column1
{
        width: 600px;
        float: left;
}

.column2
{
        width: 260px;
        float: right;
        background: #FFF url(images/column2bg.jpg) no-repeat;
}

.column1a
{
        width: 500px;
        float: left;
}

.column2a
{
        width: 360px;
        float: right;
}

.pad20
{
         padding: 20px;
}

.biog img
{
        float: right;
        padding: 10px 20px 10px 10px;
}

.biogbox
{
         border: 1px dashed #CCC;
         margin: 20px 0px 0px 0px;
         height: 170px;
}

.biogbox img
{
        float: left;
        padding: 10px 10px 20px 10px;
}

.biogbox a:link, .biogbox a:active, .biogbox a:visited
{

}

.biogbox a:hover
{

}

.contentpadding
{
	padding: 15px 25px 15px 25px;
}

.contentend
{
     background: #FFF url(images/contentbottom.jpg);
     width: 965px;
     height: 11px;
}

.footer
{
    CLEAR: both;
    FONT-SIZE: 11px;
    TEXT-ALIGN: center;
    color: #FFF;
    padding: 5px;
}

.footer A
{
    COLOR: #FFF;
    TEXT-DECORATION: none
}

.footer A:hover
{
    TEXT-DECORATION: underline
}

table.purple
{
width: 100%;
background: #D9B9D9;
border: 1px solid #9d438f;
}

table.purple td
{
padding: 15px;
border: 1px solid #9d438f;
}

ul.purplelist
{
margin: 0px;
padding: 0px 15px;
}