/* menu, searchRow, breadcrumbRow, footer, and survey styles */

/* --- menu styles --- */

div.menuRowTop
{
	width:100%;
	height:7px;
	overflow:hidden;
	
	background-color:#000000;
}
@media print
{
	div.menuRowTop
	{
		/* don't display the menu when printing */
		display:none;
	}
}

div.menuRow
{
	position:relative;
	width:100%;
	
	background-color:#999966;
	border-bottom:1px solid #FFFFFF;
	
}
@media print
{
	div.menuRow
	{
		/* don't display the menu when printing */
		display:none;
	}
}
div.menuRow h1
{
	float:left;
	position:relative; /* required for IE to display negative top margin */
	margin:-7px 0px 0px -41px;
	padding:4px 5px 0px 41px;
	height:36px;

	border-top:7px solid #000000;
	color:#EEEEEE;
	font-size:.72em;
	font-weight:bold;
	line-height:1.1em;
	
	background-image:url("/images/menu/logo-mcc.gif");
	background-position:0px 5px;
	background-repeat:no-repeat;
	cursor:default;
}
div.menuRow h1 a, div.menuRow h1 a:visited, div.menuRow h1 a:hover
{
	color:#EEEEEE;
	text-decoration:none;
}

div.menuRow ul, div.menuRow ol
{
	display:block;
	float:right;
	margin:0px;
	padding:0px;
	max-width:510px;
	min-width:380px; /* required for Opera */
	
	border-color:#CCCC99;
	border-style:solid;
	border-width:0px 1px 0px 0px;
}

div.menuRow li
{
	display:block;
	float:left;
	height:4.2em;
	margin:0px;
	padding:0px;
	
	border-left-width:1px;
	border-left-style:solid;
	border-color:#CCCC99;
	
	font-size:.9em;
}
div.menuRow li a, div.menuRow li div
{
	display:block;
	position:relative; /* required for IE to display negative top margin */
	float:left;
	margin:-7px 0px 0px 0px;
	padding:.6em 1.1em .8em .9em;
	height:2.8em; /* height + padding-top + padding-bottom = li height */
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:.94em;
	color:#EEEEEE;
	
	border-top:7px solid #000000;
}
div.menuRow li div
{
	cursor:default;
}
div.menuRow li a, div.menuRow li a:visited, div.menuRow li a:hover
{
	color:#EEEEEE;
	text-decoration:none;
}
div.menuRow li div, div.menuRow li a.menuHighlighted
{
	/* default colour */
	background-color:#000000;
}
li#menuAbout div, li#menuAbout a.menuHighlighted
{
	border-color:#996600;
	background-color:#996600;
}
li#menuNews div, li#menuNews a.menuHighlighted
{
	border-color:#006699;
	background-color:#006699;
}
li#menuAdvocacy div, li#menuAdvocacy a.menuHighlighted
{
	border-color:#339999;
	background-color:#339999;
}
li#menuWorld div, li#menuWorld a.menuHighlighted
{
	border-color:#CC9900;
	background-color:#CC9900;
}
li#menuDonate div, li#menuDonate a.menuHighlighted
{
	border-color:#993300;
	background-color:#993300;
}
li#menuInvolved div, li#menuInvolved a.menuHighlighted
{
	border-color:#669900;
	background-color:#669900;
}
li#menuShop div, li#menuShop a.menuHighlighted
{
	border-color:#CC6600;
	background-color:#CC6600;
}

div.menuRow li a:hover, div.menuRow li a.menuHighlighted:hover
{
	/* default colour */
	border-color:#CCCC99;
}
li#menuAbout a:hover
{
	border-color:#996600;
}
li#menuNews a:hover
{
	border-color:#006699;
}
li#menuAdvocacy a:hover
{
	border-color:#339999;
}
li#menuWorld a:hover
{
	border-color:#CC9900;
}
li#menuDonate a:hover
{
	border-color:#993300;
}
li#menuInvolved a:hover
{
	border-color:#669900;
}
li#menuShop a:hover
{
	border-color:#CC6600;
}

/* --- searchRow styles --- */

div.searchRow
{
	width:100%;
	height:2.5em;
}
body.bodyHome div.searchRow
{
	background-color:#EEEEEE;
}
body.bodyDefault div.searchRow
{
	background-color:#EEEEEE;
}
body.bodyAbout div.searchRow
{
	background-color:#CC9933;
}
body.bodyNews div.searchRow
{
	background-color:#3399CC;
}
body.bodyResources div.searchRow
{
	background-color:#66CCCC;
}
body.bodyWorld div.searchRow
{
	background-color:#FFCC00;
}
body.bodyDonate div.searchRow
{
	background-color:#CC6633;
}
body.bodyShop div.searchRow
{
	background-color:#FF9933;
}
body.bodyInvolved div.searchRow
{
	background-color:#99CC33;
}
body.bodyContact div.searchRow
{
	background-color:#FF9933;
}

div.searchRowText
{
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	
	padding:5px 0em 0em 0em;
	
	position:absolute;
	top:0px;
	left:0px;
}
body.bodyDefault div.searchRowText
{
	color:#999966;
}
body.bodyHome div.searchRowText
{
	font-size:.85em;
	font-weight:normal;
	text-transform:uppercase;
	color:#999966;
	letter-spacing:.3em;
	
	padding:20px 0em 0em 0em;
}
div.searchRowForm
{
	color:#FFFFFF;

	padding:.3em 0em 0em 0em;
	
	float:right;
}
body.bodyDefault div.searchRowForm,
body.bodyHome div.searchRowForm
{
	color:#000000;
}
@media print
{
	div.searchRowForm
	{
		/* don't display the search form when printing */
		display:none;
	}
}
td.searchRowTd1
{
	vertical-align:middle;
}
td.searchRowTd2
{
	width:170px;
}

/* --- breadcrumb styles --- */

div.breadcrumbRow
{
	background-color:#FFFFFF;
	font-size:.85em;
	color:#999999;
	text-transform:lowercase;
	
	padding-top:5px;
	
	height:47px;
	width:100%;
}
div.breadcrumbRowSpacer
{
	/* keeps the content of the breadcrumb row from flowing under the sidebar spacer 
	and getting lost */
	float:right;
	
	width:170px;
	height:47px;
}
@media print
{
	div.breadcrumbRowSpacer
	{
		/* don't display the breadcrumb spacer when printing */
		display:none;
	}
}
div.breadcrumbRow a, div.breadcrumbRow a:visited
{
	color:#999999;
	text-decoration:none;
}
div.breadcrumbRow a:hover
{
	color:#666666;
	text-decoration:underline;
}
div.breadcrumbRowExtra /* contains extra html for use on MCC store and NVM donations pages */
{
	float:right;
	
	text-transform:none;
	
	height:47px;
}
div.breadcrumbRowExtra a, div.breadcrumbRowExtra a:visited
{
	text-decoration:underline;
}

/* --- footerMenu styles --- */

div.footerMenuRow
{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	background-color:#EEEEEE;
	font-size:.88em;
	color:#CCCCCC;
	
	width:100%;
	
	padding:.3em 0em .3em 0em;
}
@media print
{
	div.footerMenuRow
	{
		/* don't display the footer menu when printing */
		display:none;
	}
}
div.footerMenuRow a, div.footerMenuRow a:visited
{
	text-decoration:none;
	color:#999999;
}
div.footerMenuRow a:hover
{
	text-decoration:underline;
	color:#666666;
}

/* --- footer styles --- */

div.footer
{
	color:#666633;
	font-size:.85em;
	background-color:#CCCC99;
	border-top:1px solid #FFFFFF;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	
	width:100%;
	
	padding:1em 0em 2em 0em;
}
@media print
{
	div.footer
	{
		/* don't display the footer when printing */
		display:none;
	}
}
div.footer a, div.footer a:visited
{
	color:#666633;
}
div.footer a:hover
{
	color:#333333;
}
a.footerLogo, div.footerLogo
{
	position:absolute;
	top:.2em;
	left:-70px;
}
.footerTextSize
{
	float:right;
	font-size:11px; /*  fixed font size (works in IE only) so people using IE, set to a 
	smaller font size can still find out how to change the font size */
}

/* --- footerGray styles --- */
div.footerGray
{
	color:#000000;
	font-size:.85em;
	background-color:#999999;
	border-top:1px solid #FFFFFF;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	
	width:100%;
	
	padding:1em 0em 2em 0em;
}
@media print
{
	div.footerGray
	{
		/* don't display the footerGray when printing */
		display:none;
	}
}
div.footerGray a, div.footerGray a:visited
{
	color:#333333;
}
div.footerGray a:hover
{
	color:#000000;
}

/* --- footerDarkGray styles --- */
div.footerDarkGray
{
	color:#CCCCCC;
	font-size:.85em;
	background-color:#333333;
	border-top:1px solid #FFFFFF;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	
	width:100%;
	
	padding:1em 0em 2em 0em;
}
@media print
{
	div.footerDarkGray
	{
		/* don't display the footer when printing */
		display:none;
	}
}
div.footerDarkGray a, .footerDarkGray a:visited
{
	color:#CCCCCC;
}
.footerDarkGray a:hover
{
	color:#EEEEEE;
}

div.footerPrintRow
{
	/* footerPrintRow is only displayed when printing */
	display:none;
}
@media print
{
	div.footerPrintRow
	{
		display:block;
		border-color:#CCCCCC;
		border-style:solid;
		border-width:1px 0px 0px 0px;
		font-size:.6em;
		
		padding:1em 0px 1em 0px;
	}
	
	div.footerPrintRow table table td
	{
		padding:0px 15px 0px 0px;
	}
}
/* --- menuMccRow styles --- */

div.menuMccRow
{
	background-color:#333333;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	
	width:100%;
	/* height:32px; */
	height:2.5em;
}
@media print
{
	div.menuMccRow
	{
		/* don't display the mcc row when printing */
		display:none;
	}
}
a.menuMccRowLogo
{
	position:absolute;
	top:5px;
	left:-35px;
}
div.menuMccRow h1
{
	float:left;
	
	padding:8px 0px 0px 0px;
	margin:0px;
	
	font-size:1em;
}
div.menuMccRow h1 a, div.menuMccRow h1 a:visited
{
	color:#CCCCCC;
	text-decoration:underline;
}
div.menuMccRow h1 a:hover
{
	color:#EEEEEE;
}
div.menuMccRowForm
{
	color:#CCCCCC;

	padding:.3em 0em 0em 0em;
	
	float:right;
}

/* survey styles */

div.surveyContainer
{
	display:none;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:10px 10px 15px 10px;
	
	position:absolute;
	width:300px;
	top:80px;
	right:80px;
	
	z-index:10;
}

a.surveyCloseButton, a.surveyCloseButton:visited
{
	display:block;
	float:right;
	background-image:url("/images/common/closebutton.gif");
	text-decoration:none;
	
	height:15px;
	width:15px;
	overflow:hidden;
}
a.surveyCloseButton:hover
{
	background-image:url("/images/common/closebutton-hover.gif");
}

#survey1Alert
{
	color:#CC0000;
}