body {
	margin: 0;
	padding: 0;
	font: normal 100% Arial, sans-serif;
	background: #FFF;
  text-align: center;
}
#wrapper {
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	width: 970px;
  margin: 0 auto;
  text-align: left;
	/*background: url(../Images/bg_main.gif) repeat-y;*/
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header,global-nav,#left,#right,#footer {
	overflow:hidden;
	display:block;
}
/* safari and opera need this */
#header,global-nav {
	width:100%
}

#header {
	height: 84px;
	background: #011556 url(../images/bg_header.jpg) repeat-x;
  text-align: left;
}
#header h1 {
	margin: 0;
	width: 309px;
	height: 84px;
/*	background: url(../Images/hd_associateprg.jpg) no-repeat;
	text-indent: -10000px;*/
}
#global-nav {
	width: 100%;
	height: 22px;
	background: #011556 url(../images/bg_nav.gif) no-repeat;
	border-bottom: 10px solid #BA0808;
}
#global-nav ul {
	margin: 0 0 0 20%;
	padding: 0;
	list-style-type: none;
}
#global-nav ul li {
	height: 22px;
	background: url(../images/i_tabs_crv1.gif);
	border-right: 2px solid #000;
	float: left;
}
#global-nav ul li a {
	margin: 0;
	padding: 4px 10px;
	background: url(../images/i_tabs_crv2.gif) no-repeat top right;
	font-size: 70%;
	font-weight: bold;
	color: #3C5C80;
	text-decoration: none;
	float: left;
}
#global-nav ul li a:hover {
	color: #BA0808;
}



#global-nav2 {
	width: 100%;
	height: 80px;
	background: #E6EFF8;
    background-repeat: repeat-y;
	border-bottom: 10px solid #E6EFF8;
}

#global-nav2 ul {
	margin: 0 0 0 3%;
	padding: 0;
	border-bottom: 0px solid #E6EFF8;
	list-style-type: none;
}
#global-nav2 ul li {
	height: 26px;
	background: url(../images/i_tabs_crv1a.gif);
	border-right: 3px solid #E6EFF8;
	border-bottom: 0px solid #E6EFF8;
	float: left;
}
#global-nav2 ul li a {
	margin: 0;
	padding: 4px 8px;
	background: url(../images/i_tabs_crv2a.gif) no-repeat top right;
	font-size: 80%;
	font-weight: bold;
	color: #3C5C80;
	text-decoration: none;
	float: left;
}
#global-nav2 ul li a:hover {
	color: #BA0808;
}

#left,#middle,#right {
	float:left
}
#left {
	width:186px;
	font-size: 70%;
/*	color: #474747;*/
}
#advice-articles,#popular-articles,#site-menu,#collaborate,#recent-recipes,#top-5 {
	width: 100%;
}
#advice-articles h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #ba0808 url(../images/h_advice_articles.gif) no-repeat;
	text-indent: -10000px;
}
#advice-articles ul {
	margin: 0;
	padding: 0 5px;
	border: 0px solid #000;
}
#advice-articles ul li {
	margin: 10px 0;
	padding: 0 15px 5px 15px;
	list-style-type: none;
	background: url(../images/bul_1.gif) no-repeat 6px 5px;
	border-bottom: 1px solid #DFDFDF;
}
#advice-articles ul li a {
	color: #E65540;
	font-weight: bold;
}	
#advice-articles ul li a:hover {
	color: #3C5C80;
}

#top-5 h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #ba0808 url(../images/h_top_5.gif) no-repeat;
	text-indent: -10000px;
}
#top-5 ul {
	margin: 0;
	padding: 0 5px;
	border: 0px solid #000;
}
#top-5 ul li {
	margin: 10px 0;
	padding: 0 15px 5px 15px;
	list-style-type: none;
	background: url(../images/bul_1.gif) no-repeat 6px 5px;
	border-bottom: 1px solid #DFDFDF;
}
#top-5 ul li a {
	color: #E65540;
	font-weight: bold;
}	
#top-5 ul li a:hover {
	color: #3C5C80;
}


#spotlight {
	width: 100%;
}
#spotlight h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #000000 url(../images/spotlight.gif) no-repeat;
}
#spotlight ul {
	margin: 0;
	padding: 0 5px;
	border: 0px solid #000;
}
#spotlight ul li {
	margin: 6px 0;
	padding: 0 0px 5px 9px;
	list-style-type: none;
	background: url(../images/bul_1.gif) no-repeat 0px 8px;
	border-bottom: 1px solid #DFDFDF;
	font-size: 10px;
}
#spotlight ul li a {
	color: #0662B0;
	font-weight: bold;
	font-size: 11px;
}	
#spotlight ul li a:hover {
	color: #E65540;
}

#spotlight i {
	color: #666;
}

	
#popular-articles h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #6e9db9 url(../images/h_popular_articles.gif) no-repeat;
	text-indent: -10000px;
}
#popular-articles ul,#site-menu ul,#collaborate ul,#a3 ul,.links ul {
	margin: 0;
	padding: 0 5px;
	border: 0px solid #000;
}
#popular-articles ul li,#site-menu ul li,#collaborate ul li, #a3 ul li,.links ul li {
	margin: 5px 0;
	padding: 0 15px 2px 15px;
	list-style-type: none;
	background: url(../Images/bul_1.gif) no-repeat 6px 5px;
}
#popular-articles a,#site-menu a,#collaborate a, #middle a,.links a {
	color: #0662B0;
}	
#popular-articles a:hover,#site-menu a:hover,#collaborate a:hover, #middle a:hover,.links a:hover {
	color: #E65540;
}	

#recent-recipes h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #6e9db9 url(../images/h_recent_recipes.gif) no-repeat;
	text-indent: -10000px;
}
#recent-recipes ul,#site-menu ul,#collaborate ul,#a3 ul,.links ul {
	margin: 0;
	padding: 0 5px;
	border: 0px solid #000;
}
#recent-recipes ul li,#site-menu ul li,#collaborate ul li, #a3 ul li,.links ul li {
	margin: 5px 0;
	padding: 0 15px 2px 15px;
	list-style-type: none;
	background: url(../Images/bul_1.gif) no-repeat 6px 5px;
}
#recent-recipes a,#site-menu a,#collaborate a, #middle a,.links a {
	color: #0662B0;
}	
#recent-recipes a:hover,#site-menu a:hover,#collaborate a:hover, #middle a:hover,.links a:hover {
	color: #E65540;
}	

#site-menu h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #939393 url(../images/h_site_menu.gif) no-repeat;
	text-indent: -10000px;
}
#collaborate h3{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 32px;
	background: #000000 url(../images/h_collaborate.gif) no-repeat;
	text-indent: -10000px;
}
#middle {
	padding: 15px;
	width: 560px;
	float: left;
	font-size: 82%;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
  min-height: 1500px;
  z-index -1;
}

#middle2 {
	padding: 15px;
	width: 940px;
	float: left;
	font-size: 82%;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
  min-height: 1500px;
  z-index -1;
}


* html #middle {
  height: 1500px;
}
#middle .searchbox {
	padding: 10px;
	background: #E6EFF8;
	border: 1px solid #C4D9EA;
}
#a1,#a2,#a3 {
/*	border-bottom: 1px solid #CCC;*/
}
#a2,#a3,#a4 {
	font-size: 100%;
}
#a1 h2 {
	margin: 0;
}

/*
a1 em {
	font-size: 82%;
}
*/

#a1 a, #a2 a, #a3 a, #a4 a, .searchbox a {
	color: #0662B0;
/*	font-weight: normal;*/
}
#a4 table {
	width: 100%;
	border-collapse: collapse; 
	font-size: 90%;
}
#a4 table th, #a4 table td {
	padding: 3px;
	border: 1px solid #fff;
}
#a4 th {
	background: #33425C;
	color: white;
}
.highlight {
	background: #F2F3F5;
}
form {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.searchbox label {
	font-weight: bold;
}
.featured {
  clear: both;
	margin: 15px 0 5px 0;
	text-transform:uppercase;
	font-size: 90%;
	font-weight: bold;
  background-color: #6e9db9;
  color: white;
  padding: 5px 10px;
}
.complete-story {
  font-size: 90%;
	text-align: right;
	font-weight: normal;
}
#right {
	width: 190px;
	font-size: 72%;
	padding-top: 10px;
}

#newsletter p {
	margin-top: 25px;
	margin: 20px auto;
}
#newsletter input {
	width: 85%;
}
#right .guarantee {
	padding: 10px;
	font-style:italic;
}
#footer {
    clear:both;
	background: #FAFAFA;
	padding: 20px;
	border-top: 1px solid #EAEAEA;
    text-align: center;
}
h2 a {
  text-decoration: none;
}
#middle h2 {
  clear: left;
}
img {
  border: none;
}
.searchbox input, .searchbox select {
  vertical-align: middle;
  margin: 0 2px;
}
.Trail {
  font-size: 70%;
	margin: 10px 0;
}
.links {
	padding: 5px;
  margin: 10px;
	background: #E6EFF8;
	border: 1px solid #C4D9EA;
}
.links h3 {
  font-size: 120%;
  margin: 0;
  margin-left: 10px;
}

.rss {
  float: right;
}

#middle h2 {
  clear: both;
  font-size: 140%;
  padding-top: 0.5em;
  margin: 0.5em 0 0 0;
  border-top: 1px dashed #CCC;
}
#middle h3 {
  font-size: 115%;
  margin: 1em 0 0.5em 0;
}
/*
#middle em {
  font-size: 85%;
}
*/
#middle p {
  margin: 0.5em 0;
}

.ArticleNavigation, .Paging {
  font-size: 100%;
  margin: 1em 0;
}

.Heading, .Heading {
  clear: both;
  font-weight: bold;
  font-size: 110%;
}

#middle ul {
  margin-top: 0;
}

.profile {
	padding: 10px;
	margin: 10px;
	background: #ffffff;
	border: 1px solid #EAEAEA;
	align: center;
	font-size: 11px;
}

.newsletterbox {
	padding: 10px;
	margin: 10px;
	background: #ffffff;
	border: 1px dotted #BA0808;
	align: center;
}

.newslettersidetop {
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #BA0808;
	background: #BA0808;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.newslettertop {
	padding: 4px;
	border: 1px solid #BA0808;
	background: #BA0808;
	color: #ffffff;
	font-size: 13pt;
	font-weight: bold;
}

.summarytop {
	padding: 6px;
	border-bottom: 1px dotted #cccccc;
	border-top: 1px dotted #cccccc;
	font-size: 10pt;
}

.newslettersidemain{
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #BA0808;
	font-size: 11px;
}

.newslettermain{

	padding: 10px;
	border: 1px solid #BA0808;
	font-size: 10pt;
}

.guarantee{
	font-style:italic;
	font-size: 9pt;
}

.newsletteremphasis{
    align: center;
	font-size: 14pt;
	font-color: #BA0808;
	font-weight: bold;
}

.globalinputbox{
   border: 1px solid #cccccc;
   margin: 5px;
   }
   
.rememberthename1{
font-size: 110%;
font-color: #BA0808;
}

.footersmall{
font-size: 70%;
}

.recommendedresources{
margin: 10px 10px 10px 10px;
padding: 5 5 5 5;
background: #E6EFF8;
border: 1px solid #C4D9EA;
font-size: 90%;
align: center;
}

.recommendedresources h5{
padding: 0px 0px 0px 15px;
font-weight: bold;
font-size: 130%;
}

.recommendedresources ul li {
margin: 5px 0;
padding: 0 15px 1px 15px;
list-style-type: none;
background: url(../images/bul_1.gif) no-repeat 6px 5px;
}

.adversion1 {
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #BA0808;
	background: #ffffff;
	color: #BA0808;
	font-size: 18px;
	font-weight: bold;
}

.adversion1 a{
color: #0662B0;
}

.adversion1 h5{
font-size: 12px;
color: #000000;
}

.adversion3rd {
	margin: 0 10px;
	padding: 10px;
	border: 2px solid #0662B0;
	background: #ffffff;
	color: #0662B0;
	font-size: 18px;
	font-weight: bold;
}

.adversion3rd a{
color: #0662B0;
}

.adversion3rd h5{
font-size: 12px;
color: #000000;
}

.adversion2 {
	margin: 0 10px;
	padding: 10px;
}

.adversion3rdfooter {
	margin: 0 10px;
	padding: 3px;
	font-size: 9px;
	font-color: #BA0808;

}

.adversion3rdfooter a{
color: #0662B0;
}

.Details {
  margin: 10px 0;
  font-style: italic;
  font-size: 90%;
}

.SmallLinks
{
  margin: 10px 0;
  text-align: right;
  font-size: 90%;
}

.RatingPanel {
  margin: 20px 0;
  border: 1px solid #EAEAEA;
  padding: 10px;
}

.Comment {
  clear: both;
  margin: 10px 0;
  border: 1px solid #EAEAEA;
  padding: 10px;
}

.help-tooltip {
	position:	absolute;
	width: 250px;
	border:	1px Solid WindowFrame;
	background:	Infobackground;
	color: InfoText;
	font: StatusBar;
	font: Status-Bar;
	padding: 3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);
	z-index: 10000;
  	text-align: left;
}

.help-tooltip a, .help-tooltip a:hover {
	color: blue !important;
	background:	none;
}

a.HelpLink:link, a.HelpLink:visited {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #0662B0;
}

a.HelpLink:hover, a.HelpLink:active {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #E65540;
	cursor:	help;
}

.Field300{
  width: 300px;
}


.Field400{
	width: 400px;
	height: 300px;
}


.flyout {
width: 105px;
background: #0000FF;
	margin-left: 5px; 
	position: absolute; 
	top: 180px; 
	left: 0px;
}



/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu h2 {
font: bold 9px/16px arial, helvetica, sans-serif;
color: #000;
background: #FFFFCC;
text-transform: uppercase;
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(../images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #eee;
	background: #0000FF;
}

.menu {
	width: 10em;
}

.menu ul {
	width: 11em;
}

.menu a {
font: bold 9px/16px arial, helvetica, sans-serif;
color: #666666;
background: #efefef;
	text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
	padding: .4em 1em;
	display: block;
}

.menu a:hover, .menu li:hover>a {
	color: #a00;
}

.menu li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}


/* - - - ADxMenu: BASIC styles - - - */

.menu3 {
	width: 13em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu3 h2 {
font: bold 9px/16px arial, helvetica, sans-serif;
color: #000;
background: #FFFFCC;
text-transform: uppercase;
}

.menu3, .menu3 ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu3 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu3 li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu3 ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu3 li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu3:after, .menu3 ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu3, .menu3 ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu3 UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu3 ul {
	background-image: url(../images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu3, .menu3 ul li {
	color: #eee;
	background: #0000FF;
}

.menu3 {
	width: 17em;
}

.menu3 ul {
	width: 11em;
}

.menu3 a {
font: bold 9px/16px arial, helvetica, sans-serif;
color: #666666;
background: #efefef;
	text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
	padding: .4em 1em;
	display: block;
}

.menu3 a:hover, .menu3 li:hover>a {
	color: #a00;
}

.menu3 li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu3>li + li, .menu3 ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu3 li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu2>li:first-child>a, .menu2 li + li + li li:first-child>a {
	color: #567;
}

.survey { width:100%; font-size:small; caption-side:bottom; padding:0;
border:thin solid gray; border-spacing:0; vertical-align:top; text-align:left;
table-layout:auto; border-width:1px; border-collapse:collapse; table-layout:auto; }
.survey tr:hover { margin:0; background-color: #eef; }
.survey td { border:thin solid gray; vertical-align:top; }



.hd {background-color:#e6e6fa;color:blue;padding:3px;}
.hd a:link, .hd a:visited {color:blue;font-size:110%}



.menu2 {width:98.75%;padding:1px 0px;color:#E6E6Fa}

.menu2, .right, .left, .mainleft {background-color:#F0F8FF}

.menu2 {background-color:#E6EFF8;;line-height:170%; color:#E6E6Fa}
.menu2 a:link, .menu2 a:visited {
  text-decoration:none;padding:0px 5px;background-color:#ffffff;
  border: solid 1px #B0C4DE;color:darkblue}
.menu2 a:hover { text-decoration:none;
  padding:0px 5px;background-color:#3300FF; border: solid 1px #D8BFD8;color:white}


.demo{
width:127px;
height:50px;
background:url(images/demo_btn.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
outline:none;
margin-left:8px;
}

.demo:hover{
background:url(images/demo_btn.gif) no-repeat 0 100%;
}

.floatright 
{
float: right;
}


.noscreen 
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}