body {
	}

a:link {color:#762f77;}      /* unvisited link */
a:visited {color:#fdc05f;}  /* visited link */
a:hover {color:#762f77;}  /* mouse over link */
a:active {color:#762f77;}  /* selected link */


.row {
	background-color: #ffffff;
}

p {
	margin-bottom: 20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 20px;
}
h1 {
	font-size: 1.6em;
	color: #762E77;
	font-family: "superclarendon",serif;
	font-style: normal;
	font-weight: 400;
	margin-top: 20px;
}


table
{
border-collapse:collapse;
}
table,th, td
{
border: 0px solid black;
}

.text  {
	color: black;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: left;
	font-weight: normal;
}
.text24 { color: black; font-size: 12px; line-height: 24px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.inlinebold { font-weight: bold }
.inlineitalic { font-style: italic }
.subtext { font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12px; }
.title { color: #762f77; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; }
.recipe { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; }


#menu {
	background-color: #fff;
	border-right:#fdc05f 4px solid;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#menu li {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-transform: uppercase;
}
#menu a {
	background: #fff;
	border-bottom: 1px solid #fdc05f;
	color: #663366;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	padding-bottom: 8px;
	text-shadow: 1px 1px 3px #663366;
}

#menu a.orange {
	  background-color: #fdc05f;
 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#fde7c4), to(#ffffff)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(left, #fde7c4, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(left, #fde7c4, #ffffff); /* FF3.6 */
  background-image:     -ms-linear-gradient(left, #fde7c4, #ffffff); /* IE10 */
  background-image:      -o-linear-gradient(left, #fde7c4, #ffffff); /* Opera 11.10+ */
  background-image:         linear-gradient(left, #fde7c4, #ffffff);
}

#menu a.purple {
	  background-color: #b48cb4;
 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#b48cb4), to(#ffffff)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(left, #b48cb4, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(left, #b48cb4, #ffffff); /* FF3.6 */
  background-image:     -ms-linear-gradient(left, #b48cb4, #ffffff); /* IE10 */
  background-image:      -o-linear-gradient(left, #b48cb4, #ffffff); /* Opera 11.10+ */
  background-image:         linear-gradient(left, #b48cb4, #ffffff);
}



#full {
	background-color:#ffffff;
	padding: 0 30px 0 30px;
}

#footer {
 padding-top: 10px;
 text-align: center;
 background-color:#ffffcc;
}

#copyright {
	margin: 10px;
	text-align: right;
}

/*end photo gallery styling*/

#pg { width:390px;
height:200px;
border:2px dotted #666;
padding:5px;
padding-top:15px;
}
#pg ul { list-style:none;
padding:0;
margin:0;
width:180px;
position:relative;
float:left;
}
#pg ul li { display:inline;
width:52px;
height:52px;
float:left;
margin:0 0 8px 8px;
}
#pg ul li a { display:block;
width:50px;
height:50px;
text-decoration:none;
border:1px solid #000;
}
#pg ul li a img { display:block;
width:50px;
height:50px;
border:0;
}
#pg ul li a:hover { white-space:normal;
border-color:#336600;
background-color:#AABB33;
}
#pg ul li a:hover img { position:absolute;
left:190px;
top:0;
width:auto;
height:110px;
border:1px solid #000;
}
#pg ul li a span {display:none}
#pg ul li a:hover span { display:block;
position:absolute;
left:5px;
top:130px;
width:350px;
height:auto;
font-size:12px;
color:#999999;
}

/*end photo gallery styling*/

