/* Common */
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
		margin:0px;
		padding:0px;
	}
		
	img {
		border: 0;
	}
	.outerContainer 
	{
		display:block;
		position:relative;
		width:100%;
	}
	
	.innerContainer 
	{
		position:relative; display:block; width:997px; text-align:left;
	}
	
	.search {
		color: #494949;
		font-size:9pt;
	}
	
	input {
		font-family: Arial, Helvetica, sans-serif;
		color: #494949;
		font-size : 7pt;
	}	
	
	p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
		margin:0px;
		margin-right:20px;
		margin-bottom:12px;
	}
	ul
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
	}
	ol
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
	}
	.outpostbody
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
	}
	
	.redTxt {
		color:#cc0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
	}
	
	.redTxtC {
		text-transform:capitalize;
		color:#cc0000;
	}
	
	table {
		margin:0px;
		padding:0px;
		border-collapse:collapse;
		border-spacing:0px;
	}
	
	td {
		padding:0px;
	}
	
	ul {
		padding:0px;
		margin:0px;
		margin-bottom:12px;
		margin-left:16px;
	}	
	
	
	/* Content */
	.logoTop {
		left:30px;
		position:absolute;
		top:73px;
		z-index:25;
	}
	
	.header {
		height:63px;
		margin:0px;
		margin-top:1px;
		margin-left:33px;		
	}
	
	.content {
		margin:0px;
		margin-left:161px;
		margin-right:21px;
		margin-bottom:45px;
	}
	
	.redB {
		border: 5px solid #c20000;
	}
	
	.homeBkg {
		width:997px;
		margin:0px;
		padding:0px;
		border-collapse: separate;
	}
	
	.popBkg {
		width:700px;
		margin:15px;
		padding:0px;
		border-collapse: separate;
	}				
	
	.contentTBL {
		border-top:solid 15px #FFFFFF;
		border-left:solid 15px #FFFFFF;
		width:997px;
		margin:0px;
		padding:0px;
		border-collapse: separate;
	}
	.normal
	{	    
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#333333;
	}
	.normal td
    {            
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:9pt;
	    color:#333333;
    }
	.small {
		font-size:7pt;
	}
	
	.pHeader {
		margin-top:11px;
		color: #494949;
	}
	
	.tickerContent {
		white-space:nowrap; 
		margin:0px; 
		padding:0px;
	}
	
	.profileBox {
		width:375px; 
		padding-left:12px; 
		float:right; 
		margin-right:35px;
		margin-bottom:10px;
	}
	
	
	/* Gallery */
	.galleryMain 
	{
		width:750px; 
		position:relative;
	}
	
	.galleryCaption 
	{
		position:absolute; 
		left:610px; 
		top:0px;
	}
	
	.gallerySlideShow 
	{
		position:absolute; 
		bottom:0px; 
		right:150px;
	}
	
	.galleryLG img 
	{
		border:none;
		width:600px;
	}
	
	.galleryThumbBox 
	{
		width:600px; 
		clear:both;
	}
	
	.galleryThumb 
	{
		float:left; 
		margin-right:10px;
	}
	
	.galleryThumbImg 
	{
		display:block;
		width:90px;
		height:90px;
		overflow:hidden;
	}
			
	
	/* Links */	
	a:link, a:visited {
		font-family: Arial, Helvetica, Verdana;
		color: #cc0000;
		font-size : 9pt;
		text-decoration: none;
		font-weight:bold;
	}
	
	a:hover, a:active {
		text-decoration: underline;
		cursor:hand;
	}
	
	a.linkGrey:link, a.linkGrey:visited	{
		font-family: Arial, Helvetica, Verdana;
		color: #6f6966;
		font-size : 9pt;
		text-decoration: none;
		font-weight:bold;
	}
			
	a.linkGrey:hover, a.linkGrey:active	{
		text-decoration: underline;
	}
	
	a.linkDGrey:link, a.linkDGrey:visited	{
		font-family: Arial, Helvetica, Verdana;
		color: #333333;
		font-size : 9pt;
		text-decoration: none;
		font-weight:bold;
	}
			
	a.linkDGrey:hover, a.linkDGrey:active	{
		text-decoration: underline;
	}
	
	a.linkRedSide:link, a.linkRedSide:visited	{
		font-family: Arial, Helvetica, Verdana;
		color: #cc0000;
		font-size : 9pt;
		text-decoration: none;
	}
			
	a.linkRedSide:hover, a.linkRedSide:active	{
		text-decoration: underline;
	}
	
	a.blkLink:link, a.blkLink:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		margin-right:100px;
	}
			
	a.blkLink:hover, a.blkLink:active {
		text-decoration:underline;
	}
	
	a.hLink1:link, a.hLink1:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #494949;
		font-size : 7pt;
		font-weight:bold;
		text-decoration: none;
	}
			
	a.hLink1:hover, a.hLink1:active {
		text-decoration:underline;
	}
	
	a.hLink2:link, a.hLink2:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #adadad;
		font-size : 7pt;
		font-weight:bold;
		text-decoration: none;
	}
			
	a.hLink2:hover, a.hLink2:active {
		text-decoration:underline;
	}
	
	a.footerNav:link, a.footerNav:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #797979;
		font-size : 8pt;
		text-decoration: none;
	}
			
	a.footerNav:hover, a.footerNav:active {
		text-decoration:underline;
	}	
	a.PageNumber:link, a.PageNumber:visited 
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #cc0000;
		font-size : 9pt;
		text-decoration: none;
	}	
	a.PageNumber:hover, a.PageNumber:active 
	{
		text-decoration: underline;
	}
	
	
	/* SideBar */
	.sideTab {
		background:url(../images/sidebarTab.gif); 
		background-repeat:no-repeat; 
		background-color:#6f6966; 
		width:225px; 
		height:22px; 
		position:relative;
		cursor:pointer;
		margin:0px;
	}
	
	.sideTabTitle {
		position:absolute; 
		top:3px; 
		left:7px; 
		font-size:9pt; 
		font-weight:bold; 
		color:#FFFFFF; 
		background-color:#6f6966;
		text-transform:uppercase;
	}
	
	.sideTabPM {
		position:absolute; 
		top:3px; 
		right:-10px; 
		font-size:9pt; 
		font-weight:bold; 
		color:#FFFFFF; 
		background-color:#6f6966;
	}
	
	.sideContent {
		display:block; 
		width:225px; 
		background-color:#f5f3f0; 
		border-bottom:4px solid #6f6966;
		padding:12px 0 0 0;
	}
	
	.sideP {
		margin-left:21px; 
		margin-bottom:7px;
	}
	
	.sideP img
	{
		margin-top:-12px;
		margin-left:-21px;
	}		
	
	.bottomBorder {
		border-bottom:4px double #6f6966;
	}
	
	.sidebarContainer {
		width: 225px;
	}
	
	/*ajax pop ups*/
	.popupMenu {
		position:absolute;
		visibility:hidden;
		background-color:#ffffff;
		border: solid 1px black;
		padding:5px;
		opacity:.9;
		filter: alpha(opacity=90);
	}

	.popupHover {		
		background-position:left top;
		background-color:#ffffff;
	}
	
	
	/* Spacers */
	.noSpace {
		margin:0px;
		padding:0px;
	}
	
	.spacer {
		margin:0px;
		margin-bottom:12px;
	}
	
	.spacerH {
		margin-left:12px;
		margin-right:0px;
	}
	
	.SideBarTop {
		margin:0px;
		margin-top:25px;
	}
	
	
	/* Border, Frames */
	.bBody {
		border:10px solid #ebe8e1;
		margin-top:12px;
		margin-bottom:24px;
		margin-right:26px;
	}
	
	.bDivider {
		background-image:url(../images/divider.gif);
		background-repeat:repeat-y;
	}
	
	
	/* Tabs */
    .tabOff {
		float:left; 
		margin-right:1px; 
		cursor:pointer; 
		width:166px; 
		height:22px; 
		background-image:url(../images/tabOFF.gif);
		font-weight:bold; color:#FFFFFF;
    }

    .tabOn {
		float:left; 
		margin-right:1px; 
		cursor:pointer; 
		width:166px; 
		height:22px; 
		background-image:url(../images/tabON.gif);
		font-weight:bold; color:#cc0000;
    }
    
    .tabTxt {
      padding-top:3px;
      padding-left:7px;
    }
    
    .tabC {
		margin-bottom:25px;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:20px; 
		background-color:#ebe8e1; 
		display:none; 
		clear:left;
    }
	
	.tabP {
		margin-left:15px; 
		margin-right:46px;
		margin-bottom:12px;
	}
	
	.tabGutter 
	{
		margin-right:27px;
	}
	
	
	/* Headers */
	.hGrey {
		text-transform:uppercase; 
		font-size:11pt; 
		color:#666666;
		font-weight:bold;
	}
	
	.hGreySm {
		font-size:9pt; 
		color:#666666;
		margin-bottom:6px;
	}
	
	.hRed {
		text-transform:uppercase; 
		font-size:11pt; 
		color:#cc0000;
		font-weight:bold;
	}
	
	.hRedSm {
		text-transform:uppercase; 
		font-size:9pt; 
		color:#cc0000;
		font-weight:bold;
		margin-bottom:6px;
	}
	
	.hGreyICaps {
		font-size:10pt; 
		color:#666666;
		font-weight:bold;
	}
	
	.hRedICaps {
		font-size:10pt; 
		color:#cc0000;
		font-weight:bold;
	}
	
	.hTitle {
		text-transform:capitalize;
		font-size:9pt; 
		font-weight:bold;
	}
	
	.hSideBarGrey {
		font-size:13.5pt; 
		color:#999999; 
		font-weight:bold;
	}
	
	.hMidGrey {
		font-size:18pt;
		font-weight:normal;
		color:#999999;
	}
	
	.hMidRed {
		font-size:18pt;
		font-weight:normal;
		color:#cc0000;
	}
	
	.hLgGrey {
		font-size:24pt;
		font-weight:bold;
		color:#999999;
	}
	
	.hLgRed {
		font-size:24pt;
		font-weight:bold;
		color:#cc0000;
	}
	
	/* 7 generations */
	.GenMoreLessBtn {
		color:#6f6966;
		background-color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
	}
	
	.GenMoreLessBtnOn {
		color:#6f6966;
		background-color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
	}
	
	.GenMoreLessBtnOn td {
		padding-top:5px;
		padding-bottom:5px;
	}
	
		
	
	/* Recipes */
	.drinkHeader {
		float:left; 
		margin-top:5px;
	}
	
	.Icons {
		float:right; 
		margin-top:5px;
	}
	
	.drinkI {
		margin-top:20px;
	}
	
	.drinkM {
		margin-top:35px;
	}
	
	.dotLine {
		margin-top:5px; 
		margin-bottom:5px;
	}
	
	.more {
		margin-right:10px;
	}
	
	.MoreLessBtn {
		color:#6f6966;
		background-color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
	}
	
	.MoreLessBtnOn {
		color:#FFFFFF;
		background-color:#6f6966;
		font-weight:bold;
		cursor:pointer;
	}
	
	.MoreLessBtnOn td {
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.greyDrinkBox {
		display:block;
		background-image:url(../images/greyGrad.gif);
		background-repeat:repeat-x;
		background-color:#b1b1b1;
		margin-bottom:12px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.greyDrinkBox td {
		padding-top:7px;
		padding-bottom:7px;
		padding-left:12px;
		padding-right:12px;
	}
	
	.drinkCount {
		margin:0px;
		padding:0px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:60pt;
	}
	
	.drinkDetailImage 
	{
		width:184px;
		text-align:center;
		margin-right:19px;
	}
	
	
	/* Navigation */
	a.nav:link, a.nav:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display:block;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:15px;
		padding-right:5px;		
	}
	
	a.nav:hover, a.nav:active 
	{
		background-color:#990000;
	}
	
	a.navOn:link, a.navOn:visited, a.navOn:hover, a.navOn:active {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display:block;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:15px;
		padding-right:5px;
		background-color:#990000;
	}
	
	a.navList:link, a.navList:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display:block;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:15px;
		padding-right:5px;
	}
			
	a.navList:hover, a.navList:active {
		text-decoration:underline;
	}
	
	a.subNav:link, a.subNav:visited {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #999999;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display: block;
		width: 100%;
		margin-top: 7px;
		text-transform: uppercase;
	}
			
	a.subNav:hover, a.subNav:active {
		color: #c61d1f;
		text-decoration:underline;
	}
			
	.subNavActive {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #c61d1f;
		font-size : 9pt;
		font-weight:bold;
		display: block;
		width: 100%;
		margin-top: 7px;
		text-transform: uppercase;
	}
			
	a.subNavActive:link {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #c61d1f;
		font-size : 9pt;
		font-weight:bold;
		display: block;
		width: 100%;
		margin-top: 7px;
		text-transform: uppercase;
	}
	
	a.subSubNav:link, a.subSubNav:visited {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #999999;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display: block;
		width: 100%;		
		text-transform: capitalize;
		padding-left: 5px;
	}
			
	a.subSubNav:hover, a.subSubNav:active {
		color: #c61d1f;
		text-decoration:underline;
	}
	
	.subSubNavActive
	{
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #c61d1f;
		font-size : 9pt;
		font-weight:bold;
		text-decoration: none;
		display: block;
		width: 100%;		
		text-transform: capitalize;
		padding-left: 5px;
	}
	
	
	.redBox {
		position:absolute;
		top:223px;
		left:0px;
		z-index:10;
		width:163px;
		height:267px;
		display:block;
		text-align:right;
		padding-top:17px;
		background-image:url(../images/redBox.gif);
		background-repeat:no-repeat;
	}
	
	.outpostRedBox
	{
		position:absolute;
		top:223px;
		left:0px;
		z-index:10;
		width:163px;
		height:227px;
		display:block;
		text-align:right;
		padding-top: 0px;
		background-image:url(../images/redBox.gif);
		background-repeat:no-repeat;
	}
	
	.navDrop {
		position:absolute;
		top:223px;
		left:163px;
		z-index:10;
		width:164px;
		height:227px;
		padding-top:17px;
		background-image:url(../images/greyBox.gif);
		background-repeat:no-repeat;
		display:none;
	}
	
	.subNavigation {
		font-size:9pt;
		position:absolute;
		top:281px;
		left:30px;
		text-align:left;
		width:150px;
	}
	.outpostSubNavigation
    {
	    font-size: 8pt;
	    position: absolute;
	    top: 465px;
	    left: 30px;
	    text-align: left;
	    text-transform: uppercase;
		width:130px;
		z-index:11;
    }
	
	
	/* Footer */
	.greyBarLeft {
		background-image:url(../images/greybarLeft.gif);
		background-repeat:no-repeat;
		width:422px;
		height:28px;
	}
	
	.greyBarRight {
		background-image:url(../images/greybarRight.gif);
		background-repeat:no-repeat;
		width:422px;
		height:28px;
	}
	
	.fnav {
		margin-top: 10px;
		margin-left:2px;
		margin-bottom:15px;
		color: #797979;
	}
	
	.fnavSpacer {
		margin-left:7px;
		margin-right:7px;
	}
	
	.redButton {
		color:#FFFFFF;
		font-weight:bold;
		border-left:2px solid #FFFFFF;
		border-right:2px solid #FFFFFF;
		background:url(../images/footerButton.gif);
		background-repeat:repeat-x;
		height:17px;
		padding-left:5px;
		padding-right:5px;
		margin-top:5px;
		margin-left:12px;
		margin-right:5px;
	}	
	
	.footerLinks {
		margin:0px;
		margin-top:6px;
		margin-left:12px;
	}			
	
	.footerLeft p {
		font-size:7pt;
		margin:0px; 
		margin-top:12px;
		margin-left:90px;
		margin-right:25px;
		width:320px;
	}
	
	.footerRight p {
		font-size:7pt;
		margin:0px; 
		margin-top:12px;
		width:300px;
	}
	
	#recipeSortResults tr.MoreLessBtn {
		height: 14px;
	}
	
	.filterData, .fullRecipe {
		display:none;
	}
	
	/* Time Line */
	p.top {
		padding-top:12px;
	}
		
	.timeLine p {
		padding-top:5px;
		border-top:solid 1px #CCCCCC;
		line-height:16px;
		margin:0px;
		margin-left:13px;
		margin-right:13px;
		margin-bottom:8px;
	}
	
	p.noBorder {
		border:none;
	}
	
	.theYear {
		font-weight:bold;
		font-size:10pt;
		color:#cc0001;
	}

	.gridTop td {
		background-color: #cc0001;
		color:#FFFFFF;
		font-size:9pt;
		font-weight:bold;
		border-right:solid 1px #FFFFFF;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:5px;
	}
	
	.gridTopGrey td {
		background-color: #666666;
		color:#FFFFFF;
		font-size:9pt;
		font-weight:bold;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:5px;			
	}
	
	.topDivider {
		display:block;
		width:100%;
		height:6px;
		background-image:url(../images/dividerTimeline.gif);
		background-repeat:repeat-x;
	}
	
	.grid {
		border-right:solid 1px #cc0001;
	}	
	
	table#eventtbl
	{
		padding: 5px;
	}
	
	table#eventtbl tr:first-child
	{
		color: white;
		font-weight: bold;
		background-color: #C20000;
	}
	
	table#eventtbl td
	{
		padding: 5px;
		vertical-align: top;
	}
	
	/*login page*/
	.loginLabel
	{
		padding-right:9px;
		font-size:10pt; 
		color:#cc0000;
		font-weight:bold;
		text-align: left;
	}
	.loginBoxSet
	{
		text-align: left;
	}
	.loginBoxSet td
	{
		padding:2px;
	}
	.resetPassword
	{
		font-size:10pt; 
		color:#cc0000;
		font-weight:bold;
		text-align: left;
	}
	.resetPassword table
	{
		width: 250;
	}
	.resetPassword td
	{
		padding:2px;
		padding-bottom: 10px;
	}
	.resetPassword input[type="text"]
	{
		width:200px;
	}
	
	
	
/* The Remake */

#remake_player {
	width: 509px;
	height: 318px;
	display: block;
}

#remake_thumbs {
	width: 527px;
	height: 120px;
	display: block;
	margin:1px 0 0 0;
	padding:0;
}

#remake_thumbs img {
	border: none;
}

.playbutton {
	width: 102px;
	height: 93px;
	float: left;
	margin: 0;
	padding: 0;
}

.playbutton p{
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 10px;
	width: 102px;
	padding: 0;
}

.playbutton span {
	color: #bb2a19;
}

hr {
	border: solid 1px #cccccc;
}

.remake_4_8_hdr {
	margin-bottom: 10px;
}

#remake_login {
	margin-top: 20px;
}

#remake_reg {
	margin-top: 20px;
}

#remake_success_msg {
	margin-top: 20px;
}

.remake_error {
	font-weight: bold;
	color: red;
}

.remake_success {
	font-weight: bold;
	color: green;
}

.remake_button 
{
	border-width: 0px;
	margin-left: 205px;
}

.errorPageBody
{
	color:#555555;
	font-size:12pt;
	padding:20px;
}

.errorPageBody a
{
	color:#cc0000;
	font-size:12pt;
	font-weight:bold;
}


/*video player */
.videoPlayerWrap {
	width: 519px;
	height: 318px;
	display: block;
	padding: 4px;
}

.videoThumbsWrap {
	width: 520px;
	height: 120px;
	display: block;
	margin:1px 0 0 4px;
	padding:0px;
	background-color: #B42E2C;
}

.videoThumbsWrap .videoThumb {
	float:left;
	height:120px;
	padding:0;
	width:124px;
	margin: 0;
}

.videoThumbsWrap .first {
	margin: 0 0 0 8px;
}

.videoThumbsWrap .last {
	margin: 0 8px 0 0;
}

.videoThumbsWrap img {
	border: none;
	margin: 10px 0;
}