@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
}

.mainTableBlack {
	font-family: Verdana, Arial, sans-serif;
	background-image: url(../../images/backgrounds/background.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

.mainBlack { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #000000; 
}
.mainBlack a:link { 
	color: #660066; 
	text-decoration: none; 
}
.mainBlack a:visited { 
	color: #660066; 
	text-decoration: none; 
}
.mainBlack a:hover { 
	color: #cc3300; 
	text-decoration: none; 
}

.small { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #000000; 
}
.fineprint { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: xx-small; 
	color: #000000; 
}

.copyright { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	color: #000000; 
}

.leftColRed { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #cc3300; 
	padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px;
	margin: 0px;
}

.subtitlePurple { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: medium; 
	color: #660066; 
	font-weight: bold;
}

.subtitleRed1 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: medium; 
	color: #CC0000; 
	font-weight: bold;
}

.subtitleGreen {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	color: #99cc33;
	font-weight: lighter;
}

.pageHeadingWhite {
	font-family: Verdana, Arial, sans-serif; 
	font-weight: normal;
	font-size: large; 
	color: #ffffff; 
}
/* end styles for general use throughout the site */



/*  styles for the homepage - white text, green links, purple background */
.mainTableWhite {
	font-family: Verdana, Arial, sans-serif;
	background-image: url(../../images/backgrounds/home_background.jpg);
	background-repeat: no-repeat;
	background-color: #660066;
}

.mainWhite {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	color: #ffffff;
	font-weight: lighter;
}
.mainWhite a:link { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #99cc33; 
	text-decoration: none; 
}
.mainWhite a:visited { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #99cc33; 
	text-decoration: none; 
}
.mainWhite a:hover { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #ffffff; 
	text-decoration: none; 
}



.leftColHomepage { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #ffffff; 
	padding-left: 10px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px;
	margin: 0px;
}
.leftColHomepage a:link { 
	color: #99cc33; 
	text-decoration: none; 
}
.leftColHomepage a:visited { 
	color: #99cc33; 
	text-decoration: none; 
}
.leftColHomepage a:hover { 
	color: #ffffff; 
	text-decoration: none; 
}


.smallWhite {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #ffffff;
	font-weight: lighter;
}
.smallWhite a:link { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #99cc33; 
	text-decoration: none; 
}
.smallWhite a:visited { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #99cc33; 
	text-decoration: none; 
}
.smallWhite a:hover { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #ffffff; 
	text-decoration: none; 
}
/* end styles for homepage */




/*  styles for the recipes program  */
.recipeTitle { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-large; 
	color: #FF0000; 
}
.recipeIngredients { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #FF6633; 
}
.recipeInstructions { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #FF6633; 
}
.recipeMain { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #FF6633; 
}
.recipeMain a:link { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #FF6633; 
	text-decoration: underline; 
}
.recipeMain a:visited { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #FF6633; 
	text-decoration: underline; 
}
.recipeHeader1 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: medium; 
	color: #FF6633; 
}
.recipeHeader2 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: large; 
	color: #FF6633; 
}
.recipeHeader3 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-large; 
	color: #FF6633; 
}
.recipeComments { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-small; 
	color: #FF6633; 
}
.recipePrint1 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: x-large; 
	color: #000000; 
}
.recipePrint2 { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: small; 
	color: #000000; 
}


/*  styles for forms */
.input50  { width: 50px;  font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input100 { width: 100px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input150 { width: 150px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input200 { width: 200px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input300 { width: 300px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input400 { width: 400px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }
.input500 { width: 500px; font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #FF6633; }

a {color:#660099}
a:hover {color:#FF0000}


/* Layout style */

#container {width:1000px; margin:0px auto}
#header {background: url(../../images/template_01.jpg); height:199px; width:1000px;}
#header2 {background: url(../../images/template2_01.jpg); height:199px; width:920px; padding:0px 40px}
#navbar {background:url(../../images/template_02.jpg); width:940px; height:53px; padding:5px 0px 1px 40px;}
#bodycontent {background: url(../../images/template_03.jpg) repeat-y; width:1000px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#bodycontent2 {background: url(../../images/template2_02.jpg) repeat-y; width:1000px;}
#bodytext {position:relative; background: url(../../images/clockright.jpg) no-repeat top ; width:661px; min-height:536px; padding:1px 40px 0px 0px; margin:0px 0px 0px 299px}
#bodytext2 {background: url(../../images/template3_02.jpg) no-repeat; width:920px; min-height:536px; padding:0px 40px 0px 40px}
#leftnav {float:left; background: url(../../images/clockleft.jpg) no-repeat; width:270px; min-height:536px; padding:1px 0px 0px 29px}
#footer {background: url(../../images/template_05.jpg); width:1000px; height:45px; clear:both}
#footer2 {background: url(../../images/template2_03.jpg); width:1000px; height:45px; clear:both}
#right {float:right; width:150px; height:50px; margin-top:-10px; margin-right:50px}
#headertext { padding:90px 430px 0px 50px; color:#fff; font:14px Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:20px}
span.headertext {color:#820b71}

#headerbubble {margin:40px 30px 0px 0px; float:right; width:291px; height:131px; text-align:center}

/* Navigation */

div.menu{
width:250px;
position:relative;
height:100%;
z-index:1;
margin:0; padding-top:1px
}
ul.menu{
position:relative;
padding:0px;
margin:0px;
list-style-type:none;
color:#FFFFFF;
width:235px;
}
ul.menu ul{
position:absolute;
list-style-type:none;
margin:0px;
display:none;
margin-top:-30px;
margin-left:250px;/*position in FF*/
z-index:1;
width:320px;
background:#820b71;

}
ul.menu ul ul{
position:absolute;
display:none;
margin-top:-25px;
margin-left:250px;/*position in FF*/
z-index:-1;
width:250px;
background:#820b71;
}
ul.menu:hover ul {
display:block;}
ul.menu:hover ul ul{
display:none;}
ul.menu ul li:hover ul{
display:block;
}
ul.menu ul a, ul.menu ul ul a
{ padding:5px 0px 5px 10px; width:auto; color:#ffffff; border:1px solid #000}

.menu a{
background-color:none;
display:block;
width:100%;
padding:10px 5px 10px 10px;
text-decoration:none;
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
}
a.menu:hover{
background:url(../../images/navpurple.png);
color:#FFFFFF;
}

ul.menu ul a:hover, ul.menu ul ul a:hover
{background:#ffffff; color:#820b71}


/* end menu */
.whitepurpleover {font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
a.whitepurpleover {color:#fff; text-decoration:none}
a.whitepurpleover:hover {color:#820b71; text-decoration:underline}

.purplewhiteover {font:12px Verdana, Arial, Helvetica, sans-serif; color:#820b71;}
a.purplewhiteover {color:#820b71; text-decoration:none}
a.purplewhiteover:hover {color:#fff; text-decoration:none}