/**************** tag styles  ****************/


body {
	height: 100%;
 	background-color: #fff;
	margin: 0px;
	margin-top:19px;
	padding:0px;
 	color: #000;
	/*text-align:left;*/
  	font-family: /*Verdana,*/ Arial, Helvetica, sans-serif;
	vertical-align:top;
	
}

h1 {
	padding:0px;
	margin:0px;
	font-size:20px;

}

p {
	margin: 4px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}


/**************** MASTHEAD  ****************/

/**************** main nav styles  ****************/
	

.mainnav {
   	/*border: 1px solid #00f;*/
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-position: left center;
	height: 25px;
	padding-left: 10px;
}

.mainnav a{
   color: #fff;
   text-decoration: none;
   padding-right: 15px;
}

.mainnav  a:link, .mainnav a:visited {
   color: #fff;
   padding-right: 15px;
}

.mainnav a:hover, .mainnav  a:active {
   color: #fff;
   text-decoration:underline;
}

/**************** Supplimental nav styles  ****************/
	

.supnav {
	/*border: 0px solid #000;*/
	font-size: 11px;
	color: #999;
	text-decoration: none;
	text-align:right;
	height: 20px;
	padding-left: 10px;
	padding-right: 36px;
	font-weight:bold;
}

.supnav a{
   color: #999;
   text-decoration: none;
}

.supnav  a:link, .supnav a:visited {
   color: #999;
}

.supnav a:hover, .supnav  a:active {
   color: #999;
   text-decoration:underline;
}




/**************** LEFT PANE  ****************/

.leftpane {
	width: 175px;
	float: left;
	/*border: 1px solid #0f0;*/
}
	
.leftcopy {

	padding:5px;
	font-size:10px;
	font-weight:bold;
}

/****** Search Field   *******/
#searchForm {
	margin:0px 0px 9px 5px;
	height:20px;
	padding:19px 0px 0px 0px;

}

.button {
	clear:none;
	display:inline;
	vertical-align: bottom;

}

input {
	font-size:10px;

}


/*.search {
	width: 145px;
	padding-top: 6px;
	padding-bottom: 10px;
	float:left;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
	font-size:10px;
	
	
}


.searchField {
	border: 1px solid #999;
	width: 100px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana;
	color: #999;
	clear:both;
	margin-left:5px;	
}

.searchFieldDob {
	border: 1px solid #999;
	clear:both;
	margin-left:5px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana;
	color: #999;	
}

.submitButton, .search submitButton, button {
	border: 0px solid #00f;
	width:24px;
	height:19px;
	margin: 0px;
	clear:both;
	margin-right:10px;
	font-size:10px;

}

label {
	width:20px;
	margin: 2px 0px 0px 5px;
	padding:0px;
	width:20px;
	font-weight:bold;
	font-size:10px;
	text-align:left;
	clear:both;
	
}*/

.advSearch {
   	/*border: 1px solid #003;*/
	font-size: 10px;
	color: #999;
	text-decoration:underline;
	height: 22px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: 0px solid #999;
	float:left;
}

.advSearch a{
   color: #999;
   text-decoration:underline;
}

.advSearch  a:link, .advSearch a:visited {
   color: #999;
}

.advSearch a:hover, .advSearch  a:active {
   color: #999;
}


/****** Left Pane nav   *******/

.leftnavdiv {
	/*border: 1px solid #22f;*/
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-size:12px;
}

.leftnav {
	/*border: 1px solid #22f;*/
	list-style-type: none;
	font-size:11px;
	border-top: 1px solid #ff6600;
	float:left;
	text-align:left;
	padding-bottom:5px;
	width:145px;
}
 /* AC: Updated - Changed Left Padding to 7px */
.leftnav ul { 
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-weight:bold;

 }
 /* AC: Updated - Changed Left Padding to 7px */
.leftnav li {
	padding: 0px 0px 0px 8px;
	margin: 5px 0px 0px 0px;

}


/* AC: Changed from #999 to #666 for link color */
.leftnav a, .leftnav a:link {color: #666; text-decoration:none; font-weight:bold}
/* AC: Updated - Hover text is set to orange */
.leftnav a:hover { color: #666;font-weight:bold; text-decoration:underline;}
/* NW: added */
.leftnav a:visited { color: #666;}

.leftnav ul li ul, .leftnav ul li ul a:link {color: #666; text-decoration:none; font-weight:bold}
.leftnav ul li ul a:hover { color: #666;font-weight:bold; text-decoration:underline;}
.leftnav ul li ul a:visited { color: #666; font-weight:bold;}


/****** Left Pane nav Selected state  *******/


a {
	color:#ff6600;

}

a:hover {
	text-decoration:underline;

}


#current a  { color:#ff6600;}

#current ul li a {font-weight:normal;}

#current ul li a:hover {color:#ff6600; text-decoration:none;}


.activeParent {
	color:#ff6600;	
}

.selected {
	background-image: url(/img/leftnav_arrow_orng.gif);
	background-repeat: no-repeat;
	color:#ff6600;	
}

.redLink a {
	color:#ff6600;
	font-weight:bold;

}

a.redLink, a.redLink:visited, a.redLink:link {
	color:#ff6600;

}

.grayLink {color: #666666; text-decoration:none; }

.grayLink a:link, .grayLink a:hover {color: #666666;  }

a.grayLink:link {color: #666666; text-decoration:none;}
a.grayLink:hover {color: #666666; text-decoration:underline;}
a.grayLink:visited {color: #666666;}
a.grayLink:active {color: #666666; }


a.recipeNav:link, a.recipeNav:visited {
	text-decoration:none;
	color:#666;

}

.recipeNav:hover {
	text-decoration:underline;
}


/****** Left Pane Content area below the left nav  *******/
.leftcontent {
   	/*border: 0px solid #000;*/
	width: 150px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-position: left center;
	height: 22px;
	margin-top: 20px;
	margin-bottom:20px;
	padding-left: 19px;
	float:left;
}

/****** Right Pane Content area  *******/


.rightColumn {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom:20px;
	padding-left: 0px;
	text-align:left;
	
}

#rightCallout {
	background-color:#990099; 
	color:#FFFFFF; 
	padding:5px;
}

 #rightCallout a, #rightCallout:visited {
 
 	color:#FFFFFF; 
 }

#rightCallout h2{
	font-size:18px;
	padding:0px;
	margin:0px;
}

#rightContent {
	margin-top:22px;
	padding-top:5px;
	text-align:left;
	font-size:12px;
}

#rightContent ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#rightContent li {
	padding:5px;
	margin:0px;
	border-bottom:1px solid #CCC;
	list-style:none;
}

/*Styles for right content sidebar */

.orangeHeader {
	color:#FF9900;
	font-size:24px;
}

.orangeLink {
	color:#FF9900;
	text-decoration:none;
}

.darkLink {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	margin:4px;

}

.blueLink {
	color:#6699CC;
}


.seminarTitle {
	font-size:14px;
	clear:left;
	display:block;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
}



#rightContent a{
	
	font-weight:bold;
	color:#0066cc;
}

.rightSection {
	border-top: 1px solid #339900;
}


#rightContent .purpleNav, #rightContent .purpleNav a, #rightContent .purpleNav a:link, #rightContent .purpleNav a:visited {
	background-color:#990099;
	color:#FFFFFF;
	width:160px;
	padding:4px;
	margin:1px;
	text-decoration:none;
}






#rightContent .whiteLink a, .whiteLink a, a .whiteLink  {
	
	color:#FFF;
	
}

#rightContent .blueLink a, .blueLink a, a .blueLink  {
	
	color:#0066cc;
	
}



.redText {
	color:#ff0000;
	font-weight:bold;
}

#blueBox {
	background: #6699CC url(/img/sideThumb1.jpg) no-repeat;;
	padding:4px;
	padding-left:83px;
	margin-bottom:5px;
	color:#FFFFFF;
	height:35px;
}

#greenBox {
	background: #339900 url(/img/sideThumb2.jpg) no-repeat;
	padding:4px;
	padding-left:83px;
	margin-bottom:5px;
	height:35px;
}

#green {
	background-color: #339900;
	padding:4px;
	margin-bottom:5px;
	color:#FFFFFF;
	margin-top:5px;
}

#green a, #green a:visited {

	color:#FFFFFF;
	font-weight:bold;
	font-weight:normal;
}

.greenLink {

	color:#339900;
}

#purpleBox {

	background: #990099 url(/img/sideThumb3.jpg) no-repeat;
	padding:4px;
	padding-left:83px;
	margin-bottom:5px;
	height:35px;

}

 #blueBox a, #greenBox a, #purpleBox a {
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}




/**************** MAIN CONTENT AREA  ****************/

.content {
	width: 760px;
	margin:0px;
	float:left;
	border: 0px solid #f0f;
	
}

.maincontentdiv {
	float: left;
	/*border: 1px solid #f00;*/
	width: 585px;
}

.maincontent {
	font-family: /*Verdana,*/  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	vertical-align:top;
	text-align:left;
	padding:19px 19px 0px 0px;
	text-align:left;
	margin:0;
	float:left;
	width:555px;
	
	/*border: 1px solid #f00;*/
}

.maincontent a, .maincontent a:link, .maincontent a:visited {
	
	font-weight:normal;

}

.maincontent ul, .maincontent li{
	margin:0px 0px 0px 4px;
	padding:4px 4px 4px 7px;
}




.purpleHeader {
	color:#990099;

}

/***** Breadcrumb nav styles  ****/
	

.breadcrumb {
   	/*border: 0px solid #000;*/
	font-size: 11px;
	color: #999;
	text-decoration: none;
	font-weight:bold;
}
.breadcrumb a{
   color: #999;
   text-decoration: none;
}

.breadcrumb  a:link, .breadcrumb a:visited {
   color: #999;
}

.breadcrumb a:hover, .breadcrumb  a:active {
   color: #999;
   text-decoration:underline;
}


/*************** Sections *************************/

#sections, #sections a {
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	
	
}

#section1
{
	background: #6699CC url(/img/homeThumb1.jpg) 0px 4px no-repeat; 
    width:121px;
	float:left;
	margin-right:7px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	padding:4px;
	padding-top:80px;
	text-decoration:none;
	height:210px;
	
}

#section2
{
	background: #339900 url(/img/homeThumb2.jpg) 0px 4px no-repeat; 
   	width:121px;
	float:left;
	margin-right:7px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	padding:4px;
	padding-top:80px;
	text-decoration:none;
	height:210px;
}

#section3
{
	background: #990099 url(/img/homeThumb3.jpg) 0px 4px no-repeat ; 
    width:121px;
	float:left;
	margin-right:7px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	padding:4px;
	padding-top:80px;
	text-decoration:none;
	height:210px;
}

#tipsBox{
	background: #0095d7 url(/img/dailyTipsBg.jpg) no-repeat ;
	margin-bottom:10px;
	padding:60px 140px 10px 10px;
	width:420px;

}

#newsBox{
	background: #c2cd23 url(/img/whatsNewBg.jpg)  no-repeat ;
	margin-bottom:10px;
	padding:60px 140px 10px 10px;
	width:420px;

}


#focusBox{
	background: #99CC00 url(/img/focusBoxBackground.jpg) bottom left no-repeat ;
	margin-bottom:0px;
	padding:10px 10px 10px 10px;
	width:540px;
	min-height:200px;
	height: auto !important;
	height: 200px;
	color:#FFF;
	clear:both;
	font-size:14px;
}

#focusBox h2 {
	font-size:30px;
	font-weight:normal;
	padding:0px;
	margin:10px 0px 20px 0px; 

}

#focusBox a {
	 color:#339900;

}

#shareBox{

	
	/*background: #ffffff url(/img/notebookBackground.jpg) top left no-repeat ;*/
	background-color:#FF9900;
	margin-bottom:0px;
	padding:20px;
	width:500px;
	min-height:200px;
	height: auto !important;
	height: 200px;
	color:#FFFFFF;
	clear:both;
	font-size:12px;
	
	
}
#shareBoxBottom{
	
	/*background: #ffffff url(/img/notebookBackground.jpg) top left no-repeat ;*/
	margin-bottom:0px;
}

#shareBox h2 {
	font-size:24px;
	font-weight:normal;
	padding:0px;
	margin: 0px; 

}

#shareBox a {
	 color:#FFFFFF;

}

h2 {
	font-size:16px;
	margin:4px;
}

h3 {
	font-size:14px;
	margin:4px;
}


.recipe {
	color:#339900;
	font-size:36px;
	margin:0px;
	padding:0px;
}

.recipeTitle{
	color:#333333;
	font-size:24px;
	font-weight:normal;
	clear:none;
	margin:0px;
	padding:0px;
}

.recipeTitle span{
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;

}
.greenHeader {
	color:#339900;
	font-size:12px;
	font-weight:bold;

}

.orangeHeader {
	color:#FF6600;
	font-size:12px;
	font-weight:bold;

}


/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		margin-top:19px;
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		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:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
		font-size:10px;
	}
	.threecol .colleft {
		right:33%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
		font-size:10px;
	}
	.threecol .col1 {
		width:40%;			/* width of center column content (column width minus padding on either side) */
		left:80%;			/* 100% plus left padding of center column */
		font-size:10px;
	}
	.threecol .col2 {
		width:20%;			/* Width of left column content (column width minus padding on either side) */
		left:19%;
		font-size:10px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

	}
	.threecol .col3 {
		width:38%;			/* Width of right column content (column width minus padding on either side) */
		left:60%;			/* 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) */
	
		font-size:10px;
	}










/**************** FOOTER AREA  ****************/

.footerdiv {
   	/*border: 1px solid #0ff;*/
	width: 760px;
	padding-top: 20px;
	padding-bottom: 20px;
	float:left;
}

.footer {
	padding-top:20px;
	font-family: /*Verdana,*/  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	color: #999;
}

.footer a{
   color: #999;
   text-decoration:none;
}

.footer  a:link, .footer a:visited {
   color: #999;
}

.footer a:hover, .footer  a:active {
   color: #999;
   text-decoration:underline;
}

.box {
	background-color: #F2F2F2;
	padding: 10px;
	border: 1px dotted #666666;
}

.meal p {
	margin: 0 0 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left: 20px;
	line-height: normal;
}
	.meal {
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
	.day {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*********** seminar registration area ******/
div.programmeHeadline {
	font-weight:bold;
	font-size:1.3em;
	padding-top:5px;
	padding-bottom:10px;
	color:#390;	
}

div.programmeDescription{
	margin-bottom:5px;
}

div.programmeDescription strong{
	font-weight:bold;	
}
div.programmeLocation {
	margin-top:5px;	
}
div.programmeLocation strong{
	font-weight:bold;	
}
div.programmeDate {
	margin-top:5px;	
}
div.programmeDate strong{
	font-weight:bold;	
}

div.seminarRegisterForm {
		margin-top:8px;
}
div.programmeRegInfo{
	border:1px solid #390;
	padding:10px;
	margin-top:10px;
}

div.programmeRegInfo strong{
	font-weight:bold;
}

div.seminarRegisterHead{
	font-weight:bold;
	font-size:1.3em;
	color:#390;
}

div.seminarRegisterForm div.input label{
	width:140px;
}
div.seminarRegisterForm div.submit{
	text-align:right;
}

div.errorText{
	background-color:#fcc;
	font-weight:bold;
	padding:10px;
	margin:8px;
	border:1px solid black;	
}

div.seminarDiv strong{
	font-weight:bold;
}

div.seminarRegisterDate{
	padding-top:8px;	
}
div.seminarRegisterLocation{
	padding-top:8px;	
}

div.seminarRegisterDescription{
	padding-top:8px;	
}

div.seminarRegisterDetails{
	padding-top:8px;	
}

div.seminarRegisterDetails ol li{
	list-style: decimal outside;
}

div.seminarRegisterDetails ul li{
	list-style: disc outside;
}

.inactive{
display:none;
font-weight:normal;
}

.active{
font-weight:normal;
}
div.programmeInstances table {
	border:1px solid #390;	
	border-collapse:collapse;
}

div.programmeInstances table th {
	background-color:#390;
	color:white;
	padding-left:2px;	
}
div.programmeInstances table td {
	padding-left:2px;
}

form#UserLoginForm label{
	width:60px;
	float:left;
	text-align:left;
	padding-right:4px;
	margin-left:5px;
	font-size:10px;
	margin-top:3px;
}

form#UserLoginForm input{
	width:50px;
	float:none;
	font-size:10px;
	margin-bottom:2px;
}

form#UserLoginForm div.submit{
	margin-top:5px;
	text-align:right;
	margin-right:15px;
}

/** fix em **/
div.o2-text-block em{
	font-style:italic
}

div.o2-text-block strong{
	font-weight:bold;
}

div.o2-text-block strong em{
	font-weight:bold;
	font-style:italic;
}

div.o2-text-block b {
	font-weight:bold;
}

div.o2-text-block i {
	font-style:italic;
}


.noExt b {
	font-weight:bold;
}

.noExt i {
	font-style:italic;
}

.noExt strong {
	font-weight:bold;
}

.noExt em {
	font-style:italic;
}

div.o2-text-block ul li{
	list-style: disc outside;
}

div.o2-text-block ol li{
	list-style:decimal outside;
}

form.regform-step1 div.input label{
	width:100px;
	display:block;
	float:left;
	clear:both;
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	padding:0 12px 0 0;
	color:#f60; 
}

div.checkbox input{
	width:30px;
	float:left;
	clear:both;
}
div.checkbox label{
	width:300px;
	float:left;
	display:block;
}
form.regform-step1 div.input{
	margin-top:5px;
	margin-bottom:5px;
	height:30px;
}

form.regform-step1 div.input input, form.regform-step1 div.input select  {
	float:left;
	width:200px;
	display:block;
}
form.regform-step1 div.submit{
	text-align:center;
	padding-top:8px;
}

input.readonly {
	color:#777;
}

div.error-message{
	margin-left:100px;
	color:red;
}

form.smallLabels label{
	font-weight:normal;
}

.clear {
	clear:both;
}

.inline {
	display:inline;
	clear:none;
	float:left;
	text-decoration:none;
	
}


.small {
	font-size:10px;
}

.left {
	float:left;

}

.right{
	float:right;

}