/*** Element Presentation Styles ***/

body {
	color: #885D26;
	background: #FFFFFF url('images/background.jpg') repeat;
	background-position: center top;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	min-width: 900px;
}

h1, h2, h3, h4, h5 {
	color: #EF86B7;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

p {
	color: #885D26;
	padding: 0px 0px 15px 0px; /* 0 0 13 0 */
	margin: 0px;
}

a:link, a:visited {
	color: #EF86B7;
	text-decoration: none;
}

a:hover {
	color: #4981C3; /* #B5CEEF; */
	text-decoration: underline;
}

address {
	font-size: .90em;
	font-style: normal;
	padding: 0px;
	margin: 0px;
}


/*** ID & Div Presentation Styles ***/

#title {
	color: #EF86B7;
	background-color: #FFFFFF;
	text-align: center;
}

.categoryTitle {
	color: #EF86B7;
	background-color: #FFFFFF;
	border-top: 1px solid #EF86B7;
	border-bottom: 1px solid #EF86B7;
	padding: 5px 20px 5px 20px;
}

.subtitle, .subtitle a:link, .subtitle a:visited {
	color: #4981C3;
	background-color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
}

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

#content {
	color: #885D26;
	background-color: #FFFFFF;
}

.subcontent {
	padding: 10px 0px 0px 0px;
}

.subcontent div.subcontent {
	padding: 10px 20px 0px 20px;
}

.subcontent img {
	max-width: 200px;
	height: 200px;
	border: 0px;
}

.imagesRight img {
	float: right;
	clear: right;
	margin: 0px 0px 5px 10px;
}

.imagesLeft img {
	float: left;
	clear: left;
	margin: 0px 10px 5px 0px;
}

.imagesBanner {
	width: 100%;
}

.imagesBanner img {
	margin: 5px;
}

#menu {
	text-transform: uppercase;
	font-size: .8em;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
}

#menu a:hover {
	text-decoration: none;
}

#footer {
	text-align: center;
	padding: 5px;
}

.top {
	padding-top: 0px;
}

.bottom {
	padding-bottom: 0px;
}

.leftContent {
	text-align: left;
}

div.leftContent div.subcontent {
	padding-right: 100px;
}

.rightContent {
	text-align: right;
}

div.rightContent div.subcontent {
	padding-left: 100px;
}

.pink {
	color: #EF86B7;
}


/*** Homepage Styles ***/

.homeImages img {
	max-width:275px !important;
	width:257px !important;
}

#specials ul {
	list-style: disc;
	margin-top: 0pt;
	padding-top: 0pt;
}

/*** END Homepage Styles ***/



/*** LAYOUT AND STRUCTURE ***/

#logo {
	background: transparent url("images/logo.gif") no-repeat scroll 0% 50%;
	border: 0pt;
	margin: 20px auto 0pt;
	padding: 0pt;
	width: 257px;
	height: 170px;
	position: relative;
	z-index: 3;
}

#logo a {
	border: 0pt none;
	cursor: pointer;
	display: block;
	height: 0px !important;
	margin: 0pt auto;
	overflow: hidden;
	padding: 170px 0pt 0pt; /* padding-top = height of image */
	text-decoration: none;
	width: 257px;
}



#wrapper {
	position: relative;
	top: -70px; /* this moves the content up under the logo, modify #logoOffset & #footer height if this is changed */
	width: auto;
	margin-left: 50px;
	margin-right: 50px;
	z-index: 0;
}

#logoOffset {
	height: 70px; /* use this to offset the difference of #wrapper{ top: -xx px; } so borders extend over full content area */
}

#innerWrapper {
	position: relative;
	top: 70px;
}

#menu {
	width: 765px; /* FF2 = 725, FF3 = 765, Safari = 765, IE6 = 796, IE7=796 */
	margin-left: auto;
	margin-right: auto;
}

.gecko #menu {
	width: 765px;
}

.win.gecko #menu {
	width: 800px;
}

#title {
	padding: 20px 5px 0px 5px;
	margin: 0px;
}

#content {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.boxSpacer {
	height: 20px;
}

/*** Rounded corners layout through pure CSS ***/

.xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h2 {border:0;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; /* margin:1em; */ }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #885D26; border-right:1px solid #885D26;}
.xb1 {margin:0 5px; background:#885D26;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #885D26; border-width:0 1px;}


/*** MENU CSS ***/

#nav {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:22px; 
	background:#FFFFFF; 
	position:relative; 
	z-index:500; 
}

#nav li.top {
	display:block; 
	float:left;
	padding:0 6px 0 6px; 
	border-left: 1px solid #885D26;
}

#nav li.first {
	display:block; 
	float:left;
	padding:0 6px 0 6px;
	border-left: 0px solid #885D26;
}

#nav li a.top_link {
	display:block; 
	float:left; 
	height:22px; 
	line-height:27px; 
	font-weight:bold; 
	cursor:pointer;
}

#nav li a.top_link:hover {}

#nav li a.top_link:hover span {}

#nav li a.top_link:hover span.down {}

#nav li:hover > a.top_link {}

#nav li:hover > a.top_link span {}

#nav li:hover > a.top_link span.down {}

/* Default list styling */

#nav li:hover {
	position:relative; 
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav li:hover ul.sub {
	left:0; 
	top:21px; 
	background: #FFFFFF; 
	padding:3px; 
	border:1px solid #4981C3; 
	white-space:nowrap; 
	width:160px; 
	height:auto; 
	z-index:300;
}

#nav li:hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:110px; 
	font-weight:normal;
}

#nav li:hover ul.sub li a {
	display:block; 
	height:20px; 
	width:160px; 
	line-height:20px; 
	text-indent:2px; 
}

#nav li ul.sub li a.fly {
	background:#FFFFFF url('images/arrow.gif') 153px 6px no-repeat; /* #FFFFFF url('images/arrow.gif') 80px 7px no-repeat */
}

#nav li:hover ul.sub li a:hover {
	background:#4981C3; 
	color:#FFFFFF;
}

#nav li:hover ul.sub li a.fly:hover {
	background:#4981C3 url('images/arrow_over.gif') 153px 6px no-repeat; /* #4981C3 url('images/arrow_over.gif') 80px 7px no-repeat */
	color:#FFFFFF;
}

#nav li:hover ul li:hover > a.fly {
	background:#4981C3 url('images/arrow_over.gif') 153px 6px no-repeat; /* #4981C3 url('images/arrow_over.gif') 80px 7px no-repeat */
	color:#FFFFFF; 
}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:160px; 
	top:-4px; 
	background: #FFFFFF; 
	padding:3px; 
	border:1px solid #4981C3; 
	white-space:nowrap; 
	width:160px; 
	z-index:400; 
	height:auto;
}