/***************** 
  
 NOTE: Dynamically generated CSS  
 Last generated 9/8/2010 4:23:13 PM 
 
 *****************/ 
  
  
 /* 
BFC/Custom/Core/Master/Site.master 
*/

@import url(User.css);
/* h1, p, etc are defined here */

/* Eliminate page shift by always displaying vertical scrollbars */
html {
    overflow-y: scroll;
}

body {
    background: white;
}


/******************************* PAGE STRUCTURE*/

div#BodyInner {
}

div.PageBlock {
    clear: both;
    margin: 0 auto;
    width: 975px;
}

/* Grid overlay (use ?g=1 to view)  */

div#GridOverlay {
    top: 0;
    position: absolute;
    width: 100%;
}

div#GridOverlay div {
    margin: 0 auto;
    width: 975px;
    background-image: url(/Custom/Core/Images/grid.png);
    height: 1500px;
}


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

div#Masthead {
    height: 200px;
    background: #E6E6E6 url(/Custom/Core/Images/background.masthead.gif) no-repeat 50% -130px;
}

div#Masthead div#MastheadInner {
    height: 200px;
    background: transparent url(/Custom/Core/Images/background.masthead.inner.gif) no-repeat -10px -130px;
    position: relative;
}

div#Masthead div#BrandContainer {
    height: 174px;
    background: transparent url(/Custom/Core/Images/masthead.logo.gif) no-repeat 80px 40px;
}

div#Masthead div.MastheadLogo {
    position: absolute; /* Within div#MastheadInner */
    top: 11px;
    width: 54px;
    height: 19px;
    background-repeat: no-repeat;
}

div#Masthead div#MastheadLogoICMA {
    background-image: url(/Custom/Core/Images/logo.small.icma.gif);
    right: 15px;
}

div#Masthead div#MastheadLogoEPA {
    background-image: url(/Custom/Core/Images/logo.small.epa.gif);
    right: 90px;
}


/******************************* MAIN */

div#Main {
}

div#MainInner {
    min-height: 500px;
    padding: 10px;
}


/******************************* FOOTER */


div#Footer {
    clear:both;
    background: #E6E6E6 url(/Custom/Core/Images/background.footer.gif) no-repeat 50% bottom;
}

div#Footer div#FooterInner {
    background: transparent url(/Custom/Core/Images/background.footer.inner.gif) no-repeat 0px bottom;
    position: relative;
    padding:10px 10px 221px 10px;
}

/* Footer Menu */

div#FooterMenu {
    padding:20px 0 30px 0;
}

div#FooterMenu h3 {
    margin-top:0;
}

div#FooterMenu div.GridBlock {
    margin-bottom:20px;
}

div#FooterMenu ul {
    display:block;
    margin:0;
    padding:0;
}

div#FooterMenu li {
    display:block;
    margin:3px 0;
    padding:0;
}

div#FooterMenu a {
    padding:2px 7px 5px 7px;
    margin:-2px -7px -5px -7px;
    font-size:1.1em;
    color:#7D7D7D;
    display:block;
}

div#FooterMenu a:hover {
    background:#F2F2F2;
    color:#909700;
    text-decoration:underline;
}

/* Logos */

div#FooterLogos {
    position: absolute; /* Within div#FooterInner */
    height: 221px;
    bottom: 0;
}

div#Footer div.FooterLogo {
    position: absolute; /* Within div#FooterLogos */
    bottom: 150px;
    width: 383px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: -10px 0;
}

div#Footer div#FooterLogoICMA {
    background-image: url(/Custom/Core/Images/logo.icma.gif);
    left: 256px;
}

div#Footer div#FooterLogoEPA {
    background-image: url(/Custom/Core/Images/logo.epa.gif);
    left: -5px;
}


/******************************* GRID SYSTEM */

/* Single block spanning one or more columns, usually with a solid color background*/
div.GridBlock {
    float: left;
    padding: 0;
    margin: 0px 10px 10px 0;
}

div.GridBlock.Last {
    margin-right: 0;
}

div.Round {
    -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
    overflow:hidden;
    padding-bottom:20px;
}

/* Put inside another block to add normal interior spacing on left and right */
.PadHorizontal {
    padding-left: 10px;
    padding-right: 10px;
}
/* Not cumulative */
.PadHorizontal > .PadHorizontal {
    padding-left: 0;
    padding-right: 0;
}
/* Reverse padding */
.UnPadHorizontal {
    margin-left: -10px;
    margin-right: -10px;
}

/* Put inside another block to add normal interior spacing on top and bottom */
.PadVertical {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Not cumulative */
.PadVertical > .PadVertical {
    padding-top: 0;
    padding-bottom: 0;
}
/* Reverse padding */
.UnPadVertical {
    margin-top: -10px;
    margin-bottom: -10px;
}

.PadBottom {
    padding-bottom: 5em;
}

/* Widths for GridBlocks (see BFC Grid.xls) */
.C5 {width: 955px;}
.C4 {width: 762px;}
.C3 {width: 569px;}
.C2 {width: 376px;}
.C1 {width: 183px;}

.V5,.V4,.V3,.V2,.V1,.V2-3 {
    padding:0!important;
}

/* Heights for GridBlocks */
.V5 {height: 955px;}
.V4 {height: 762px;}
.V3 {height: 569px;}
.V2 {height: 376px;}
.V1 {height: 183px;}
.V2-3 {height: 121px;}


/* Colors */
.Green {background-color: #A0A800;}
.LightGreen {background-color: #E9E623;}
.Orange {background-color: #F5811A;}
.LightOrange {background-color: #FBA20F;}
.Purple {background-color: #990099;}
.LightPurple {background-color: #C4039D;}
.Blue {background-color: #005596;}
.LightBlue {background-color: #C7EAFB;}
.Green {background-color: #A0A800;}
.Silver {background-color: #E6E6E6;}


/******************************* FORMS */

div.C2 div.FormRow .Label, div.C3 div.FormRow .Label {
    width: 100px;
}

div.C2 div.FormRow div.FieldContainer {width: 253px;}
div.C3 div.FormRow div.FieldContainer {width: 446px;}
div.C4 div.FormRow div.FieldContainer {width: 579px;}
div.C5 div.FormRow div.FieldContainer {width: 782px;}

div.C2 div.FormRow div.FieldContainer .FormField {width: 243px;}
div.C3 div.FormRow div.FieldContainer .FormField {width: 436px;}
div.C4 div.FormRow div.FieldContainer .FormField {width: 569px;}
div.C5 div.FormRow div.FieldContainer .FormField {width: 772px;}


/******************************* MENU */

div#MenuContainer {
    position: absolute; /* relative to #MastheadInner */
    bottom:0;
    margin:0;
    left:10px;
    overflow: visible;
    height:26px;
    z-index: 800;
}

/* Level 1+ */

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

ul#Menu li {
    position: relative;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    display: block;
}

ul#Menu li a {
    display: block;
    line-height: 15px;
    height: 26px;
    overflow: hidden;
    font-size: 1.5em;
    letter-spacing:-1px;
    font-weight: bold;
    text-decoration:none!important;
}

ul#Menu li a span {
    display: block;
    background: #AAB11A;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    padding: 5px 15px 20px 15px;
    color:#E2E5B2;
}

ul#Menu li.Selected a span {
    background:white;
    color: #A0A800;
}

ul#Menu li.Hover a {
}

ul#Menu li.Hover a span {
    background:#98A000;
    color:White;
}

ul#Menu li.Hover a.HasChildren {
    overflow:visible;
}

ul#Menu li.Hover a.HasChildren span {
}

/* Level 2+ */

ul#Menu li div.DropDownMenu {
    display: none;
    position: absolute;
    top: 26px;
    left: 0px;
    z-index: 100;
    margin: 0;
    width: 220px;
}

ul#Menu li.Hover div.DropDownMenu {
    display: block;
}

ul#Menu li div.DropDownMenu ul {
    margin: 0;
    padding: 5px;
    width: 220px;
    background:#98A000;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    padding-bottom:10px;
}

ul#Menu li div.DropDownMenu ul li {
    float: none;
    margin: 0;
}

ul#Menu li div.DropDownMenu ul li a {
    font-size: 1.2em;
    letter-spacing:0;
    overflow:visible;
    background:transparent!important;
    padding:0;
}

ul#Menu li div.DropDownMenu ul li a span {
    height: auto;
    padding: 5px 10px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    color:#E2E5B2;
}

ul#Menu li div.DropDownMenu ul li a:hover span {
    background-color:#AAB11A;
    color:White;
}

ul#Menu li.Selected a span ul#Menu li.Hover a {
}


/******************************* ID CARD */

div#IdCard {
    background:white;
    position:absolute; /* within #MastheadInner */
    bottom:-15px;
    right:10px;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    padding-bottom:25px;
}

div#IdCard div.ProfilePhotoWrapper {
    width:37px;
    height:43px;
    -moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
    overflow:hidden;
    float:left;
    margin-right:4px;
}

div#IdCard div#UtilityInner {
    float:left;
    width:122px;
}

div#IdCard h3 {
    text-transform:none;
    font-size:1.3em;
    letter-spacing:-1px;
    margin:0 0 4px 0;
    color:#F5811A;
}

div#IdCard h4 a {
    color:inherit;
}

div#IdCard h4 a:hover {
    color:#828800;
    text-decoration:underline;
}


div#IdCard a.GrayButton {
    clear:both;
    color:#0066B2;
    width:95px;
    margin-bottom:1px;
    padding:2px 0 0 13px;
}

div#IdCard a.GrayButton strong {
    color:#0066B2;
}

div#IdCard a.GrayButton:hover,
div#IdCard a.GrayButton:hover strong {
    color:#909700;
}

div#IdCard a.GrayButton span {
    top:3px;
    left:-2px;
}


/******************************* QUICK LINKS */

div.QuickLinks {
    margin-top:10px;
}

div.QuickLinks a {
    display:block;
    float:none;
    background:#EEEEEE;
    font-size:1.4em;
    font-family:Cambria,Georgia,'Times New Roman',Times,serif;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    margin-right:0;
    margin-bottom:4px;
    padding:7px 10px 11px 10px;
}

div.QuickLinks a:hover {
    background:#E8E8E8;
    color:#909700;
    text-decoration:underline;
}


/******************************* ARTICLE LINKS */

div.ArticleLink {
    margin-bottom:10px;
}

div.ArticleLink div.V2-3 {
    margin-bottom:10px;
}

div.ArticleLink h1,
div.ArticleLink h2, 
div.ArticleLink h3,
div.ArticleLink h4,
div.ArticleLink h5 {
    margin-top:0px;
}

div.ArticleLink h3 {
    text-transform:none;
    font-size:1.2em;
}

div.ArticleLink p {
    margin-right:10px;
}

div.ArticleLink a.MoreLink {
    font-weight:bold;
}


/******************************* REVERSE */
/* Use for any element that has a solid color background with white type. */

.Reverse * {
    color:White;
}

.Reverse span.Bar
{
    color: #4C4C4C;
}

.Reverse div._Clickable:hover * {
    color: White!important;
}


/******************************* LARGE */
/* Use for any element that should have larger type treatment than surrounding areas. */

p.Large,
.Large p,
.Large li {
    font-family:Cambria,Georgia,'Times New Roman',Times,serif;
    font-size:17px;
}

.Large li li  {
    font-size:.9em;
}

.Large h2 {
    margin-top:1em;
    font-size:1.7em;
}

.Large h3 {
    margin-top:1em;
    font-size:1.3em;
}

.Large p a.MoreLink {
    font-size:.8em;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
}

.Large p.Abstract {
    font-size:1.7em;
    font-style:normal;
    margin-top:0;
    line-height:1.4;
    color:#333333;
}


/******************************* QUOTE */
/* Rotating testimonial on front page */

div.Quote p.Large {
    font-size:1.8em;
    line-height:1.2;
    letter-spacing:-1px;
}

div.Quote p.Cite {
}

div.Quote p.Cite strong {
    display:block;
}


/******************************* ROTATING FEATURE */

div#RotatingFeatureContainer { 
    margin:18px 0;
    zoom:1;
}

div#RotatingFeatureContainer div.Feature { 
    height:193px;
    padding:0;
    margin:0 0 5px 0;
}

div#RotatingFeatureContainer div.RotatingFeatureCaption { 
    clear:both;
}

div#RotatingFeatureContainer div.RotatingFeatureCaption p { 
    font-size:1.5em;
    letter-spacing:-1px;
    font-family:Cambria,Georgia,'Times New Roman',Times,serif;
    
}

div#RotatingFeatureContainer div.RotatingFeatureCaption p strong { 
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    color:#F5811A!important;
    font-size:1.4em;
    letter-spacing:-1px;
}

div#RotatingFeatureContainer div.RotatingFeatureCaption p a.MoreLink { 
    font-size:.65em;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
    letter-spacing:0;
    margin-left:3px;
    font-weight:bold;
}


/******************************* DIVIDER HEADINGS */

h2.Divider {
    border-top:5px solid #A0A800;
    height:20px;
}

h2.Divider span {
    margin-top:-5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    padding:5px 10px;
    display:block;
    color:white;
    background:#A0A800;
    text-transform:uppercase;
    font-size:.8em;
    float:left;
    letter-spacing:0;
}


/******************************* PAGE CROWN */

div#PageCrown {
    position:relative;
    overflow:hidden;
    background:#E6E6E6;
    padding-top:30px;
}

div#PageCrown h4#PageLabel {
    background:#F5811A;
    position:absolute;
    margin:0;
    top:0;
    color:White;
    padding:4px 14px;
    font-size:.9em;
    letter-spacing:2px;
}
    

div#PageCrown h1 {
    font-size:2.7em;
    line-height:1;
    margin:0;
}

/* Tabstrip in page crown */

div#PageCrown.HasTabstrip
{
    padding-bottom:35px;
}


div#PageCrown div.Tabstrip
{
    margin:0;
    height:20px;
    padding:8px 0 0 10px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:0;
}

div#PageCrown div.Tabstrip a
{
    display:block;
    float:left;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:1em;
	margin-right:5px;
	border:none;
	background:#005596;
	color:White;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding-bottom:10px;
	font-weight:bold;
}

div#PageCrown div.Tabstrip a span
{
    display:block;
	padding:3px 13px;
	background:transparent;
}

div#PageCrown div.Tabstrip a:hover
{
    background-color:#A0A800;
    color:White;
	text-decoration:none;
}

div#PageCrown div.Tabstrip a.On,
div#PageCrown div.Tabstrip a.On:hover
{
	color:Black;
	background-color:white;
}

div#PageCrown div.Tabstrip a.On span
{
    display:block;
}


/******************************* BUTTONS */

a.Button {
    background-image:none;
    background-color:#005596;
    color:White!important;
    padding: 2px 10px 2px 21px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

a.Button span {
    background-image:url(/Standard/Core/Images/Buttons/Buttons.White.gif);
    background-color:Transparent!important;
    top:1px;
    left:3px;
}

a.Button:active,
a.Button:focus,
a.Button:hover {
    background-color:#A0A800!important;
    color:White!important;
}

a.Button.Large {
    background-image:none;
    background-color:#005596;
    padding: 3px 13px 3px 23px;
}

a.Button.Large span {
    background-image: url(/Standard/Core/Images/Buttons/Buttons.White.gif);
    top:6px;
    left:5px;
}


/******************************* DUMMY BUTTONS */

a.DummyButton, 
a.DummyButton:hover {
    background:#999999!important;
    color: white!important;
}

a.DummyButton span, 
a.DummyButton:hover span {
    background-color: transparent!important;
}

a.DummyButton img {
    display:none;
}


/******************************* VALIDATION */

div.FormRow .Error,
div.FormRow label.error {
    background-image: url(/Custom/Core/Images/background.error.gif);
}

/******************************* PAGE IMAGE  */

div#PageImage
{
    float:right;
    margin:20px 0 20px 20px;
    width:380px;
}

div#PageImage img
{
    float:none;
}

div#PageImageCaption
{
    padding-right:15px;
}

/******************************* EDIT BUTTON FIX */

div._EditableZone 
{
    float:left; 
}



/******************************* SOCIAL LINKS */

div.SocialLinks {
margin:30px 0;
}

div.SocialLinks ul {
    margin:0;
    padding:0;
}

div.SocialLinks ul li {
    background-position:7px 12px ;
    background-repeat:no-repeat;
    margin:0 30px 0 0;
    padding:0;
    float:left;
    list-style:none;
}

div.SocialLinks ul li:hover {
}

div.SocialLinks ul li.Facebook { background-image:url(/Custom/Core/Images/Social/Facebook.gif)}
div.SocialLinks ul li.ICMA { background-image:url(/Custom/Core/Images/Social/ICMA.gif)}
div.SocialLinks ul li.LinkedIn { background-image:url(/Custom/Core/Images/Social/LinkedIn.gif)}
div.SocialLinks ul li.Twitter { background-image:url(/Custom/Core/Images/Social/Twitter.gif)}

div.SocialLinks ul li a {
    width:86px;
    height:28px;
    display:block;
    border:2px solid White;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    padding:10px 5px;
}


div.SocialLinks ul li a:hover {
    cursor:pointer;
    border:2px solid #E6E6E6;
}

div.SocialLinks ul li a span {
    font-size: 1px;
    position: absolute;
    top: -9999px /* bye-bye */;
}