html, body { height:100%; }

body { background:#cd0000 url(../images/body.gif) repeat-x top; }

* {
margin:0;
padding:0;
border:0;
list-style:none;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#diet-blog-corner {
	width:180px;
	height:180px;
	position:fixed;
	top:0;
	right:0;
}

#diet-blog-circle {
	width:141px;
	height:138px;
	position:relative;
	top:80px;
	right:80px;
	float:right;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
width:1000px;
background:transparent url(../images/wrap.jpg) repeat-y;
}

#footer {
height: 125px; /* .push must be the same height as .footer */
width:1000px;
background:transparent url(../images/footer.jpg) no-repeat;
margin:auto;
}

#push {
height:125px;
clear:both;
}

#header { 
width:1000px;
height:220px;
background:transparent url(../images/header.jpg) no-repeat;
}

h1 { width:290px; margin:auto; }
* + html h1 { margin-top:0; }

#main-menu { 
width:1000px;
height:80px;
background:url(../images/menu.jpg) no-repeat;
}

#menu-cap {
width:920px;
height:20px;
position:relative;
margin:auto;
top:1px;
z-index:1000;
}

#main-menu ul { width:920px; margin:auto; height:80px; position:relative; top:-18px; }
#main-menu ul li { float:left; width:90px; height:80px; }

/*
#home-button {
	position:relative;
	left:-10px;
}

#about-us {
	position:relative;
	left:-30px;
}
#gift-cards, #menu, #employment, #community, #contact { 
	position:relative;
	left:-45px;
}

#pizza-blog {
	position:relative;
	left:-70px;
}

#facebook, #twitter, #subscribe {
	position:relative;
	left:-100px;
}
*/
#home-button a img,
#about-us a img,
#gift-cards a img,
#menu a img,
#employment a img,
#community a img,
#contact a img,
#facebook a img,
#twitter a img,
#subscribe a img,
#pizza-blog a img
{
    position: relative;
    border: none;
}

#submenu-community a img,
#submenu-fundraising a img,
#submenu-photo-gallery a img,
#submenu-video-gallery a img
{
	opacity: .8;
	height: 80%;
    position: relative;
	left:20px;
	top:8px;
    border: none;
}

#content {
width:920px;
clear:both;
margin:auto;
}

* + html #content { margin-top:20px; }

.content-three-quarter { width:690px; }
.content-half { width:460px; }
.content-quarter { width:230px; }

.content-five-sixty { width:560px; }
.content-three-sixty { width:360px; }

.Calign { text-align:center; }

.clear { clear:both; }
.Rclear { clear:right; }
.Lclear { clear:left; }

.Rfloat { float:right; }
.Lfloat { float:left; }

.imgRight { float:right; margin:10px; }
.imgLeft { float:left; margin:10px; }

.thumbnails li { float:left; width:164px; height:164px; padding:20px 0 0 20px; background:white url(../images/thumb-bg.gif) no-repeat; }

.map-box { width:300px; margin:5px auto; border:1px solid #ccc; }
.map-box iframe { vertical-align:bottom; }

.video-box { width:640px; margin:10px auto;border:1px solid #ccc; }
.video-box object { vertical-align:bottom; }

.submenu { height:80px; margin:10px 0; }
.submenu li { width:230px; height:80px; float:left; background:white url(../images/submenu.png) no-repeat; }

#mockup { 
width:440px;
margin:auto;
}
#mockup img { vertical-align:bottom; }

form.smallForm { 
width:520px;
margin:auto;
border:1px solid #aaa;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}

.smallForm fieldset { 
width:510px; 
padding:5px;
margin:auto;
}

.smallForm legend { 
text-transform:uppercase;
font-size:14px;
color:#262626;
margin:5px;
font-weight:bold;
}

.smallForm .fieldHolder, .smallForm .textfieldHolder { 
width:510px;
height:30px;
margin:5px 0;
}

* + html .smallForm .fieldHolder { height:30px; }
* + html .smallForm .textfieldHolder { height:80px; }

.smallForm .textfieldHolder { height:80px; }

.smallForm .fieldHolder label, .smallForm .textfieldHolder label {
width:250px;
float:left;
margin:6px 5px 2px 0;
font-size:12px;
color:#1f1f1f;
text-transform:uppercase;
text-align:right;
letter-spacing:.9px;
}

.fieldHolder label.required, .textfieldHolder label.required { color:#ff0000; }

.smallForm .fieldHolder input, .smallForm .textfield, .smallForm select {
width:235px;
height:25px;
float:left;
border:1px solid #999;
border-radius:2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px; 
}

.smallForm input.shortField { width:70px; }

.smallForm input.checkbox { width:15px; border:0; }

input.totalField { font-size:16px; color:#7e9916; width:100px; font-weight:bold; }

.smallForm .textfield { height:75px;font-size:12px; }

.smallForm .captchaBox { float:left; margin-left:10px; }

.submitButton {
padding:2px;
background:#cd0000 url(../images/submit.gif) repeat-x top;
border:1px solid #7d0000; 
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-weight:bold;
font-size:16px;
color:white;
text-transform:uppercase;
text-align:center;
overflow:visible;
cursor:pointer;
margin:2px;
}

table { border-collapse:collapse; font-size:12px; width:90%; margin:10px auto; } 
th, td { border:1px solid #999; padding:2px 5px; text-align:center; }

.comment-holder { width:550px; margin:auto; clear:both; }
.comment-two { border:1px solid #CFD0D0; border-left:0; border-right:0; background:#EDEEE7; }
.comment-info { width:180px; float:left; }
.comment-info p { font-size:10px; margin:5px; text-align:right; padding:5px; line-height:14px; }
.comment { width:350px; float:left;background:none transparent;margin-top:5px;margin-bottom:5px; border-left:1px dotted #CFD0D0; }
.comment p { margin:5px; }

.comment-removal { width:20px; height:20px; float:right; }

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider { position:relative; }
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider-wrapper {
	width:890px;
	height:325px;
	padding:11px 0 0 30px;
	background:#fff url(../images/banner-box-big.gif) no-repeat;
	margin:auto;	
}

/** + html #slider-wrapper { position:relative; top:-230px; z-index:50; }*/

#slider {
	position:relative;
    width:860px;
    height:265px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:0;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	float:left;
	margin-left:-5px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px; font-size:11px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; }
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/dark-loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}