/* COLOR PALETTE 
aga dark green #006d73
aga med green #669999
aga light green #d9ecec
aga very pale green #e4f2f2
aga dark blue #336699
aga light blue #cfe9f8
aga light gray #ccc
*/

body {
	margin-top: 0; 
	color: #000; 
	background:#fff url(../images/AgaHomeBannerFloat.jpg) top center no-repeat; 
	font: .7em/135% verdana, arial, helvetica, sans-serif; 
	}

a { color: #336699; }
a:visited {  }
a:hover { color: #669999; }
a img { border-style: none; }

.clearFloats { clear: both; }
.clearLeftFloat { clear: left; }
.clearRightFloat { clear: right; }

/* PAGE & COLUMN LAYOUT ==================================== */

#pageLayout { width: 750px; margin: 0 auto; }

#bannerLayout, #homeBannerLayout { width: 750px; height: 140px; }
#bannerImage, #homeBannerImage { width: 400px; float: left;  } 
#bannerImage a, #homeBannerImage a { display: block; height: 95px; }/* banner link placeholder */

#siteLinks, #homeSiteLinks { height: 30px; margin-top: 5px; margin-left: 425px; margin-right: 10px; text-align: right; font-size: .85em; font-weight: bold; color: #ccc; }
#siteLinks a, #homeSiteLinks a { color: #fff; text-decoration: none; }
#siteLinks a:hover, #homeSiteLinks a:hover { text-decoration: underline; }
#bannerSearch, #homeBannerSearch { margin-left: 425px; text-align: right; }

#siteSearch { height: 20px;  margin-right: 10px; }
#siteSearchField { width: 132px; float: right; }
#siteSearch .formField { margin: 0; margin-right: 3px; width: 130px; height: 14px; font-size: .9em; border: 1px solid #ccc; }
#siteSearchButton { width: 50px; float: right; margin-left: 3px; }

#contentLayout { width: 750px; margin-bottom: 15px; }
#leftColumn { width: 175px; padding-right: 19px; }
#wideColumn { width: 540px; padding-left: 15px; border-left: 1px solid #ccc; }

/* UTILITIES BAR */
#pageUtilities { margin: 15px auto; color: #777; font-size: .8em; }
#pageUtilities a:link, #pageUtilities a:visited { color: #999; }
#pageUtilities a:hover { color: #669999; }
#emailAFriend { }
#printFriendly { }

/* FOOTER */
#footer { margin-top: 1em; text-align: center; color: #666; font-weight: bold; font-size: .85em; }
#footer p { margin: .8em; text-align: center; }

/* NAVIGATION CONTROLS ================================================== */

/* SUBNAV CHANNEL MENU */
#subNavMenu h2 { margin-top:0; padding: .5em 1em; font-size: 1em; text-transform: uppercase; color: #669999; background: #d9ecec; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
ul#subNav { list-style: none; margin-top: .8em; color: #336699; font-weight: bold; }
ul#subNav li { margin-left: -35px; margin-bottom: .5em; }

ul#subNav ul { list-style: square; margin-left: 60px; color: #006d73; font-size: .9em; font-weight: normal; }
ul#subNav ul a:link { color: #006d73; }
ul#subNav ul a:hover { color: #669999; }

#breadcrumbs { margin: 5px 10px; margin-bottom: 15px; font-size: .8em; color: #336699; font-weight: bold; }
#breadcrumbs span { color: #669999; } 
#breadcrumbs a { color: #336699; font-weight: normal; }
#breadcrumbs a:hover { color: #669999; }


/* DEEP SUBNAV POSTING MENU */
#subChannelMenu h2 { margin-top:0; padding: .5em 1em; font-size: 1em; text-transform: uppercase; color: #669999; background: #d9ecec; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#subChannelMenu h3 { margin-top: .5em; color: #669999; }
ul#subChannel { list-style: none; margin-left: 15px; }
ul#subChannel ul { list-style: square; }
ul#subChannel ul li { }


/* CHANNEL DEFAULT ROLLUPS */

#rollupArea { margin-right: 200px; }

h2#rollupTitle { margin-bottom: 1em; color: #669999; font-size: 1.1em; text-transform: uppercase; border-bottom: 1px solid #ccc; }

.postingsRollup ul { list-style: square; margin-bottom: 0; }
.postingsRollup li { margin-bottom: .5em; }
.postingsRollup a { font-weight: normal; }
.channelRollup ul { margin-top: 0; list-style: square; }
.channelRollup li { margin-bottom: .5em; }
.channelRollup a { font-weight: bold; }

.calendarRollup { }
.calendarRollup h2 { padding: .2em .5em; margin-bottom:.2em; font-size: 1.1em; background: #006d73; color: #fff; }
.calendarRollup h3 {  color: #000; }
.calendarRollup ul { list-style:square; }
.calendarRollup ul ul ul a { font-weight: normal; }
.shortCalendarRollup h2 { padding: .2em .5em; margin-bottom:.2em; font-size: 1.1em; background: #006d73; color: #fff; }
.shortCalendarRollup a { color: #fff; }


/* MY AGA LOGIN CONTROL (LEFT NAV) */

#myAgaLogin { width: 175px; margin: 5px 0 15px 0; font-size: .95em; line-height: 130%; }
.myAgaContent { padding: 0 10px; background: #e5f2f2; border: 1px solid #ccc; border-bottom-color: #e5f2f2; }
#myAgaLogin h2 {
	margin-top: .2em; 
	margin-bottom: .2em; 
	padding-left: 0; 
	padding-bottom: 0; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #669999; 
	background: none; 
	border-bottom-style: none; 
	}
#myAgaLogin p { margin: .5em 0; }
#myAgaLogin p.section { margin-top: .8em; padding: .3em 0 .8em 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#myAgaLogin ul { margin-top: 0; list-style: square; }
#myAgaLogin li { margin-left: -20px; margin-bottom: .2em; }


/* PAGE TEXT DISPLAY */

h1, h2, h3, h4 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 1.3em; color: #669999; margin-top: 0; margin-bottom: 1em; text-transform: uppercase; padding-bottom: .1em; border-bottom: 1px solid #ccc; }
h2 { font-size: 1.3em; color: #336699; }
h3 { font-size: 1.2em; color: #666; }
h4 { font-size: 1.1em; color: #000; }

p, ul { margin-top: .5em; }
li { margin-bottom: .5em; }
hr { height: 1px; color: #669999; }

.highlight { color: #996633; }
.xsmallText { font-size: .8em; }
.smallText { font-size: .9em; }
.regText { font-size: 1em; }
.largeText { font-size: 1.2em; }
.xlargeText { font-size: 1.4em; }

.highlightBox {
	padding: .5em 1em 1em 1em; 
	background: #d9ecec; 
	border-top: 1px dotted #ccc; 
	}
	
.highlightBox h2 { margin: .5em 0; }
.highlightBox p { margin: .5em 0; }
.highlightBox p a { color: #000; }

.backLink a { font-size: .9em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.backLink a:hover { text-decoration: underline; }


/* GENERIC POSTING LAYOUT */

.calloutWrap {
	margin-top: 10px;
	margin-left: 15px; 
	width: 175px;
	text-align: left; 
	background: #e8f1f9; 
	border-bottom: 1px dotted #ccc;
	}
	
.channelHighlights, .statsGlance { float: right; }

.calloutWrap h2 {
	margin: 0; 
	padding: .3em; 
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center; 
	color: #669999; 
	background: #d9ecec; 
	border-top: 1px dotted #ccc; 
	border-bottom: 1px dotted #ccc; 
	}

.calloutList { padding: 5px 10px 5px 0; }
.calloutList ul { margin-top: .5em; margin-bottom: .5em; font-size: .9em; }
.calloutList li { margin-left: -10px; margin-bottom: .5em; }
.calloutText { padding: 5px 10px; }
.calloutText p { margin: .8em 0; }

#leftColumn .calloutWrap 
{
	float: none;
	margin: 0;
	margin-bottom: 15px;
}

.rightSideBar .calloutWrap
{
	float: none;
}
.rightSideBar
{
	margin-left: 15px;
	margin-bottom: 5px; 
	width: 175px;
	float: right;
}

.askTheExpertLink { text-align: center; font-weight: bold; }

.moreInfo { margin-top: 1em; }
.moreInfo h2 {
	margin: 0; 
	padding: .3em; 
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center; 
	color: #669999; 
	background: #d9ecec; 
	border-top: 1px dotted #ccc; 
	border-bottom: 1px dotted #ccc; 
	}
	
.moreInfoText { margin-top: 0; padding: .5em 1em; background: #e8f1f9; border-bottom: 1px dotted #ccc; }

.attachment { margin-top: 1em; }
.attachment h2 {
	margin: 0; 
	padding: .3em; 
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center; 
	color: #669999; 
	background: #d9ecec; 
	border-top: 1px dotted #ccc; 
	border-bottom: 1px dotted #ccc; 
	}
	
.attachmentText { margin-top: 0; padding: .5em 1em; background: #e8f1f9; border-bottom: 1px dotted #ccc; }

/* AUTHORING CONSOLE ==================================== */

#authorConsole, #errorConsole { padding: .5em; margin-bottom: 1em; font: normal .9em/120% Verdana, Arial, sans-serif !important; background: #FFFBE9; border: 1px solid #376899; }
#authorConsole a, #errorConsole a { color: #376899; display: block; margin: .5em 0; }
#authorConsole br { display: none; }
#authorConsole p { margin: .5em 0 .8em 0; }


/* FORMS AND FIELDSETS */

fieldset { padding: .5em 1.5em; border: 1px solid #1760A6; }
legend { font-weight: bold; font-size: 1.1em; color: #336699; margin-bottom: .5em; text-transform: uppercase; }
.phLabel { display: block; margin-top: 1em; margin-bottom: .2em; font: bold 1em Arial, sans-serif; text-align: left; color: #336699; margin-bottom: .2em; }

.formLayout { margin: 15px 0; }
fieldset .formLayout { margin: .2em 0; }

.formLayout th, .formLayout td { padding: .5em .2em; vertical-align: top; }
.formLayout th { font-weight: bold; text-align: right; color: #006d73; }

.formTable { border-top: 1px solid #f1f1f1;}
.formTable td, .formTable th  { padding: 2px; line-height: 120%; vertical-align: bottom; border-bottom: 1px solid #f1f1f1; }
.formTable th { text-align: right; padding-right: 10px;}

.formTableNoBorder { border-top-style: none; }
.formTableNoBorder td, .formTable th  { line-height: 120%; border-bottom-style: none; }
.formTableNoBorder th { padding: .5em .2em; text-align: right; vertical-align: top; width: 35%; }
.formTableNoBorder td { padding: .5em .2em; vertical-align: top;  }

.required { color:red; }
.Required { color:red; }
.alert, .alertText { color: #BA2455; }
.panelLinks { margin: .5em 0; }
.panelButtons { margin: .3em 0; text-align: right; }
.requiredSymbol, .required { color: Red; }

/* DATAGRIDS */
.dgLayout { }
.dgLayout th, .dgLayout td { padding: .3em; }
.dgHead { font-weight: bold; background:#e8e8e8; }
.dgAltColor { background: #F3F1E9; }
#dgHeadSubText { font-weight: normal; }

.datagrid { border: 1px solid #49382A; border-collapse: collapse; }
.datagrid td, .datagrid th { padding: 2px; border: 1px solid #999; border-collapse: collapse; }
.gridHeader { font-size: .95em; font-weight:bold; background:#e5f2f2; }
.gridFooter { font-weight: bold; background:#FDEFCC; }
.gridItem { vertical-align: top; }

#jobSearchResults { margin-top: 2em; }
#jobSearchResults .formField { width: 200px; border: 1px solid #ccc; height: 15px; }

.userProfile { margin: .0em 0; }
.userProfile th, .userProfile td { padding: .15em; }
.userProfile th { font-weight: bold; text-align: right; }

/* USER REGISTRATION OVERRIDES */
#leftColumnReg { width: 105px; padding-right: 19px; }
#wideColumnReg { width: 610px; padding-left: 15px; border-left: 1px solid #ccc; }


/* HUB TEMPLATES ============================================== */

/* PRIMARY HUB */

#hubLayout { width: 540px; margin-top: 20px; }
#hubIndex { width: 315px; float: left; }
#hubHighlights { width: 200px; float: right; }

#hubLayout h2 { margin: 0; font-size: 1.1em; padding: .2em .8em; color: #fff; background: #006d73; }

#hubIndex ul { font-weight: normal; color: #000; }
#hubIndex ul a { font-weight: bold; text-transform: uppercase; }
#hubIndex ul ul a { font-weight: normal; text-transform: none; }
#hubIndex ul li { margin-bottom: 1em; }
#hubIndex ul ul li { margin-bottom: .5em; }
#hubIndex p { margin: .5em 0; }

#hubHighlights p { margin: .8em 0; }
#hubText { margin-top: 0; padding: 5px 10px; background: #e4f2f2; border: 1px solid #ccc; }

/* COMMITTEE HUB */
#committeeHubLayout { margin-top: 2em; }
#committeeHubLeft { width: 45%; float: left;  }
#committeeHubRight { width: 45%; float: right; }

#committeeHubLayout h2 { padding: .2em .5em; margin-bottom:.2em; font-size: 1.1em; background: #006d73; color: #fff; }
#committeeHubLayout ul { margin-top: .5em; margin-bottom: 2em; }
#committeeHubLayout li { margin-bottom: .2em; }

/* RESOURCES BY DISCIPLINE HUB */
#resourcesLayout { margin-top: 2em; }
#resourcesLeft { width: 45%; float: left;  }
#resourcesRight { width: 45%; float: right; }

#resourcesLayout h2 { font-size: 1em; text-transform: uppercase; color: #006d73; border-bottom: 1px solid #ccc; }
#resourcesLayout ul { margin-top: .5em; margin-bottom: 2em; }
#resourcesLayout li { margin-bottom: .2em; }

/* EVENT SEARCH HUB */

#eventSearchLayout { }
#eventSearchLeft { }
#eventSearchRight { width: 175px; padding-left: 15px; }

#eventLists { }
#eventLists h2 { padding: .2em .5em; margin-bottom:.2em; font-size: 1.1em; background: #006d73; color: #fff; }

fieldset#searchBox { font-size: .9em; }
#searchBox legend { font-size: 1em; text-transform: none; }
#searchBox label { font-weight: bold; }
#searchBox p { margin: .5em 0; }
#searchBox .eventField { border: 1px solid #888; width: 135px; height: 14px; }
#searchBox .eventListBox { border: 1px solid #888; width: 135px; }
#searchBox .eventDropDown { border: 1px solid #888; width: 135px; }
#searchBox .eventButton { margin: auto; }

/* =========== PRESS RELEASES ========================================= */

/* PRESS RELEASE */
#prLogo { margin-bottom: 10px; }
#prHeader { margin-bottom: 25px; }
#prContact { width: 75%; text-align: left; }
#prDate { width: 25%; text-align: left; }
h1#prTitle { margin-bottom: 1em; text-align: center; color: #000; font-size: 1.2em; border-bottom-style: none; }

#prFooter { width: 100%; }
#prFooterLeft { width: 50%; padding-right: 10px; text-align: left; }
#prFooterRight { width: 50%; padding-left: 10px; text-align: right; }
#prFooter .calloutWrap { margin: 0; width: 100%; }


/* PR ROLLUP */
.prArchiveRollup { }
.prArchiveRollup ul li { margin-bottom: .8em; }
.prArchiveRollup .prRollupDate { font-style: italic; }
.prArchiveRollup .prRollupTitle {  }
.prArchiveRollup .prRollupAbstract p { margin: 0; display: inline; }
.prArchiveRollup .prRollupMoreLink { font-size: .9em; text-transform: uppercase; }

.latestNewsRollup  p { margin-bottom: .8em; }
.latestNewsRollup .prRollupDate { font-style: italic; }
.latestNewsRollup .prRollupTitle { }



/* =========== NATURAL GAS GLOSSARY  ========================================= */

#glossaryJumpLinks { padding: .2em 0; font-size: 1em; color: #669999; background: #d9ecec; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }

#glossaryTerms dt { font-weight: bold; }
#glossaryTerms dd { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ccc; }





/* ==================== MONDO SEARCH =========================== */

.Mondosoft-MondoSearch-CategoryHeader { color: #fff; background: #336699;  }
.Mondosoft-MondoSearch-CategoryTitle { font-weight: bold; color:#fff; padding: 2px 10px; }
.Mondosoft-MondoSearch-CategoryResultCount { color: #fff; padding: 2px 10px; }


.bookmarkCheck { border: 1px solid #ccc; }

.associateListing { color: #336699; }




/*********** EVENT REGISTRATION DETAIL ***************/

#registrationInfo th, .guestInfo th { text-align: right; vertical-align: top; padding: 2px 5px; }        
.guestInfo { }
.guestInfo th { width: 100px;  color: #006d73; }        
.guestInfo td { width: 200px; }               
.dlItem { border-bottom: 1px solid #eee; }

.dlAltItem { border-left: 1px solid #669999; border-bottom: 1px solid #eee; }

.FormResults dl {  }                
.FormResults dt { margin-top: 10px; margin-bottom: 4px; font-weight: bold; }
.FormResults dd { padding-left: 6px; margin-top: 4px; padding-bottom: 10px; border-bottom: 1px solid #669999; }

.verticalLabel { font-weight: bold; }

/*********** DYNAMIC POPUP FOR COMMITTEE ROSTER ***************/
.committeeRosterDetailsPopDiv 
{
	position:absolute;
	border:2px solid #336699;
	background-color:#e5f2f2;
	width:250px;
	padding:3px;
	z-index:99;
}