/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-image:  url(../images/line_background.gif);
	margin: 0px;
	background-color: #FFFFFF;
}

#tagline {
    color: #FFFFFF;
}

/* Global Menu Styles */

#menu a {
    font-size: 11px;
	color: #FFFF99;
}

#menu a:link {
   text-decoration: none;
   color: #FFFF99;
}

#menu a:visited {
   text-decoration: none;
   color: #FFFF99;
}

#menu a:hover {
   text-decoration: underline;
   color: #FFFF99;
}

#menu a:active {
   text-decoration: none;
   color: #FFFF99;
}

/* Misc Styles */

#copyright {
    font-size: 10px;
	color: #666666;
	text-align: center;
}

#tagline {
    color: #FFFFFF
}

/* Main Navigation Menu Styles */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {padding: 0px; margin:0; list-style:none; font: 9pt arial, verdana, sans-serif; background: #transparent; position:relative; z-index:200; width: 95%;}

#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 9pt arial, verdana, sans-serif; border:1px solid #076AB9; background: #B5E8FF; position:relative; z-index:200;}
#nav {height:20px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 0px 0 10px; border-right: 1px solid #999999;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li li { border-right: none; }
#nav li.noborder { border-right: none;}

#nav li a {display:block; float:left; color:#000; height:15px; padding-right:12px; padding-left: 3px; line-height:15px; text-decoration:none; white-space:nowrap;}

#nav li li a {height:20px; line-height:20px; float:none; border-right: none;}

#nav li:hover {position:relative; z-index:300; background: transparent;}
#nav a:hover {position:relative; z-index:300; text-decoration:none; color:#1C63B0;}
#nav li ul li a:hover { text-decoration: underline; }

#nav :hover ul {left:0; top:15px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#1C63B0;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* Main Content Area Styles */

#maincontent {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	color: #000000;
	font-size: 10pt;
}

#maincontent h1 {
	color: #006699;
	font-size: 19pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#maincontent h2 {
	color: #0066CC;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#maincontent h3 {
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#maincontent h4 {
    color: #000000;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#maincontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#maincontent a {
	color: #0000FF;
}

#maincontent a:link {
	text-decoration: none;
}

#maincontent a:visited {
    text-decoration: none;
	color: #0000FF;
}

#maincontent a:hover {
    text-decoration: underline;
}

#maincontent a:active {
    text-decoration: none;
}

#maincontent table {
    padding: 0px;
	margin: 0px;
	border: none;
}

#maincontent td {
    border: none;
}

/* Breadcrumb Styles */

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border-bottom: 1px solid #999999;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.breadcrumb a {
	color: #0000FF;
}

.breadcrumb a:link {
	text-decoration: none;
}

.breadcrumb a:visited {
    text-decoration: none;
	color: #0000FF;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb a:active {
    text-decoration: none;
}

#maincontent .bodyText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

#maincontent .bodyText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

#maincontent .bodyText3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	font-style: italic;
}

#maincontent .bodyText4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0066CC;
	font-weight: bold;
}
#maincontent .bodyText5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #006699;
	font-weight: normal;
}
#maincontent .bodyText6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #0066CC;
	font-weight: normal;
}
#maincontent .bodyText7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
#maincontent .bodyText8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #00000;
	font-weight: normal;
}

#maincontent .bodyText9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}
#maincontent .bodyText10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}
#maincontent .bodyText11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003479;
}

#maincontent .bodyText12 {
	color: #77B0CD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

#maincontent .boldText1 {
	color: #77B0CD;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
}

.bodyText13 {
	color: #77B0CD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.bodyText14 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px;
	text-align: right;
}

.bodyText15 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 20px;
}

/* Footer Styles */

#footer {
    font-size: 10px;
	color: #666666;
	text-align: center;
	height: 19px;
}

#footer .bodyText1 {
	font-size: 10px;
}

#footer .bodyText2 {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

#footer .bodyText4 {
	font-size: 13px;
	color: #0066CC;
	font-weight: bold;
}

/* Valpak 6 Styles */

.btn {
 background-image: url(/advertise/images/btnBG.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-top-color: #69C;
 border-left-color: #69C;
 border-right-color: #666;
 border-bottom-color: #666;
 color: #FFF;
 font: bold 11px Tahoma,Verdana;
 padding: 0 1px 2px 2px;
 cursor: pointer;
}

input,select {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 11px;
 border: solid 1px #999;
 padding-left: 2px;
 height: 17px;
 vertical-align: middle;
}

textarea {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 11px;
 border: solid 1px #999;
 padding-left: 2px;
 vertical-align: middle;
}

.franchiseName {
	font-size: 10px;
}

.franchiseNumber {
	font-size: 14px;	
}

.revHead { color: #FFFFFF; font-size: 9pt; font-weight: bold; }

.required {
	color: #D00000;
	font-size: 14px;
	font-weight: bold;
}

* html .zipSearch {
	padding-top: 4px;
	vertical-align: bottom;
}