@import url(nav.css);
body  {background: #273859; 
	   font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	   color: #707070;
	   font-size: 12px;}

img { border: none; }

a { color: #87879e; }
a:hover { text-decoration: none; color: #87879e; }
a:visited { color: #87879e; }

a.footer_lnk { color: #87879e; font-size: 10px; text-decoration: underline;}
a.footer_lnk:hover { text-decoration: none; font-size: 10px; color: #87879e;}
a.footer_lnk:visited { color: #87879e; font-size: 10px; text-decoration: underline;}

.expander
{
    height: 0;
    overflow: hidden;
    clear: both;
}

.rptEvents,
.rptStageEvents  { margin: 0 0 .3em 78px; color: #2E2E2E; }
.rptEvents_Date
{
    width: 78px;
    margin-left: -78px;
    float: left;
}
* html .rptEvents_Date { position: absolute; }

.rptStageEvents { margin: 0 0 .3em 0; }

.rptEvents a,
.rptStageEvents a { color: #2E2E2E ! important; }

.drop_caps
{
    font-size: 2.7em;
    line-height: .95em;
    float: left;
    display: inline-block;
}

#canvas {position: relative;
	     margin: 0 auto;
		 width:977px;
		 }
#borderwrapper
{
	border: 1px solid #292929;
}

#pdalink { margin-bottom: 3px; }

a.pda:link {color:#48536b; text-decoration: underline; font-weight: bold; font-size:9px;font-family:verdana; padding-left: 20px;}
a.pda:visited {color:#48536b; text-decoration: underline; font-weight: bold;}
a.pda:hover {color:#48536b; text-decoration: none; font-weight: bold;}

a.footer:link {color: #3e3e66; text-decoration: underline; font-weight: bold; font-size: 10px;}
a.footer:visited {color: #3e3e66; text-decoration: underline; font-weight: bold;}
a.footer:hover {color: #3e3e66; text-decoration: none; font-weight: bold;}

#masthead {
	position: relative;
	padding: 0;	
	margin: 0;
	width: 977px;
	background: #7877A1;
}

#masthead #logo
{
	width: 475px;
	height: 0px;	
	overflow:hidden;
	background: url(/images/mp/agc_mp_logo.jpg) no-repeat;
	padding-top: 92px;
}

#logo_search_wrapper { position: relative; zoom: 1; }

#flashslideshow 
{
	padding:0;
	margin: 0;
	top:33px;
	width: 977px;
	height: 311px;
	background: url(/images/mp/agc_mp_flash_placeholder.jpg) no-repeat;
	clear: both;
	border-bottom: 1px solid #000000;
}

#columns_wrapper { background: #FFF; }

#left_column_bg { background: url(/images/mp/agc_mp_lf_col_bg_tile.jpg) 0 0 repeat-y; zoom: 1; }

#left_column
{
    float: left;
    width: 350px;
    padding-bottom: 13px;
}

a#lc_newsletter_promo
{
    display: block;
    margin: auto;
    width: 327px;
    height: 85px;
    background: url(/images/mp/agc_mp_btn_enews_over.jpg) 0 0 no-repeat;
    margin-top: 13px;
}

a#lc_newsletter_promo img { display: block; }
a#lc_newsletter_promo.ieHover img { visibility: hidden; }

#upcomingEvents_header
{
    margin: 13px auto 0;
    width: 327px;
    padding-top: 45px;
    background: url(/images/mp/agc_mp_upcoming_hdr.jpg) 0 0 no-repeat;
}

#upcomingEvents_tile { background: url(/images/mp/agc_mp_upcoming_tile.jpg) 0 0 repeat-y; }

#upcomingEvents_bottom
{
    min-height: 105px;
    background: url(/images/mp/agc_mp_upcoming_btm.jpg) left bottom no-repeat;
    padding: 10px 25px 40px 14px;
    position: relative;
}
* html #upcomingEvents_bottom { height: 105px; }

#see_more_events
{
    display: block;
    width: 156px;
    height: 0;
    overflow: hidden;
    padding-top: 26px;
    position: absolute;
    bottom: 11px;
    right: 25px;
    background: url(/images/mp/agc_mp_btn_more_evnts_up.png) 0 0 no-repeat;
}
#see_more_events:hover { background: url(/images/mp/agc_mp_btn_more_evnts_over.png) 0 0 no-repeat; }

/*The idea here is to allow the hover state to preload without actually showing it--yet.*/
#see_more_events img { position: absolute; left: -1000em; }

#whosOnStage_header
{
    margin: 13px auto 0;
    width: 327px;
    padding-top: 43px;
    background: url(/images/mp/agc_mp_onstage_top.gif) 0 0 no-repeat;
}

#whosOnStage_tile { background: url(/images/mp/agc_mp_onstage_tile.gif) 0 0 repeat-y; }

#whosOnStage_bottom
{
    min-height: 105px;
    background: url(/images/mp/agc_mp_onstage_tile.gif) left bottom no-repeat;
    padding: 10px 25px 40px 14px;
    position: relative;
}
* html #whosOnStage_bottom { height: 105px; }

#see_more_stage
{
	background:transparent url(/images/mp/agc_mp_onstage_bottom1.gif) no-repeat scroll 0 0;
	bottom:-3px;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:39px;
	position:absolute;
	width:326px;
}
#see_more_stage:hover { background: url(/images/mp/agc_mp_onstage_bottom2.gif) 0 0 no-repeat; }

/*The idea here is to allow the hover state to preload without actually showing it--yet.*/
#see_more_stage img { position: absolute; left: -1000em; }

#connect_box
{
    margin: 13px auto 0;
    width: 325px;
    height: 109px;
    padding: 47px 0 0 1px;
    background: url(/images/mp/agc_mp_connect_box.jpg) 0 0 no-repeat;
}
#connect_box img { float: left; display: block; }
#connect_box_hover { position: absolute; left: -9999em; }

#connect_box .bottom_icons
{
    margin: 0 auto;
    width: 281px;
    height: 43px;
    clear: left;
}

#right_column { float: right; width: 627px; }

#mp_promos { width: 627px; }
#mp_promos a,
#mp_promos div.mp_promo
{
    display: block;
    width: 189px;
    height: 38px;
    overflow: hidden;
    padding: 102px 10px 32px;
    font-size: 9px;
    color: #5A6882;
    float: left;
    line-height: 1.33em;
    text-decoration: none;
}

#mp_promos a img { position: absolute; left: -1000em; }

#mp_content { padding: 0 20px 15px; margin-bottom: 5px; }
			 
#mp_footer
{
    background: #d1d1d7;
    border-top: 1px solid #000;
    padding: 15px 40px 20px 40px;
    color: #87879e;
    font-size: 10px;
}
			
.footer_txt_dark {color: #3e3e66; font-weight: bold;}

#home #social_wrapper { display: none; }