/* general html tag styles */

html, body
{
margin:0;
padding:0;
border:0;
}

body
{
background:#000;
font-family:verdana, arial, sans-serif;
font-size:90%;
font-weight:normal;
text-align:left;
margin:0;
color:#000;
}

p
{
text-align:left;
margin:5px 30px;
padding:0;
text-indent:10px;
}

p.noindent
{text-indent:0;}

h1, h2, h3
{
font-family:verdana, sans-serif;
text-align:center;
margin:10px 40px;
}

h1
{font-size:25px;}

h2
{font-size:20px;}

h3
{
font-variant:small-caps;
font-size:18px;
}

h3.img
{
text-align:center;
margin:10px auto;
}

img
{border:0;}

a, a:visited
{
color:#c20808;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #c20808;
}

a:hover, a:active
{
color:#000;
text-decoration:none;
border:0;
}

ul.listbox, ol.listbox
{
border:0;
margin:5px 50px 5px 90px;
}

ul.listbox li, ol.listbox li
{
list-style-image:url(../images/list.jpg);
padding:0 0 5px 5px;
font-size:13px;
line-height:1.2;
font-weight:normal;
}

ol.listbox li
{list-style-image:none;}

.bold
{font-weight:bold;}

.red
{color:#c20808;}

.blue
{color:#083ba8;}

.hilite
{
background:#ffecb7;
color:#c20808;
font-variant:small-caps;
font-weight:bold;
}

.center
{text-align:center;}

.cap
{
font-family:times new roman, serif;
font-size:25px;
color:#083ba8; /* blue */
font-weight:bold;
float:left;
height:25px;
line-height:25px;
margin-top:-2px;
margin-right:2px;
}

/* layout divisions */
#wrapper
{
margin:0 auto 5px auto;
width:800px;
background:#fff;
border:0;
}

#header
{
width:800px;
height:100px;
background:url(../images/header.jpg) #000;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:2px;
}

#footer
{
width:800px;
height:50px;
background:url(../images/footer.jpg) #000;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer p
{
margin:0 10px;
color:#fff;
text-align:center;
padding-top:12px;
font-size:13px;
font-weight:bold;
text-indent:0;
}

#footer a, #footer a:visited
{
color:#fff;
text-decoration:underline;
font-weight:bold;
border:0;
font-variant:small-caps;
}

#footer a:hover, #footer a:active
{color:#c20808;}


/* ================================================================
This copyright notice must be untouched at all times.
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* default styling */
.nav, .nav ul
{
list-style-type:none;
margin:0;
padding:0;
}

.nav a
{text-decoration:none;}

.nav
{
font-family: arial, sans-serif;
font-size:12px;
width:690px;
margin:0 auto;
text-align:left;
height:32px;
}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a
{
background:#f00;
height:32px;
}

.nav ul a
{height:auto;}

/* style the <b> element so that is does not affect the size of the link */
.nav a i
{
position:absolute;
left:-9999px;
}

.nav a b
{
display:block;
border:1px solid #c20808;
border-width:1px 1px 0 1px;
background:#fff;
color:#444;
font-size:11px;
line-height:15px;
font-weight:normal;
padding:10px;
cursor:pointer;
}

.nav a b.last
{border-bottom-width:1px;}

.nav b img
{
display:block;
float:left;
padding-right:5px;
border:0;
}

.nav b span
{
display:block;
font-size:14px;
color:#c20808;
padding-top:5px;
font-weight:bold;}
/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1, .nav1 a
{width:95px;}

.nav1 a
{background:url(../images/home.gif) no-repeat left top;}

/* FOR NAV2 */
.nav2, .nav2 a
{width:102px;}

.nav2 a
{
margin-right:-101px;
background:url(../images/events.gif) no-repeat left top;
} /* 1px less than the top level link width */

.nav2 ul li
{max-width:102px;}

/* FOR NAV3 */
.nav3, .nav3 a
{width:95px;}

.nav3 a
{
margin-right:-94px;
background:url(../images/store.gif) no-repeat left top;
} /* 1px less than the top level link width */

.nav3 ul li
{max-width:95px;}

/* FOR NAV4 */
.nav4, .nav4 a
{width:143px;}

.nav4 a
{
margin-right:-142px;
background:url(../images/newreleases.gif) no-repeat left top;
} /* 1px less than the top level link width */

.nav4 ul li
{max-width:143px;}

/* FOR NAV5 */
.nav5, .nav5 a
{width:143px;}

.nav5 a
{
margin-right:-142px;
background:url(../images/community.gif) no-repeat left top;
} /* 1px less than the top level link width */

.nav5 ul li
{max-width:143px;}

/* FOR NAV6 */
.nav6, .nav6 a
{width:95px;}

.nav6 a
{background:url(../images/contact.gif) no-repeat left top;}


.nav li.drop ul li a
{
width:230px;
margin-right:-200px;
}
/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li
{float:left;} /* fixes several IE related bugs, and allows for clearing */

.nav ul
{
float:left;
position:relative;
z-index:20; left:1px;
top:-1px;} /* necessary for float drop and to stack the <ul>s */

.nav ul li
{clear:left;} /* must clear the floated list item inside sublist */

.nav a
{
position:relative;
display:block;
text-decoration:none;
border:0;
} /* needs to have a position, to be above the rest */

.nav a.main
{
float:left; /* necessary for float drop */
margin-top:10000px;
} /* bring the top level links back into view */

.nav .drop
{margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */

.nav ul
{margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* ----------------------------------------------------------------------------	*/

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active
{
margin-right:0;
z-index:10;
outline:0;
background-position:left bottom;
}

.nav a:hover b,
.nav a:focus b,
.nav a:active b
{background:#f8f8f8;}

.nav .nav2 ul a:hover,
.nav .nav2 ul a:focus,
.nav .nav2 ul a:active
{margin-right:-128px;} /* The margin-right value is the dropdown link width minus the top level link width */

.nav .nav3 ul a:hover,
.nav .nav3 ul a:focus,
.nav .nav3 ul a:active
{margin-right:-87px;} /* The margin-right value is the dropdown link width minus the top level link width */

.nav .nav4 ul a:hover,
.nav .nav4 ul a:focus,
.nav .nav4 ul a:active
{margin-right:-87px;} /* The margin-right value is the dropdown link width minus the top level link width */

.nav .nav5 ul a:hover,
.nav .nav5 ul a:focus,
.nav .nav5 ul a:active
{margin-right:-135px;} /* The margin-right value is the dropdown link width minus the top level link width */

/* OPERA fix */
.nav ul:hover
{clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fix */
a:active {}

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