/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 July 2010
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	/* Kris Tags *********************************/
	
	
	body
	{
		text-align:  center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size:   11px;
		line-height: 17px;
		color:       #333;
		min-width:   500px;
		height: 	 100%;
		width: 		 100%;
		padding:     0;
		margin:      0;
	}
	body.Deli
	{
		background-image: url(../images/deliBG.jpg); 
		background-repeat: repeat-y;
		top: 0;
		left: 0;
		text-align:  center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:   11px;
		line-height: 17px;
		color:       #333;
		min-width:   500px;
		height: 	 100%;
		width: 		 100%;
		padding:     0;
		margin:      0;
		*padding:	 0px;
		*margin:	 0px;
	}
	body.Sandwich
	{
		background-image: url(../images/sandwichWorksBG.jpg); 
		background-repeat: repeat-y;
		top: 0;
		left: 0;
		text-align:  center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:   11px;
		line-height: 17px;
		color:       #333;
		min-width:   500px;
		height: 	 100%;
		width: 		 100%;
		padding:     0;
		margin:      0;
		*padding:	 0px;
		*margin:	 0px;
	}
	
	#bodyLayout {
		position:absolute; 
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0;
		margin: 0;
		padding: 0;
		width:100%; 
		height:100%; 
		height:100% !important; /* real browsers */
		z-index:1; 
		background-color: #FFFFFF; 
		border: 0px none #000000;
		background-color: #FFFFFF;
	}
	
	#bodyLayoutDeli {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0;
		margin: 0;
		padding: 0;
		width:100%; 
		height:100%; 
		height:100% !important; /* real browsers */
		z-index:1; 
		background-color: #FFFFFF; 
		border: 0px none #000000;
		background-color: #FFFFFF;
	}
	
	#bodyLayoutSandwich {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		margin: 0;
		padding: 0;
		width:100%; 
		height:100%;
		height:100% !important; /* real browsers */
		z-index:1; 
		background-color: #FFFFFF; 
		border: 0px none #000000;
	}
	
	#sidebarBackgroundBlank {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:245px; 
		height:100%; 
		height:100% !important; /* real browsers */
		z-index:2; 
		background-color:#ffc42f;
	}
	
	#sidebarBackgroundDeli {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:309px; 
		height:100%;
		height:100% !important; /* real browsers */
		z-index:2; 
		background-color:#ffc42f;
		background-image: url(../images/deliBG.jpg); 
		background-repeat: repeat-y;
	}
	#sidebarBackgroundSandwich {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:308px; 
		height:100%;
		height:100% !important; /* real browsers */
		z-index:2; 
		background-color:#ffc42f;
		background-image: url(../images/sandwichWorksBG.jpg); 
		background-repeat: repeat-y;
	}
	
	#sidebarBlank {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:245px; 
		height:100%;
		background-color:#ffc42f;
		z-index:4; 
	}
	
	#sidebarDeli {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:309px; 
		height:586px;
		height:100% !important; /* real browsers */
		z-index:4; 
		background-image: url(../images/deli_no_repeatBG.jpg); 
		background-repeat: no-repeat;
	}
	
	#sidebarSandwich {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:0; 
		top:0; 
		width:308px; 
		height:701px;
		height:100% !important; /* real browsers */
		z-index:4; 
		background-repeat: no-repeat;
	}
	
	#bodyContent {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:309px;
		top:0; 
		margin: 0;
		padding: 0;
		width: 700px;
		max-width:1000px; 
		height:100%; 
		z-index:3; 
		background-color: #FFFFFF; 
		border: 0px none #000000;
		background-color: #ffffff;
		text-align:left;
	}
	
	#bodyContentBlank {
		position:absolute;
		_position: absolute; /* for IE 6.0 */
		left:240px;
		top:0; 
		margin: 0;
		padding: 0;
		width:700px;
		max-width:1000px;
		height:100%; 
		z-index:3; 
		background-color: #FFFFFF; 
		border: 0px none #000000;
		background-color: #ffffff;
		text-align:left;
	}
	
	table
	{
		border-collapse: collapse;
		border: 0px;
	}
	
	td
	{
		padding: 0px;
	}
	
	img
	{
		border: 0px;
	}
	
	#img_space
	{
		padding-left: 10px;
		padding-right: 10px;
		border: 0px;
	}
	
	form
	{
		margin: 0;
	}
	
	/* Public Layout ********************************/
	.navBody
	{
		width: 750px;
	}
	/*
	.layPage
	{
		margin-left:       auto;
		margin-right:      auto;
		text-align:        left;
		width:             100%;
		height: 		   100%;
		padding:           0px;
		background-color:  #fff;
		margin-top:	       0px;
		
	}
	
	#layPageDeli
	{
		background: url(../images/deliBG.jpg);
		background-repeat: repeat-y;
		background-position:top left;
		background-color:  #fff;
		margin-left:       auto;
		margin-right:      auto;
		margin-top:	       0px;
		text-align:        left;
		width:             100%
		height: 		   100%;
		padding:           0px;
		z-index: 			1;
	}
	
	#layPageSandwich
	{
		background: url(../images/sandwichWorksBG.jpg);
		background-repeat: repeat-y;
		background-position: top left;
		background-color:  #fff;
		margin-left:       auto;
		margin-right:      auto;
		margin-top:	       0px;
		text-align:        left;
		width:             100%
		height: 		   100%;
		padding:           0px;
		z-index: 		   1;
	}

	#body_sidebar
	{
		background: url(../images/deli_no_repeatBG.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		background-color:   #ffc42f;
		margin:		 0px;
		padding: 	 0px;
		z-index: 	 2;
	}
	
	#body_sidebar2
	{
		background: url(../images/sandwichWorksBG.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		background-color:   #ffc42f;
		padding:     0px;
		margin:      0px;
		z-index:	 2;
	}
	
	#events
	{
		position: relative;
		padding:     0px;
		margin:      0px;
		z-index: 	 3;
	}
	*/
	
	#body_content_title
	{
		position:absolute; 
		left:18px; 
		top:15px;
		z-index:5;
		width: auto;
	}
	
	#body_content_top_bar
	{
		position:absolute; 
		left:-22px; 
		top:45px;
		height:1px;
		width:581px;
		z-index:6;
		padding: 0px;
		margin: 0px;
		
		*height: 1px;
		*width: 581px;
	}
	
	#body_cms
	{
		position:relative;
		left:0px; 
		top:-4px;
		bottom: 0px;
		z-index:7;
		width: 693px;
		*padding: 0px;
		*margin: 0px;
	}
	
	/*
	div.layNav
	{
		color:            #000;
		padding:          0px;
		margin:			  0px;
	}
	*/
	
	div.twitter
	{
	position: 		absolute;
	background: 	url(../images/twitterBG.png) top center no-repeat;
	height:			125px;
	text-align: 	left;
	width:			231px;
	padding:		0px;
	margin-top:		14px;
	line-height:	14px;
	}
	
	/*
	div.layNav div.search
	{
		float:     right;
		color:     #000;
		font-size: 9px;
	}
	
	div.layNav div.search input
	{
		width: 123px;
	}
	*/
	div.layMasthead
	{
		height:     250px;
		overflow-y: hidden;
	}
	
	div.layMastheadAdmin
	{
		background-color: #ffc42f;
		height:           100px;
	}
	
	div.layMasthead p
	{
		margin:  0;
		padding: 0;
	}
	
	div.layContentHome
	{
		margin:         20px 40px;
		padding-bottom: 10px;
		line-height:    17px;
	}
	
	div.layContent
	{
		

	}
	
	div.laySide
	{
	
	}
	
	div.laySide p
	{
		margin:  0;
		padding: 0;
	}
	
	div.layCTA
	{
		padding:             0 18px;
		background-position: bottom left;
		background-repeat:   repeat-x;
		height:              170px;
	}
	
	div.layCTA div.rule
	{
		background-color: #666;
		height:           1px;
		font-size:        0;
		line-height:      0;
	}
	
	div.layCTA div.tile
	{
		width:   235px;
		padding: 0 25px;
		margin:  7px 0;
		float:   left;
		line-height: 17px;
	}
	
	div.layCTA div.tile a.go
	{
		display:         block;
		margin-left:     auto;
		margin-right:    auto;
		margin-top:      5px;
		width:           79px;
		height:          20px;
		text-decoration: none;
	}
	
	div.layCTA div.tile a.go img
	{
		width:           79px;
		height:          20px;
	}
	
	div.layCTA h2
	{
		color:     #626e4d;
		font-size: 11px;
		margin:    0;
	}
	
	
		
	/* Admin Layout *********************************/

	
	td.layNavLeftAdmin
	{
		vertical-align:   top;
		width:            180px;
		padding:          0px;
	}
	
	td.layFooterAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}
	
	div.adminNavFloat
	{
		padding-top:   20px;
		padding-right: 10px;}
	
	.adminBody
	{
		background-color: #ffffff;
	}
	#adminLink
	{
		width: 920px;
		padding: 10px;
		position: absolute;
		top: 95px;
		left: 500px;
		z-index: 8;
		
	}
	
	/*  **********************************/
	
	/*
	.layNavLeft
	{
		background-color:   #ffc42f;
		width:				200px;
		padding: 			0px;
		margin: 			0px;
	}
	*/
	
	.sideImg
	{
		padding:15px;
	}
	
	.layHeader
	{
		background-color: #fff;
		padding:0;
		margin:0;
	}
	
	.layFooter
	{
		position: 			relative;
		background-color:	#ffc430;
		text-align:    		center;
		color:         		#000;
		font-weight:		bold;
		height: 			33px;
	}
	
	#layFooter2
	{
		position: relative;
		vertical-align:   bottom;
		z-index: 6;
		text-align:    right;
	}
	
	.layFooter a:hover
	{
		color: #ececec;
	}
	
	span.avibe a
	{
		font-size:		10px;
		font-weight:	normal;
		color:			#999;
		text-decoration: none;
		padding-top:	30px;
		margin-right: 10px;
	}	
	
	span.avibe a:hover
	{
		color:#000;
		text-decoration: underline;
	}	
	
	.copyright
	{
		position: 		absolute;
		margin: 		0;
		top: 			710px;
		left: 			0;
		padding-left:	15px;
		font-size:		10px;
		color:			#000;
		vertical-align: top;
		text-align: 	left;
	}
	.copyright_deli
	{
		position: 		absolute;
		margin: 		0;
		top: 			699px;
		left: 			0;
		padding-left:	15px;
		padding-top:    11px;
		font-size:		10px;
		color:			#000;
		width: 			230px;
		vertical-align: top;
		text-align: 	left;
		background-color:#ffc42f;
		background-image: url(../images/deli_no_repeatBG.jpg); 
		background-repeat: repeat-y;
	}
	
	/*.Body
	{
		width:700px;
		height: 100%;
	}
	*/
	
	#twit_div { padding: 0; }

	ul#twitter_update_list { list-style: none; padding: 0; margin: 0; }
	
	.twitter_update_list { width: 220px;}

	ul#twitter_update_list li {  width: 150px; list-style: none; font-family: Verdana, Geneva, sans-serif; font-size: 11px; padding: 5px; margin: 0px 0px 0px 0px; }

	ul#twitter_update_list li a { font-size: 10px; }
	
	#avibe_home
	{
		position:			absolute;
		margin:0;
		bottom:				20px;
		top: 				700px;
		right:				25px;
		z-index:			20;
	}
	
}