/* banner area formatting */

#banner	 			{height:		90px;
				width:			100%;
				background: 		#000000;		/* black */
				}

#titleline			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		24px;
				font-weight: 		bold;
				letter-spacing:		4px;
				text-align:		center;
				background:		#000000;		/* black */
				color:			#FFFFFF;		/* white */
				}
		
#dateline			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				font-weight:		bold;
				background:		#82030A;
				color:			#FFFFFF;		/* white */
				}

/* end of banner area formatting */
	

/* footer area formatting */

#divider			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				font-weight: 		bold;
				text-align: 		center;
				background: 		#82030A;
				color: 			#FFFFFF;		/* white */
				}

#trailer			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		10px;
				text-align: 		center;
				height: 		20px;
				background: 		#000000;		/* black */
				color: 			#FFFFFF;		/* white */
				}

/* end of footer area formatting */

/* mid page content formatting - 3 columns */

/* column container */
.colmask			{position:		relative;		/* This fixes the IE7 overflow hidden bug */
				clear:			both;
				float:			left;
				width:			100%;			/* width of whole page */
				overflow:		hidden;			/* This chops off any overhanging divs */
				}
				
/* common column settings */
.colmid,
.colleft			{float:			left;
				width:			100%;			/* width of page */
				position:		relative;
				}

.col1,
.col2,
.col3,
.innercol1,
.innercol2			{float:			left;
				position:		relative;
				padding:		0 0 1em 0;		/* no left and right padding on columns,
										we just make them narrower instead only
										padding top and bottom is included here,
										make it whatever value you need */
				overflow:		hidden;
				}

/* 3 Column settings */
.threecol 			{background:		#000000;		/* right column background color - black */
				}

.threecol .colmid		{right:			9.5%;			/* width of the right column */
				background:		#FFFFFF;		/* center column background color - white */
				}

.threecol .colleft		{right:			77.5%;			/* width of the center column */
				background:		#000000;		/* left column background color  - black */
				}

.threecol .col1			{width:			75.5%;			/* width of center column content (column width minus padding on either side) */
				left:			101%;			/* 100% plus left padding of center column */
				}

.threecol .col2			{width:			11%;			/* Width of left column content (column width minus padding on either side) */
				left:			12.5%;			/* width of (right column) plus
										(center column left and right padding) plus
										(left column left padding) */
				color:			#FFFFFF;		/* white */
				}	

.threecol .col3 		{width:			7.5%;			/* Width of right column content (column width minus padding on either side) */
				left:			92%;			/* Please make note of the brackets here:
										(100% - left column width) plus
										(center column left and right padding) plus
										(left column left and right padding) plus
										(right column left padding) */
				color:			#FFFFFF;		/* white */
				}

/* 2 Column (double page) settings */
.doublepage 			{background:		#FFFFFF;		/* right column background color - white */
				}

.doublepage .colleft 		{right:			50%;			/* right column width */
				background:		#FFFFFF;		/* left column background color - white */
				/*color:			#000000;*/		/* add foreground color here if needed - black */
				}

.doublepage .innercol1 		{width:			46%;			/* left column content width (column width minus left and right padding) */
				left:			52%;			/* right column width plus left column left padding */
				}

.doublepage .innercol2		{width:			46%;			/* right column content width (column width minus left and right padding) */
				left:			56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
				}
			

/* 3 Column recipe settings */
.recipe 			{background:		#ffffff;		/* Right column background color - white */
				}

.recipe .rcolmid		{float:			left;
        			width:			200%;
        			margin-left:		-200px;			/* Width of right column */
        			position:relative;
        			right:100%;
        			background:		#cccccc;		/* Center column background color - grey */
    				}
    				
.recipe .rcolleft		{float:			left;
        			width:			100%;
        			margin-left:		-50%;
        			position:		relative;
        			left:			400px;			/* Left column width + right column width */
        			background:		#ffffff;		/* Left column background color */
    				}
    				
.recipe .rcol1wrap 		{float:			left;
	    			width:			50%;
	    			position:		relative;
	    			right:			200px;			/* Width of left column */
	    			padding-bottom:		1em;			/* Center column bottom padding. Leave it out if it's zero */
				}
				
.recipe .rcol1			{margin:		0 215px;		/* Center column side padding:
                            							Left padding = left column width + center column left padding width
                            							Right padding = right column width + centre column right padding width */
        			position:		relative;
	    			left:			200%;
	    			overflow:		hidden;
				}
				
.recipe .rcol2			{float:			left;
        			float:			right;			/* This overrides the float:left above */
        			width:			170px;			/* Width of left column content (left column width minus left and right padding) */
        			position:		relative;
        			right:			15px;			/* Width of the left-had side padding on the left column */
    				}
    				
.recipe .rcol3			{float:			left;
        			float:			right;			/* This overrides the float:left above */
        			width:			170px;			/* Width of right column content (right column width minus left and right padding) */
        			margin-right:		45px;			/* Width of right column right-hand padding + left column left and right padding */
        			position:		relative;
        			left:			50%;				
				}			

/* end of mid page content formatting */

/* nav button formatting */

.btnav				{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				font-weight: 		bold;
				border: 		#000000;		/* black */
				border-style: 		solid;
				border-top-width: 	3px;
				border-right-width: 	1px;
				border-bottom-width: 	1px;
				border-left-width: 	10px;
				padding: 		1px 1px 1px 7px;	/*top right bottom left*/
				width: 			140px;
				height: 		30px;
				background: 		#FFFFFF;		/* white */
				color: 			#FFFFFF;		/* white */
				}

.btnavbk			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				background: 		#000000;		/* black */
				color: 			#FFFFFF;		/* white */
				}

/* end of nav button formatting */

/* miscellaneous formatting */
body				{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				background: 		#FFFFFF;		/* white */
				color: 			#000080;		/* navy */
				}

td				{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				color: 			#000080;		/* navy */
				}

p 				{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				color: 			#000080;		/* navy */
				}

a:link				{text-decoration: 	underline;
				font-weight: 		bold;
				color: 			#82030A;
				}

a:visited			{text-decoration: 	underline;
				font-weight: 		bold;
				color: 			#666666;/*82030A*/
				}

a:hover				{text-decoration: 	underline;
				font-weight: 		bold;
				color: 			#0D50DB;
				}

a:active			{text-decoration: 	underline;
				font-weight: 		bold;
				color: 			#006600;/*D2D2D2*/
				}

h1				{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		14px;
				font-weight: 		bold;
				letter-spacing: 	2px;
				color: 			#82030A;
				}

.btwhtxt			{font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 		12px;
				color: 			#FFFFFF;		/* white */
				}
		
/* end of miscellaneous formatting */