/***********************************************/
/* DCFM Styles                                */
/***********************************************/

body{
	font-family: "trebuchet ms", verdana, arial, "sans serif";
	font-size: 90%;
	/*background-image: url(images/gradient82751346.png); 
	background-repeat: repeat-x; */
	background-color: #ffffff;
	color: #000000;
	text-align: left;
} 

#print{
	font-family: "trebuchet ms", verdana, arial, "sans serif";
	background-color: #ffffff;
	color: #000000;
}

 #header, #sitenav, #footer { display: none; } 
 
 @media print {
.pbreak {
page-break-before: always;
}
}
 
/***********************************************/
/* Div IDs                                    */
/***********************************************/

div#recipe {
    width: 570px;
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

div#main {
    width: 849px;
    position: static;
    margin-top: 5px;
}

#maintable {
  	border-width: 0px;
}

#header {
  	background-color: #ffffff;
	border: 1px solid #ffffff;
	width: 849px;
	height: 140px;
	}

#sitenav {
	min-height: 400px;
	width: 219px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border-top: 10px solid #ffffff;
	font-size: 100%;
	vertical-align: top;
	overflow: auto;
}


#footer {
	width: 849px;
	font-size: 80%;
}

#footerleft {
	text-align: left;
}

#footerright {
	text-align: right;
}

#splash {
	height: 100%; 
	width: 608px;
	background-color: #ffffff; 
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 10px;  
	text-align: left; 
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px;
	overflow: visible;
}
	
#box {
	height: 100%; 
	width: 608px;
	background-color: #ffffff; 
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 10px;  
	text-align: left; 
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px;
	overflow: visible;
	/*background-image: url(images/capm4fad.gif);*/
	}

div#recipebox {
  	background-color: #ffffff;
	color: #000000; 
	text-align: left; 
	border: 0px solid #cccc33;
	width: 500px;
	padding: 20px;
}

/***********************************************/
/* IMAGES                                      */
/***********************************************/

.banner {
	border-width: 2px; 
	border-style: solid;
	border-color: #cccc33;
}

/***********************************************/
/* TEXT and RULES                              */
/***********************************************/

p.heading1 {
	font-size: 110%;
	font-weight: bold;
	color:#ffffcc;
	line-height: 26px;
	background-color: #336600;
}

p.heading1b {
	font-size: 105%;
	font-weight: bold;
	color:#003399;
	line-height: 26px;
	background-color: #cccc33;
}

span.heading2 {
	font-size: 105%;
	font-weight: bold;
	color: #333399;
	line-height: 26px;
	background-color: #ffffff;
	}
	
span.heading2a {
	font-size: 105%;
	font-weight: bold;
	color:#336600;
	line-height: 26px;
	background-color: #ffffff;
	}

span.highlight {
	font-size: 100%;
	color: #333399;
	line-height: 100%;
}

span.navhead {
	font-size: 105%;
	color: #cccc33;
	line-height: 200%;
	font-weight: bold;
	background-color: #333399;
	text-align: center
}

p.bullet {
	font-size: 100%;
	color: #000000;
	text-indent: -15px
}

li.bull{
	font-size: 100%;
	color: #000000;
	line-height: 100%;
	text-indent: -12px;
	type: circle;
}


.bluetextindex{
	font-size: large;
	color: #333399;
	font-weight: bold;
	line-height: 160%;
}

.greentextindex{
	font-size: large;
	color: #006600;
	font-weight: bold;
	line-height: 160%;
}

.bigredtextindex{
	font-size: x-large;
	color: #990000;
	font-weight: bold;
	line-height: 160%;
}

.redtextindex{
	font-size: large;
	color: #990000;
	font-weight: bold;
	line-height: 160%;
}

.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/***********************************************/
/* TABLE STYLES                                */
/***********************************************/

#caltable {	
padding: 0px;
border: 1px solid #ffffff;
width: 100%;
background-color: #66cc66;
table-layout: fixed;
font-size: 100%;
}

.calhead1 {	
padding: 2px;
border: 0px solid #0066ff;
border-spacing: 0px;
border-collapse: collapse;
background-color: #ccffcc;
text-align: left;
}

.calhead2 {	
padding: 2px;
border: 0px solid #0066ff;
border-spacing: 0px;
border-collapse: collapse;
background-color: #ffffff;
text-align: left;
}

.calhead3 {	
padding: 2px;
border: 0px solid #0066ff;
border-spacing: 0px;
border-collapse: collapse;
background-color: #ffff99;
text-align: left;
}


/********* MAIN NAV LINKS  *********/

a:link {
	color: #0066ff;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #0066ff;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;	
}

a:hover {
	color: #0000cc;
	font-size: 100%;
	font-weight: bold;
	background-color: #cccc33;
}
  

a:active {
	color: #66cc66;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
} 
