/* Generic Selectors */

body {
text-align: center;
line-height: 125%;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
color: #fff;
background: #002544 url('images/tallgrass_24.png') repeat-x; 
}


p {
width: 97%;
line-height: 150%;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-color: #fff;
padding: 3px 0px 0px 7px;
margin: 0px;
}

h1 {
width: 95%;
line-height: 110%;
font-family: arial,helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
color: #FF9500;
margin: 0px;
padding: 0px 0px 0px 5px;
}

h2 {
width: 95%;
line-height: 110%;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF9500;
margin: 0px;
padding: 0px;
}

h3 {
font-family: arial,helvetica,sans-serif;
font-size: 16px;
color: #fff;
margin: 0px;
padding: 0px;
}

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

li.map {
float: left;
display: inline;
list-style-type: none;
}

li.purchase {
height:20px;
list-style-type:none;
vertical-align: top;
margin:0;
padding:0;
}

li.purchase a:link {
border:1px solid #FFFFFF;
height:100%;
width:100%;
color: #FFFFFF;
background-color:#AAC896;
text-align:center;
font-size: 14px;
text-decoration: none;
}

li.purchase a:hover {
background-color:#0096BE;
}

img {
border-width: 0px;
}

a.sponsor {padding: 10px 10px 0px 10px}

table {
font-size: 13px;
}
 
/**************** Pseudo classes ****************/

.right {text-align: right}
.left {text-align: left}
.fleft {float:left}
.fright {float:right}
.center {text-align: center}
.bold {font-weight: bold}
.sml {font-size: 12px}
.bigger {font-weight: bold; font-size: 18px}
.orange {color: #FF9500; font-weight: lighter}
.twelve {font-weight:lighter;font-size:12px;line-height:130%}
.bigsmall {font-weight:lighter; font-size:16px;line-height: 110%}
.versus {list-style-image:url('images/versus_icon.png');margin: 0px}
.bass {list-style-image:url('images/bass_icon.png'); list-style-position:inside; margin:0px; padding:0px; padding-top:10px; vertical-align: middle}
.product {margin-left:245px; width:425px}
.columnleft {float:left; width:325px; padding:0px 10px 20px 0px}
.columnright {float:right; width:525px; padding:0px 0px 20px 10px}
.columnleft2 {float:left; width:175px; padding:0px 0px 20px 0px}
.columnright2{margin-left:190px; width:475px; padding:0px 0px 20px 0px}
.clear {clear: both}
.active {font-size:16px; color:#ff9500; font-weight:bold}


a:link, a:visited, a:active {
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
text-decoration: none;
margin: 0px;
}
a:hover {
color: #FF9500;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}

a.two:link, a.two:visited, a.two:active {
color: #48b9d4;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
a.two:hover {
color: #ff9500;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

a.link:link, a.link:visited, a.link:active {
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
a.link:hover {
color: #ff9500;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}


/************************* ID's *************************/

#container {
position: relative;
margin: 0px auto;
width: 900px;
text-align: left;
}

#top_bar {
position: relative;
width: 900px;
height: 115px;
margin: 0px;
padding: 0px;
background-image: url('images/top_bar_wave.png');
background-color: #0096BE;
background-repeat: no-repeat;
}

#logo {
position: absolute;
width: 75px;
height: 67px;
margin: 0px;
margin-left: 680px;
margin-top: -40px;
background-image: url('images/bass_graphic.png');
background-color: none;
background-repeat: no-repeat;
}

#nav_bar {
position: relative;
width: 900px;
height: 35px;
margin: 0px;
padding: 0px;
background: url('images/nav_bkgd.png') no-repeat;
font-weight: bold; 
font-size: 14px;  
color: #FF9500;
text-align: center;
}
#nav_bar ul {
height: 35px;
margin: 0px;
padding-top: 10px;
}
#nav_bar li {
display: inline;
list-style-type: none;
padding: 0px 11px 0px 11px;
}


#main {
position: relative;
width: 900px;
margin: 0px;
padding: 0px;
background-image: url('images/main_bkgd_new.png');
background-repeat: repeat-y;
background-color: #005885;
text-align: left;
}

#content {
width: 870px;
margin: 0px;
margin-left: 15px;
padding: 20px 0px 20px 0px;
background: none;
}
#content img.hot {
padding-bottom: 7px;
}

#bottom_bar {
width: 900px;
height: 20px;
margin: 0px;
background: url('images/footer_new.png') no-repeat;
}

#footer {
position: relative;
width: 900px;
height: 20px;
margin: 0px;
text-align: center;
font-weight: bold;
}