@charset "utf-8";

/* ============================
 * FONT IMPORT
 *========================== */

@font-face {
	font-family: 'GraublauWebRegular';
	/* IE */
	src: url('fonts/graublauweb.eot');
	/* non-IE */
	src: local('☺'), url('fonts/graublauweb.ttf') format('opentype'), url('graublauweb.svg#GraublauWeb-Regular') format('svg');
}


/* ============================
 * SET UP - ZERO OUT
 *========================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
em {font-style:italic;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table {font-size:inherit;}

pre,code,kbd,samp,tt{font-family:monospace;}
div {overflow:hidden;}
strong{font-weight: bold;}

/* ============================
 * GENERAL GLOBAL TAG STYLES
 *========================== */
body, td, th {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
	font-size: 12px;
	font-style: normal;
	/*line-height: 20px;*/
	font-weight: normal;
	color: #4D4D4D;
}
body {background-color:#006137;
      text-align:center;
      }


a, a:link, a:visited {
	font-family:'GraublauWebRegular', "MarkerFelt-Thin", "Arial Narrow", Helvetica, sans-serif;
	color: #0076ad;
	text-decoration: none;
	/*
	font-size:13px;
	border-bottom: 1px dashed #0076ad;
	*/
}
p a {font-size:13px;}
a:hover {
	color: #005E8C;
	text-decoration: underline;
}
.right a, a.dashed {border-bottom: 1px dashed #0076ad;}
.right a:hover, a.dashed:hover {border-bottom-style:solid; text-decoration:none;}


h1,h2,h3 {font-weight:normal; font-family: "GraublauWebRegular", "MarkerFelt-Thin", "Arial Narrow", Helvetica, sans-serif; color: #006137;}
h1 {font-size: 30px; line-height:36px;}
h2 {font-size: 22px; line-height:26px;}
h3 {font-size: 18px; line-height:22px; }
h4,h5,h6 { font-weight: bold; color:#333; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
h4 {font-size: 14px;}
h5 {font-size: 14px; color:#666;}
h6 {font-size: 12px;}
h3+h4, h3+h5, h3+h6, h2+h4, h2+h5, h2+h5{margin-top: 10px;}
p {
	margin: 5px 0 10px 0;
	line-height:20px;
}

input[type='text'] {border:1px solid #666; background-color:white; padding:3px; margin:2px;}
select {border:1px solid #666; background-color:white; padding:3px; margin:2px;}
input[type='submit'], input[type='button'] {background-color: #005e8c; border-width:0px; color:white; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; padding:4px; margin:2px; width:auto; overflow:visible; pointer; cursor:hand;}
input[type='submit']:hover, input[type='button']:hover {background-color:#2886b4;}
hr { height:0; border-width:0; border-top: 1px dashed #006137; clear:both; }

/* LISTS (LIMTED TO THE PAGE CONTENT AREAD TO NOT RUIN NAV LISTS */
div#pagecontent ul, div#pagecontent ol { margin: 5px 0 10px 25px;}
div#pagecontent li {
	margin-bottom:5px;
	padding-left:0px;
	line-height:15px;
}





/* ============================
 * UTILITY CLASSES
 *========================== */
 
/* UTILITY TO CLEAR FLOATS */
.floatclear {
	float:none;
	clear:both;
}
/* REMOVE MARGINS */
.nosidemargin {margin-left:0 !important; margin-right:0 !important;} /* HANDY FOR USE WITH NESTED COLUMNS */
.notopmargin {margin-top:0 !important;}
.nobottommargin{margin-bottom:0 !important;}
.nomargin {margin:0 !important;}


/* USE THESE TO SUB-DIVIDE COLUMNS */
.col40percent, .col50percent, .col60percent {float:left; display:inline; clear:none;}
.col50percent {width:50%; }
.col40percent {width:40%; }
.col60percent {width:60%; }


/* SMALL ITEMS */
.small, ul.small, ol.small, p.small {
	font-size:11px;
	line-height:12px;
}
h3.small {font-size:16px;}

.disclaimer {
	font-size:10px;
	line-height:12px;
	color:#999;
}
p.disclaimer {margin-top:0;}

.alert {color:#F00; font-weight:bold; text-transform:uppercase;}

.indentleft, .indent {margin-left:20px;}
.indentright {margin-left:20px;}

/* LARGE ITEMS */
p.large { font-size:15px; }
a.large, p.large a {font-size:18px;}
/* RIGHT/CENTER ALIGN */
.right { text-align:right; }
.center {text-align:center;}
/* TIGHT (LESS LEADING) */
.tight { line-height:14px; }

/* SPECIAL LINKS STYLES */
a.link_external, a.link_document, a.link_pdf, a.link_excel, a.link_word, a.link_download, a.link_email {
	display:inline-block;
	background-repeat: no-repeat;
	line-height:16px;
	padding:1px 0 2px 0;
}
a.link_external {
	padding-left:20px;
	background-image:url(../images/icon_external_link.gif);
	background-position: 4px 4px;
}
a.link_document {
	padding-left:20px;
	background-image:url(../images/icon_file_generic.gif);
	background-position: left 2px;
}
a.link_pdf {
	padding-left:20px;
	background-image:url(../images/icon_document_pdf.gif);
	background-position: left 1px;
}
a.link_excel {
	padding-left:20px;
	background-image:url(../images/icon_document_excel.gif);
	background-position: left 1px;
}
a.link_word {
	padding-left:20px;
	background-image:url(../images/icon_document_word.gif);
	background-position: left 1px;
}
a.link_download {
	padding-left:20px;
	background-image:url(../images/icon_file_download.gif);
	background-position: left 2px;
}
a.link_email {
	padding-left: 20px;
	background-image:url(../images/icon_email.gif);
	background-position: 4px 6px;
}



/* ============================
 * PAGE CONTAINER
 *========================== */
div#pageframe {
	width:900px;
	margin:0 auto;
	padding:0 10px 0 10px;
	text-align:left;
	background: url(interface-images/pageframe-bg.gif) no-repeat;
}


/* ============================
 * MAJOR HEADER SECTIONS
 *========================== */

/* ---------- PAGE HEADER CONTAINERS ---------- */
div#mp_pageheader{
	background-color: white;
	height:114px;
}
div.pageheader-home { background:url(interface-images/header-bg-home.gif) no-repeat left 17px; background-color: white;}
div.pageheader-interior { background:url(interface-images/header-bg-interior.gif) no-repeat left 17px; background-color:white;}

div.pageheader-home div#headercap {
	height:17px;
	background:url(interface-images/page-cap-home.gif) no-repeat;
}
div.pageheader-interior div#headercap {
	height:12px;
	border-bottom:5px solid #999;
	background-color:#006137;
}

/* ---------- MAIN PAGE TITLE ---------- */
div#headertitle {width:400px; height:97px; position:relative; overflow:visible;} 
div#headertitle h1 {
	font: 42px/42px 'GraublauWebRegular', "MarkerFelt-Thin", "Arial Narrow", Helvetica, sans-serif;;
	color:#333;
	padding-top:5px;
	padding-left:10px;
}

/* ---------- EIFG LOGO ---------- */
div#headerlogo {
	float:right;
	padding-right:18px;
	padding-top:18px;
}



/* ---------- MAIN NAVIGATION MENU ---------- */
div#headerlinks {width:485px; height:30px; position:relative; left:245px; top:-42px;}
ul#navmenu {display:block; width:475px; height:30px; padding: 0 5px; list-style:none; background:url(interface-images/navmenu-bg.gif) no-repeat top left;}
ul#navmenu li {display:inline; margin:0; padding: 0; float:left; height:30px;background: url(interface-images/navmenu-separator.gif) no-repeat right center;}
ul#navmenu li#mp_menuSupporters{background-image:none;} /* removes separator from last link */

ul#navmenu li a {
	font-family:'GraublauWebRegular', "MarkerFelt-Thin", "Arial Narrow", Helvetica, sans-serif;;
	font-size:15px;
	display:block;
	padding-top:4px;
	color: white;
	text-align:center;
	height:26px;
	margin-right:1px;
}
ul#navmenu li#mp_menuHome a{width:50px;}
ul#navmenu li#mp_menuWhatsSustainability a{width:145px;}
ul#navmenu li#mp_menuGolfToday a{width:78px;}
ul#navmenu li#mp_menuLookingForward a{width:116px;}
ul#navmenu li#mp_menuSupporters a{width:81px;}

ul#navmenu li a:hover {text-decoration:none; background:url(interface-images/navmenu-hover.gif) repeat-x top left;}
ul#navmenu li.current a, ul#navmenu li.current a:hover {color:#005e8c; background:url(interface-images/navmenu-active.gif) repeat-x top left;}


/* ---------- FOOTER ---------- */
div#pagefooter {border-top: 2px solid #999; padding:15px 0}
div#pagefooter .copyright { font:11px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color:#99C0AF; float:left; margin-top:5px;}
div#pagefooter .copyright a {font:11px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: white; text-decoration:underline;}
div#pagefooter .logos {float:right;}

/* ---------- HOMEPAGE FLASH ELEMENT ---------- */
div#homepageflash {
	width:900px; height:226px;
	background:url(interface-images/header-bg-home.gif) no-repeat  left -97px;
}



/* ============================
 * MAJOR PAGE CONTENT SECTIONS
 *========================== */
 
div#pagecontent {
	background-color: white;
	width:900px;
}

.column-860, .column-620, .column-560, .column-400, .column-380, .column-280, .column-240, .column-220 {
	float:left;
	margin-left:20px;
	display:inline;
}
.column-860 {width:860px;}
.column-620 {width:620px;}
.column-560 {width:560px;}
.column-400 {width:400px;}
.column-380 {width:380px;}
.column-280 {width:280px;}
.column-240 {width:240px;}
.column-220 {width:220px;}

.feature, .featurebox, .featureboxsolid { margin-bottom:20px;}
.featurebox {border: 1px solid #CCC; background-color:white; padding:15px;}
.featureboxsolid {background-color:#e6e6e6; padding:20px;}

.featurebox h3.underline, .featurebox h4.underline {border-bottom:1px solid #CCC; padding-bottom:8px; margin-bottom:10px;}
.featureboxsolid h3.underline, .featureboxsolid h4.underline {border-bottom:1px solid white; padding-bottom:8px; margin-bottom:10px;}


/* ============================
 * CONTENT SECTION STYLES
 *========================== */
/* PAGE-TOP STATEMENT */
div.statement {border-left:5px solid #999; background-color:#e6e6e6; padding:5px 15px 5px 15px;}
div.statement h2 {color:#333; line-height:36px;}

/* SECTION HEADERS */
div.sectionheader {border-left:5px solid #999; background-color:#e6e6e6; padding:20px 15px;}
div.sectionheader h1 {color: white;}
div.sectionheader a {color:#aaa;}
div.sectionheader h1 a:hover {text-decoration:none; color:white; border-bottom:2px solid white;}
div.headerpic1 {background:url(interface-images/sectionheader-bg-1.jpg) left center no-repeat;}
div.headerpic2 {background:url(interface-images/sectionheader-bg-2.jpg) left center no-repeat;}
div.headerpic3 {background:url(interface-images/sectionheader-bg-3.jpg) left center no-repeat;}
div.headerpic4 {background:url(interface-images/sectionheader-bg-4.jpg) left center no-repeat;}

/* PULL QUOTES */
div.pullquoteright, div.pullquoteleft {
	font-size:15px;
	line-height:28px;
	margin:10px 15px;
	font-style:italic;
	font:15px/28px 'GraublauWebRegular', "MarkerFelt-Thin", "Arial Narrow", Helvetica, sans-serif;
	color:#999;
	width:200px;
	border-color:#999;
	border-style:solid;
	border-width:0;
}
div.pullquoteright {float:right; padding-left: 10px; border-left-width:5px; margin-right:0; color:#999;}
div.pullquoteleft {float:left; padding-right: 10px; border-right-width:5px; margin-left:0; color:#999; text-align:right; }
div.pullquoteright p, div.pullquoteleft p {font-size:inherit; line-height:28px; margin:0;}
div.pullquoteright a, div.pullquoteleft a {font-size:inherit; }