/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~ GLOBAL SELECTORS AND SUCH ~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
{
	margin: 0;
	padding: 0;
	background: #ccccee url(../images/bg_blurred.gif) repeat top center;
	background-attachment: fixed;
}

a:link, a:visited, a:active, a:hover
{
	text-decoration: none;
	color: #663399;
}

a:hover {text-decoration: underline}

h1, h3, h4, h6, p, div
{
	font-family: "lucida sans", verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: #cc6699;
	line-height: 15pt;
}

h1, h2, h3, h4, h5, h6 
{
	margin: 0;
	text-align: left;
}

h2 
{
	margin-bottom: 20px;
	padding-bottom: 2px;
	font-size: 16pt;
	background: url(../images/underline.gif) no-repeat bottom left;
}

h3 {font-size: 12pt}

h5
{
	font-size: 14pt;
	color: #000000;
	line-height: 15pt;
}

img {border: 0}

input, select, textarea
{
	font-family: "lucida sans", verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	padding: 1px;
	border: 1px solid #cacae2;
	background: #ffeeff;
}

.separator 
{
	margin: 0;
	height: 35px;
	background: url(../images/separator.gif) no-repeat top left;
}

.separator hr {display: none}


.hidden
{
	font-size: 1px;
	visibility: hidden;
}

.centered {text-align: center}

.clear
{
	clear: both;
	margin: 0;
	padding: 0;
}

.divider 
{
	padding: 0 5px;
	color: #cc6699;
}

.extra-space {margin: 0 0 20px 0}

td.day {padding-right: 10px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~ MAIN CONTENT AREA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container
{
	position: relative;
	margin: 60px auto 0 auto;
	padding: 0;
	width: 650px;
}

#header h1 {margin: 0}

#logo
{
	display: block;
	position: absolute;
	top: -57px;
	right: -50px;
	margin: 0;
	padding: 0;
	width: 205px;
	height: 120px;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -3000px;
	/*border: 1px solid red;*/
}

#header h1 > #logo {background: url(../images/logo.gif) no-repeat top left}

#logo:hover {text-decoration: none}

#delishelmwood
{
	margin: 0 0 3px 13px;
	padding: 0;
	width: 250px;
	height: 23px;
	background: url(../images/delishelmwood.gif) no-repeat top left;
	text-indent: -3000px;
}

#separator-promotions 
{
	height: 10px;
	background-position: 0 -25px;
}

#promotions, #content
{
	margin: 0;
	padding: 0 15px;
	background: #fff url(../images/content_bg.gif) repeat-y;
}

#promotions-main
{	
	margin: 0;
	padding: 0 15px;
}

#promotions p {margin: 0}

#content-main
{
	float: left;
	margin: 0;
	padding: 0 15px;
	width: 330px;
	text-align: justify; 
}

#content-sidebar
{
	width: 245px;
	_width: 242px;
	margin-left: 360px;
	padding: 0 15px 0 0;
	text-align: right;
}

#content p 
{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 8pt;
}

#content .clear {height: 1px}

#separator-footer {height: 10px}

#footer 
{
	margin: 0 0 15px 0;
	padding: 10px 0;
	background: url(../images/rounded_bottom.gif) no-repeat bottom left;
}

#container > #footer {background: url(../images/rounded_bottom.png) no-repeat bottom left}

#footer p, #footer #information
{
	margin: 0;
	color: #663399;
	text-align: center;
}

#footer #rights, #footer #schneiderdigital {display: inline}

#footer #rights {margin-right: 5px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~  NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav
{
	margin: 0;
	padding: 10px 0 10px 15px;
	background: url(../images/rounded_top.gif) no-repeat top left;
}

#container > #nav {background: url(../images/rounded_top.png) no-repeat top left}

#nav-main
{
	position: relative;
	z-index: 1000;
	margin: 0;
	padding: 0;
	width: 530px;
	list-style: none;
}

#nav-main li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#nav-main a
{
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #cc6699;
	font-weight: bold;
}

#nav-main a:hover 
{
	text-decoration: none;
	background: #eeffcc;
}

#nav-main #nav-home {border: 0}

#nav-tab 
{
	display: block;
	position: absolute;
	top: 40px;
	left: -50px;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 140px;
	background: url(../images/nav_tab.gif) no-repeat top right;
	list-style: none;
}

#nav-tab a
{
	display: block;
	position: absolute;
	text-decoration: none;
	text-indent: -3000px;
}

#nav-tab a:hover {text-decoration: none}

#nav-tab #nav-cal
{
	top: 9px;
	left: 6px;
	width: 36px;
	height: 37px;
	background: url(../images/nav_tab_cal.gif) no-repeat top left;
}

#nav-tab #nav-giftcert
{
	top: 50px;
	left: 2px;
	width: 48px;
	height: 37px;
	background: url(../images/nav_tab_giftcert.gif) no-repeat top left;
}

#nav-tab #nav-faq
{
	top: 94px;
	left: 5px;
	width: 38px;
	height: 39px;
	background: url(../images/nav_tab_faq.gif) no-repeat top left;
}

#nav-register {margin: 0}

#nav-reg
{
	display: block;
	position: absolute;
	top: 190px;
	left: -50px;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 127px;
	text-decoration: none;
	text-indent: -3000px;
	background: url(../images/reg_tab.gif) no-repeat top left;
}

#nav-reg:hover {background-position: bottom left}

#nav-chopchop {margin: 0}

#nav-chop
{
	display: block;
	position: absolute;
	top: 325px;
	left: -50px;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 133px;
	text-decoration: none;
	text-indent: -3000px;
	background: url(../images/chop_tab.gif) no-repeat top left;
}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~  PER PAGE OVERRIDES ~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#home #promotions-main h3 
{
	height: 75px;
	background: url(../images/open.png) no-repeat top center;
	text-indent: -3000px;
}

#home #side-egg {margin-top: 70px}

#pastry #content-sidebar,
#school #content-sidebar,
#team #content-sidebar,
#parties #content-sidebar,
#contact #content-sidebar
{padding-top: 20px}

#contact #content-sidebar h3 {padding: 2px 5px 2px 2px; text-align: right; background: url(../images/sidebar_heading.gif) repeat-y top right}
html>#contact #form-table {margin-left: 30px}
* html #contact #form-buttons {padding-right: 15px}

table#form-table td.cell-right input {width: 115px;}

#contact #contact_form {margin-bottom: 30px;}

#contact #contact_form input,
#contact #contact_form select,
#contact #contact_form textarea
{width: 320px;}

#staff_list dt{
	font-weight: bold;
	
}