/* GENERAL STYLES */

* {
	margin:0;
	padding:0;
}

body {
	background: white;
	text-align: left;
	font: 100% 'Lucida Grande', LucidaGrande, Tahoma, Lucida, Helvetica, Arial, sans-serif;
	color: black;
}



p {
}

b, strong {

}

a:link, a:visited {
	color: #1e90ff;
	text-decoration: none;
}

a:hover, a:active {
	color: #000000;
}

img {
	border-style: none;
}


	
/* ***************** STYLES FOR THE PAGE HEADER ****************** */

#header {
	height: 54px;
	margin:0 auto 0 auto;
	text-align: center;
/*	background: #ffffcc; */
	color: gray;
	border-bottom: 1px solid black;
	border-color: gray;
}

#header h1 {
	font-weight: bold;
	font-size: 2.0em;
	padding: 5px 0px 0px 35px;
/*	text-shadow: 0px 1px 2px #001f2f; */
	border-top: 1px solid gray;
}





/* ******************  MAIN BODY USED ON NEARLY ALL PAGES ************** */

#main {
	float: left;
	width: 100%;
  	text-align:left;
/*	background-color: #ffffcc; */
}

.columnLiner{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

/* Navigation */

#navigation {
	text-align: left;
	float: left;
	font-variant: small-caps;
	margin-left: -100%;
	width: 200px;
/*	background: #ffffcc repeat; */
}

#navigation ul {
	padding: 1.2em 0 1.2em 1.2em;
	font-size: 1.0em;
	list-style-type: none;
	line-height: 1.6em;
	float: left;
}


#navigation li{
	text-decoration:none;
	padding: 0px 23px 0px 0; 
}

#navigation a:link, #navigation a:visited {
	color: black;
}

#navigation a:hover, #navigation a:active {
	color: blue;
}

/* Main section of page */

#content {
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
	margin-bottom: 1.4em;
	text-align: left;
	line-height: 1.4em;
	font-size: 0.9em;
}

#breadcrumb {
	margin: 2.1em 0 0 0;
	font-size: 0.7em;;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: black;
}

#breadcrumb a:hover, #breadcrumb a:active {
	color: blue;
}

.superscript{
	vertical-align: super;
	font-size: 0.7em;
}

#content h1 {
	margin: 0.6em 0 0 0;
	font-size: 1.5em;
}

#content h2 {
	margin: 1.7em 0 0 0;
	font-size: 1.4em;
}

#content h3 {
	margin: 1.3em 0 0 0;
	font-size: 1.1em;
}

#content h4 {
	margin: 1.1em 0 0 0;
	font-size: 1em;
}

#content p {
	margin: 1.2em 0 0 0;
	padding-right: 1em;
}

#quotebox {
  color: black;
  font-size: 1em;
  background: #E6ECF7;
  border-color: #AAA;
  border-width: 1px;
  border-style: solid;
  padding: 1em 1em 1em 1em;
  margin: 1em 2em 1em 1em;
}

#quotebox p {
	margin: 0 0 0 0;
	padding-right: 0;
}

#quotebox p+p{
	margin: 1.2em 0 0 0;
	padding-right: 0;
}


#content ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 2.4em;
	padding-right: 1em;
	margin: 1.2em 0 0 0;
}

#content ul ul {
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 1.4em;
	padding-bottom: 0.8em;
	font-size: 1.0em;
	margin: 0;
}

#content ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 2.0em;
	padding-right: 1em;
	margin: 1.2em 0 0 0;
}

#content img{
	margin: 4px;
	border-style: outset;
}

#borderlessImage{
	text-align: center;
	margin: 1em;
}

#borderlessImage img{
	margin: 4px;
	border-style: none;
}


#imageMap{
	
	margin: 1em;
}

#imageMap img{
	margin: 4px;
	border-style: none;
}

.smallImage{
	text-align: center	;
	margin: 1em;
}


/* ************************ TABLES ************************** */

#threecoltable div{
}

#threecoltable table{
	border-collapse:collapse;
	margin: 1.2em 0em 0.8em 2em;
	border-width: thin;
}



#threecoltable th{
	padding-right: 20px;
	padding-bottom: 10px;
}

#threecoltable td{
	padding-right: 20px;
	text-align: center;
	height: 1.8em;
}

#threecoltable td.col1{
	text-align: left;
}



#fourcoltable div{
}

#fourcoltable table{
	border-collapse:collapse;
	margin: 1.2em 0em 0.8em 2em;
	border-width: thin;
}



#fourcoltable th{
	padding-right: 20px;
	padding-bottom: 10px;
}

#fourcoltable td{
	padding-right: 20px;
	text-align: center;
	height: 1.8em;
}

#fourcoltable td.col1{
	text-align: left;
}



/* ************************** RECIPE STUFF******************* */

#recipe{
	line-height: 1.4em;
	font-size: 0.8em;;
}


#recipe p.recipeTitle {
	line-height: 2em;
	font-size: 2em;
	font-weight: bold;
}

#recipe table{
	border-width:thin;
	border-collapse: collapse;
	border-color:#000000;
}

#recipe table.sectionHeading {
	padding:10px;
	border-style: none;
}

#recipe table.data {
	padding:2px;
	border-style: solid;
}

#recipe td
{
	color: #000000;	
	border-width:thin;
	padding:2px;
	border-style: solid;
	vertical-align:top;
	font-size: 0.9em;
	line-height:1.2em;
}

#recipe td.title {
	background-color:#bbbbbb;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight:bold;
	border-style:none;
}

#recipe td.lightBackgroundAlignLeft {
	background-color:#eeeeee;
	text-align: left;
}

#recipe td.lightBackgroundAlignRight {
	background-color:#eeeeee;
	text-align: right;
}

#recipe td.darkBackgroundAlignLeft {
	background-color:#dddddd;
	text-align: left;
}

#recipe td.darkBackgroundAlignRight {
	background-color:#dddddd;
	text-align: right;
}

#recipe td.lightBackgroundAlignCenter {
	background-color:#eeeeee;
	text-align: center;
}

#recipe td.darkBackgroundAlignCenter {
	background-color:#dddddd;
	text-align: center;
}




/* ************************** FOOTER STUFF******************* */


#footer {
	clear:left;
	width: 100%;
	margin:0;
/*	background: #ffffcc; */
	height: 31px;
	color: #333333;
	text-align: center;
	font-size: 0.6em;
	text-decoration: none;
	border-color: gray;
	border-top: 1px solid gray;
}

#footer p {
	padding: 8px 0 0 0;
	font-weight: bold;
	margin: 0;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
}
	

.clearer {
	clear: both;
}