@charset "utf-8";
/* CSS Document */
/* COLORS: #fco=Gold, #ccc=LightGray, #3f3f3f=DarkGray, #c60=Cinnamon, #c00=Red, #fff=White, #000=Black */

body {padding:0; margin:0px; color:#000; /*font-size: .9em;*/ font-size: 14px; font-family:/*Georgia,*/ "Times New Roman", Times, serif; background: #CCC url(images/bgfirewhipgraytop.jpg) no-repeat top left; ;}
#outercontainer {width: 1000px; margin:0; padding:0; background-color:transparent;}
#innercontainer {width:650px; margin:0 80px 0 270px; border-left: solid thin #000; border-right: solid thin #000; background: #FFF url(images/no1spinsalone.jpg) no-repeat top left;}

#topbar {margin:0; padding:0; width:650px; height:25px; min-height:25px; background-color:transparent; color:#FFF; overflow:hidden; text-align:right;}
#topbar p {margin:0; padding:4px 8px 0px 8px; font-size:14px;}
#topbar a, topbar a:visited {color:#FFF; text-decoration:none;}
#topbar a:hover, topbar a:active {color:#000; text-decoration:none; background-color:#FC0;}

#pageheader {margin:0px; padding:0px; height:200px; max-height:200px; width: 650px;}
#pageheader h1 {display: none; font-size:1.2em; color: #CC0000; font-weight:bolder; text-transform:lowercase;}
#pageheader h2  {font-size:1.2em; display: none; font-weight:bolder; text-transform:lowercase;}

/* NAV STYLES ARE AT THE END */

#main {margin:0; padding:20; width:650px; background: #FFF;}
#main h3 {font-size:1.4em; letter-spacing:2px; color:#3f3f3f; padding-left:16px; font-weight:bold;}
#main h4 {font-size:1.25em; color:#3f3f3f; padding-left:24px; font-weight:bold;}
#main h5 {font-size:1.25em; color:#3f3f3f; padding-left:24px; font-weight:bold; font-style:italic;}
#main h6 {font-size:1.1em; color:#3f3f3f; padding-left:28px; font-weight:bold;}
#main p {margin:0; padding:4px 20px 16px 32px;}
/*.gallery { width:590px; margin: 4px 25px 4px 35px;}*/
.thumbnaildiv { width:570px; margin: 4px 25px 4px 0px;}
.halfpic { width:275px; margin:0; padding:0; display:inline; float:left; font-size:12px;}

a {color:#C60;}
a:visited {color:#C60;}
a:hover {color:#000; text-decoration:none; background-color:#FC0;}
a:active {color:#000; text-decoration:none; background-color:#FC0;}

h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {color:#CC3300; font-weight: bold; font-size:1.8em; padding:0px 0px 10px 0px; font-family:Georgia, "Times New Roman", Times, serif;}

#footer {text-align:center; margin-top:20px; padding:10px; background-color:#3f3f3f; color:#FFF;}
#footer p {margin:0; padding:4px;}
#footer a, footer a:visited {color:#FFF; text-decoration:none;}
#footer a:hover, footer a:active {color:#000; text-decoration:none; background-color:#FC0;}

#sidebar { position:absolute; left:30px; top:100px; width:220px; border:solid thin #000; background-color:#FFF; margin:0px; padding:0;}
#sidebar p { margin:10px;}
#sidebar h3 { margin:10px; text-align:center;}
#topanchor {position: absolute; top: 0px; left: 0px; height: 0px; width:0px;}
#jumper { position:fixed; left:904px; bottom:10px; width:96px; text-align:center; background-color:transparent;}

.calendar {text-align:center; font-size:smaller; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
.calendar th {background-color:#FFF;}
.calendar td {background-color: #CCC;}
.calendar  .event {background-color:#FC0;}
.hideme {position: absolute; top: 0px; left: 0px; height: 0px; width:0px;}
.warning {font-weight: bold; color: #C00;}
.whitewash {color: #fff;}
.clear { clear:both;}
.green4go {color: #009900;}
.strikeout { text-decoration:line-through; }

/*  NAV 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/navs/final_drop.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 {width:650px; height:25px; font-size:12px; font-weight:bold; position:relative; z-index:1001; border:none;}
/* remove all the bullets, borders and padding from the default list styling */
.nav ul {padding:0;margin:0;list-style-type:none;}
.nav ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown nav positon */
.nav li {float:left;width:130px;position:relative;}
/* style the links for the top level */
.nav a, .nav a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:130px; height:25px; border:none; background:transparent; line-height:23px;}

/* style the second level background */
.nav ul ul a.drop, .nav ul ul a.drop:visited {background:#ccc url(images/nav-off.gif) bottom right no-repeat;}
/* style the second level hover */
.nav ul ul a.drop:hover{background:#fc0 url(images/nav-on.gif) bottom right no-repeat;}
.nav ul ul :hover > a.drop {background:#fc0 url(images/nav-on.gif) bottom right no-repeat;}
/* style the third level background */
.nav ul ul ul a, .nav ul ul ul a:visited {background:#ccc;}
/* style the third level hover */
.nav ul ul ul a:hover {background:#fc0;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {visibility:hidden; position:absolute; height:0; top:25px; left:0; width:130px;}

/* position the third level flyout nav */
.nav ul ul ul{left:130px; top:0px; width:130px;}

/* position the third level flyout nav for a left flyout */
.nav ul ul ul.left {left:-130px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.nav ul ul a, .nav ul ul a:visited {background:#ccc; color:#000; height:auto; line-height:1em; padding:5px 10px; width:110px; border:none;}
/* yet another hack for IE5.5 */
* html .nav ul ul a, * html .nav ul ul a:visited {width:130px;w\idth:110px;}

/* style the top level hover */
.nav a:hover, .nav ul ul a:hover{color:#000; background:#fc0;}
.nav :hover > a, .nav ul ul :hover > a {color:#000;background:#fc0;}

/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ visibility:visible;}

/* END NAV STYLES */
