/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
text-align: center;
background-color:#e4e4e4;
background-image:url(images/bg_body.gif);
background-repeat:repeat-x;

}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
}

p {
margin: 0;
padding: 4px 15px 16px 15px;
line-height:18px;
}


h1 {
	margin: 0px 15px 15px 15px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 22px;
	color: #DC1404;
}

h2 {
margin: 0 30px 0 30px;
padding: 0;
font-size: 12px; 
font-weight: bold; 
color: #000;
}

strong, bold { color:#DC1404;}

ul, ol {
margin: 0;
padding: 0 35px 16px 35px;
}

ul li {
margin: 3px 0 3px 25px;
padding: 0;
list-style-image: url(images/bullet.gif);
}


ol li {
margin: 3px 0 3px 25px;
padding: 0;
}
ul.left {
	float: left;
	margin: 15px 15px 0px 0px;
	width: 210px;
	padding: 0px 0px 0px 60px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.left li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	line-height: 16px;
}

iframe {

	text-align: center;
}

div#map {

	text-align: center;
}


address {
	margin:0 auto;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	position:absolute;
	top:465px;
	left:568px;
	width: 153px;
	height: 25px;
}

address a:link{
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	}

div#misc {
	position:absolute;
	margin:0 auto;
	padding: 0;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	left: 270px;
	top: 223px;
	width: 243px;
	background-color: #DC1404;
	color:#FFFFFF;
	height: 29px;
}


div {
margin: 0;
padding: 0;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
color: #14130e;
text-decoration: underline;
}

a:hover, a:active {
color: #14130e;
text-decoration: underline;
}

a:visited {
color: #14130e;
text-decoration: underline;
}

/* ----------------- PAGE LAYOUT ELEMENTS (for tables) ----------------- */
table, td, th {
border-collapse: collapse;
}

/* DIV HEADER */
div#header {
width: 770px;
background-image:url(images/containerbg.gif);
padding: 0;
margin: 0 auto;
height:239px;
float:right;
margin-bottom:25px;
}


div#cta{
	position:absolute;
	left: 235px;
	top: -36px;
	width: 473px;
	z-index: 4;

}


.logo{ 
	width: 200px;
	height: 104px;
	margin:0px;
	padding:0px;
	background-image:url(images/logo.gif);
}


/* DIV CONTAINER */
div#container {
width: 770px;
margin: 0 auto;
padding: 0;
position: relative;
text-align:left;
background-image:url(images/container-bg.gif);
}

/* DIV CONTENT */
div#content {
width: 555px;
margin: 0 0 0 0px;
padding: 0;

}

/* DIV SIDEBAR */
div#sidebar {
	width: 217px;
	position: absolute;
	top: 238px;
	left: 553px;
	margin: 0;
	padding: 0;
	z-index: 2;
	height: 231px;
}

div#audiobutton{
width: 238px;
height: 35px;
margin: 0px;
padding: 0px;
}

/* DIV FOOTER */
div#footer {
width: 100%;
height: 35px;
margin: 0 auto;
margin-bottom: 15px;
padding: 3px 0;
position:static;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#cccbcb;
color: #000;
}

div#footerright {
width: 770px;
margin: 0 auto;
padding:0 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #000;
text-align: right;
}

div#footer a:link, div#footer a:visited {
font-size: 9px;
color: #000;
text-decoration: underline;
}

div#footer a:hover, div#footer a:active {
font-size: 9px;
color: #000;
text-decoration: none;
}

/* DIV COPYRIGHT */
div#copyright {
width: 770px;
margin: 0 auto;
padding: 5px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #000;
}

div#copyright a:link, div#copyright a:visited, div#footerright a:visited, div#footerright a:link {
font-size: 9px;
color: #14130e;
text-decoration: none;
}

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
font-size: 9px;
color: #14130e;
text-decoration: underline;
}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;
}
 
div#applet div {
position: absolute;
top: 52px;
left: 75px;
width: 68px;
height: 30px;
}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;
}

/* ----------------- MAIN NAVIGATION ----------------- */






ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: none;

	}

ul#mainnav li {
	/* float: left; */
	
	padding: 0px;
	display: inline;
	list-style: none;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 30px;
	padding-top: 5px;
	margin: 0px;
	font-weight:bold;
	color: #173659;
	padding-left: 20px;
	border-bottom: 1px solid #709dcf;
	background-color: #9bc0ea;

	


	

}


ul#mainnav li a:hover, ul#mainnav li a.current {
	color:#fff;
	font-weight:bold;
		background-color: #dc1404;

}









/* ----------------- IMAGE ELEMENTS ----------------- */
.imgleft {
float: left;
margin: 0px 10px 30px 0px;
padding: 3px;
border: 1px solid #ccc;
}

.imgright {
float: right;
margin: 0px 0px 10px 10px;
padding: 3px;
border: 1px solid #ccc;
}

.imgrightnbdr {
float: right;
margin: 0px 0px 10px 10px;
clear:both;
}

#clearboth {
clear: both;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.boldunderlined {
font-weight: bold;
text-decoration: underline;
}

.textcenter {
text-align: center;
font-size:10px;
}

.textcenterbold {
text-align: center;
font-weight: bold;
}

.copyright img {
margin-top:10px;
border:1px solid #000;

}

ul, ol {
margin: 0px 15px 0px 25px;
padding: 0px 0px 16px 35px;
font-size: 11px;
line-height: 20px;
}

ul li {
margin: 0px 0 3px 0px;
padding: 0;
list-style-image: url(images/bullet.gif);
font-size: 11px;
line-height: 20px;
}

#copyright img {
margin-top:10px;

}



.coupon{ position:absolute;
			top:530px;
			right:3px;
			width:215px;
			height:64px;
			border:none;}