﻿
body, html {
    margin:0;
    padding:0;
    border: 0;
    background-color: #709ecf;
    background-image: url(images/bg_HP.jpg);
    background-repeat:repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    height: 100%;
    /*letter-spacing:.2em;
    line-height: 1.3;*/
    }    
    
a {
   color: Black;
   font-weight:bold;
   text-decoration:none;
   border-bottom: solid 1px #999999;
   }

a:hover {
   color: #990000;
   text-decoration:underline;
   border:0
   }

#mainWrap {
    margin:0 auto;
    width: 1332px;
    padding:0;
    border: 0;
    position: absolute;
    left: 50%;
    margin-left: -666px;    
    }

#mainWrapHP {
   margin:0 auto;
    width: 1332px;
    padding:0;
    border: 0;
    background-color: #709ecf;
    background-image: url(images/bgFolliage_blue.jpg);
    background-repeat:no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -666px;    
    }
    
#mainContainer {
    width: 900px;
    margin:0 auto;
    }

#header {
    width: 900px;
    height: 111px;
    margin:auto auto; 
    padding:0;
    border: 0;
    background: url(images/header.jpg)    
    } 
  
#subheader {
    width: 900px;
    height: 71px;
    margin:auto auto; 
    padding:0;
    border: 0;
    background: url(images/subHeader_right.jpg) top right    
    } 
  
#mainContent {
    width:100%;
    background:White;
    } 

#colsContent {
    width:100%;
    background:White url(images/bgSidebar.jpg) repeat-y top left;
    } 

.colMain {
    margin-left: 161px;
    }

.colSidebar {
    margin:0; 
    width:152px;
    float:left;
    }

.contentWide {
    padding:10px 20px 0 20px;
    }

.contentW10 {
    padding:10px;
    }

.contentW5 {
    padding:10px 5px 10px 5px;
    }

.contentW40 {
    padding:10px 40px 0 40px;
    }

.contentW40r {
    padding:10px 40px 0 20px;
    }

.contentW40r50 {
    padding:10px 50px 0 20px;
    }

.contentW50 {
    padding:10px 50px 0 50px;
    }

.contentW70 {
    padding:10px 70px 0 70px;
    }

.news {
    padding:0 80px 5px 30px;
    }

.clear {
    clear: both
    }

.Letters {
    margin: 0 auto;
    width:657px;
    padding: 0 10px 0 10px;
    }

.Letters img {
    border: solid 1px #666666;
    margin:2px;
    }

#footer {
    clear:both;
    width: 900px;
    height: 198px;
    margin:auto auto; 
    padding:0;
    border: 0;
    background: url(images/bgFooter.jpg) no-repeat;
    position: relative;
 
    }

#footer #footerSidebar {
    background-image: url(images/footer_sidebar.jpg);
    background-repeat:no-repeat;
    width:100%;
    height: 145px;
    position:absolute;
    top:0;
    left:0; 
    }

#footer div {
    color: Black;
    position:absolute;
    top:115px;
    left: 70px;   
    }

#footer div a {
    color: #666666;
    text-decoration: none;
    font-style: normal;
    font-weight:bold;
    font-size: 10px;
    border:0  
    }

#footer a:hover {
    color: #990000;
    text-decoration: underline;
    }

#footer #copyright {
    width: 650px;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 9px;
    position:absolute;
    top: 160px;
    left:0;
    }

#footer #copyright a {
    text-decoration:none;
    color: #666666;
    font-weight:normal;
    border: 0
    }

#footer #copyright a:hover {
    text-decoration:underline;
    color: #990000;
    }

#footer #motto {
    width: 650px;
    color: #990000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 11px;
    font-weight:bold;
    font-style:italic;
    position:absolute;
    top: 60px;
    left:100px;
    text-align:center;
    }

#footer #motto span {
    font-size: 9px;
    font-weight:normal;
    font-style:normal;
    }

#footerSpace {
    height: 150px;
    padding:0;
    border: 0 
    }

.textLarge {
    font-size: 14px;
    }

.textSmall {
    font-size: 10px;
    }

.textFine {
    font-size: 9px;
    }

h1 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #b5a075;
    background: url(images/bgTitle.jpg) repeat-x;
    height:47px;
    text-align: center;
    line-height:43px;
    letter-spacing:.2em;
    }

h1 span {
    background-image: url(images/bgTitle_lt.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:47px;
    display:block;
    }

h1 span span {
    background-image: url(images/bgTitle_rt.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    height:47px;
    display:block;
    }

#GoldSponsors {
    margin: 20px auto 10px auto;
    font-size: 20px;
    font-weight: bold;
    color: #928364;
    background: url(images/RibGold.jpg) no-repeat;
    width:450px;
    height:47px;
    text-align: center;
    line-height:43px;
    letter-spacing:.2em;
    }

#SilverSponsors {
    margin: 20px auto 10px auto;
    font-size: 20px;
    font-weight: bold;
    color: #928364;
    background: url(images/RibSilver.jpg) no-repeat;
    width:450px;
    height:47px;
    text-align: center;
    line-height:43px;
    letter-spacing:.2em;
    }

#IndividSponsors {
    margin: 20px auto 10px auto;
    font-size: 20px;
    font-weight: bold;
    color: #dddddd;
    background: url(images/RibBronze.jpg) no-repeat;
    width:450px;
    height:47px;
    text-align: center;
    line-height:43px;
    letter-spacing:.2em;
    }


h2 {
    margin: 10px 0 10px 0;
    padding: 4px 0 4px 20px;
    width: 450px;
    font-size: 17px;
    font-weight: bold;
    color: #990000;
    border-top: dashed 1px #b5a075;
    border-bottom: dashed 1px #b5a075;
    text-align: left;
    letter-spacing:.2em;
    }

h2 span {
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    letter-spacing:.2em; 
    }

h2 span span {
    font-size: 9px;
    font-weight: bold;
    color: #666666;
    padding-left: 2px;
    letter-spacing:normal; 
    }

h3 {
    margin: 10px 0 10px 0;
    padding: 4px 0 4px 0;
    width: 450px;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    }

.borderPhoto {    
    margin: 2px 10px 5px 10px;
    background-color: White;
    border: solid 5px #666666;
    padding: 10px 10px 10px 10px;
    }

.scrollPhoto {    
    padding: 10px 40px 0 0;
    text-align:right;
    font-size:9px;
    }

a.lnkMore {
   font-size: 13px;
   font-weight:bold;
   text-decoration: none;
   background: url(images/bltRed01.gif) no-repeat left center;
   color: #660000;
   margin: 3px 0 0 20px;
   padding-left: 8px;
   display:block;
   border:0;
   width:100px;
   }

a:hover.lnkMore {
   color: #666666;
   text-decoration:underline;
   }

.btnSide {
border: solid 1px #666666;
background: #928364;
height:25px;
}

.btnSide a {
text-decoration: none;
background: url(images/bltRed01.gif) no-repeat 3px 10px;
color: White;
padding: 5px 2px 0 10px;
display:block;
border:0;
height:20px;
}

.btnSide a:hover {
background-color: #990000;
color: White;
text-decoration:none;
height:20px;
}

.Announcement {    
border: solid 1px #999999;
background-color: #cccccc;
padding: 4px;
}

.Highlight {    
border: solid 1px #999999;
background-color: #bad6f3;
padding: 4px;
}

img {border:0px}

 /* Main Navigation Buttons - start
----------------------------------------------- */

#NavWrap {
    width: 900px;
    height: 29px;
    margin:0 auto;
    padding:0;
    border: 0;
    border-bottom: solid 1px black;
    background: url(images/bgMainNav_btn_off.jpg) repeat-x;
    overflow:hidden;/* for ie to hide extra height*/  
    } 

#Nav_main {
    width: 896px;
    height: 29px;
    margin:0 auto;
    padding:0;
    border: 0;
    overflow:hidden;/* for ie to hide extra height*/  
    } 
    
.btnMain
{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:.07em;
background: url(images/bgMainNav_btn_on.jpg) repeat-x;
width: 112px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
}

.btnMain a
{
display: block;
color: #660000;
font-size: 12px;
font-weight: bold;
width: 112px;
height: 29px;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.btnMain a:hover
{
color: #ffcc66;
text-decoration: none;
}

.btnMain img
{
width: 112px;
height: 29px;
border: 0;
border-left: solid 1px #666666;
}

* html a:hover
{
visibility:visible;
}

.btnMain a:hover img
{
visibility:hidden;
}

.btnMain span
{
position: absolute;
left: 0px;
top:  7px;
text-align: center;
width: 112px;
cursor: pointer;
}


/* -----------------------------------------------
    Main Navigation Buttons - end */


#newsNav
{
color:#333333;
font-size:10px;
font-weight:bold;
margin-bottom:40px;
}

#newsNav a
{
text-decoration:none;
color:#333333;
border:0;
}

#newsNav a:hover
{
text-decoration:none;
color:#990000;
border:0;
}

#newsNav .left
{
float:left;
padding:3px;
margin-right:10px;
border: solid 1px #999999;
background: #cccccc;
text-align:right;
}

#newsNav .right
{
float:right;
padding:3px;
margin-left:10px;
border: solid 1px #999999;
background: #cccccc;
text-align:left;
}


#hpNav {
    width: 770px;
    height: 175px;
    margin:0 auto;
    padding:0;
    border: 0;
    position:relative;
    overflow:hidden;/* for ie to hide extra height*/  
    } 
    
.btnEnter
{
position:absolute;
top:0;
right:0;
margin: 0; 
padding: 0;
background: url(images/hp_main_rt_on.jpg) no-repeat;
width: 180px;
height: 175px;
overflow:hidden;/* for ie to hide extra height*/
}

.btnEnter a
{
display: block;
width: 180px;
height: 175px;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.btnEnter a:hover
{
color: #ffcc66;
text-decoration: none;
}

.btnEnter img
{
width: 180px;
height: 175px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.btnEnter a:hover img
{
visibility:hidden;
}


#hpBottom {
    width: 770px;
    height: 583px;
    margin:0 auto; 
    padding:0;
    border: 0;
    background: url(images/hp_main_bot.jpg) no-repeat;
    text-align:center 
    }

#hpfooter {
    width: 100%;
    margin:0 auto; 
    padding:0;
    border: 0;
    text-align:center;
    color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position:absolute;
    top:720px; 
    }

#hpfooter a {
    color: Yellow;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    border:0  
    }

#hpfooter a:hover {
    color: White;
    text-decoration: underline;
    }

#hpfooter div {
    margin: auto auto;
    padding-top: 10px;
    width:400px;
    font-size:11px;
    }

#hpfooter #hpcopyright {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    width:100%;
    font-size: 10px;
    line-height: 2
    }

#hpfooter #hpcopyright a {
    text-decoration:none;
    font-weight:normal;
    color: #666666;
    font-size: 9px;
    border: 0
    }

#hpfooter #hpcopyright a:hover {
    text-decoration:underline;
    color: White;
    }
