﻿/* for any image replacements; just apply padding-top and height for the image replaced element. */
.ir {
	background:url(/!images/blank.gif);
	height/**/:/**/0!important;
	overflow: hidden;
	display: block;
	padding:0; margin:0;
	position:relative;
	z-index:1;
}

/* for any navigation elements */
.nav, .nav ul, .nav dd {
	list-style: none;
	margin: 0; padding: 0;
}

.nav dd {position:relative; z-index:1;}

/* for accessibility elements */
.acc, .nav dt {
	overflow: hidden;
	display: block;
	height: 0; width: 0;
	visibility: hidden;
	position: absolute;
}


#LinkFooter
{
    width:948px;
    margin:1em auto 1em;
    font-size:.8em;
    text-align:center;
    color:#0b66a6;
}

#LinkFooter a { color:#0b66a6; white-space:nowrap; }
#LinkFooter a:focus, #LinkFooter a:hover, #LinkFooter a:active { color:#FFFFFF; }




/* =LAYOUT
********************************/
html, body
{
    background:#359eeb;
	margin:0;
	padding:0;	
	height:100%;
	color:#002456;
}

#left_bar
{
    background:url(/!images/common/apt_mr_mp_int_bkgrd_left.gif) no-repeat left top;
    width:650px;
    height:655px;
    position:absolute;
    right:50%;
    z-index:1;
}
#right_bar
{
    background:url(/!images/common/apt_mr_mp_int_bkgrd_right.gif) no-repeat 484px top;
    width:50%;
    height:655px;
    position:absolute;
    left:50%;
    z-index:1;
}

#app, .app 
{
    background:url(/!images/common/apt_mr_mp_int_body_bkgrd_tile.gif) repeat-y right;
    margin:0 auto;
    width:968px;
    position:relative;
    z-index:1;
    height:auto !important;
    height:100%;
    min-height:100%;
}

#wrapper
{    
    /*background:url(/!images/common/apt_mr_mp_int_left_column_tile.gif) repeat-y;*/
    height:auto !important;
    height:100%;
    min-height:100%;
}

#masthead
{
    background:url(/!images/mp/apt_mr_mp_header_hover.gif);
    width:968px;
    height:116px;
}

#logo h1 {display:none;}
#homelink { width:256px; height:52px; position: absolute; left:33px; top:18px; display:block; text-indent:-9999px; overflow:hidden; }
#arklink { width:200px; height:0; float:right; padding-top:116px; display:block; text-indent:-9999px; overflow:hidden; }
#mpflash
{
    background:url(/!images/flash/mp/apt_mr_mp_flash_img.jpg);
    width:968px;
    height:274px;
}

#top_nav { width:400px; height:30px; float:left; padding-top:72px; padding-left:40px; }
#top_nav dd { float:left; }
#top_nav a.ir {
	height:0;
	padding-top:32px;
	background:url(/!images/mp/apt_mr_mp_header_static.gif) no-repeat -40px -72px;
}
#top_nav a.ir:hover, #top_nav a.ir:focus, #top_nav a.ir:active { background-image:none; }
#tn_blog a.ir { width:104px; }
#tn_ark a.ir { margin-left:40px; width:110px; background-position: -184px -72px; }
#tn_esp a.ir { margin-left:40px; width:60px; background-position: -334px -72px; }

#mainnav
{
    background:url(/!images/common/apt_mr_mp_nav_static.gif) no-repeat;
    width:968px;
    height:51px; 
    margin:0; 
    position:relative;
    z-index:100000;
}

#main_nav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }

#main_nav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }

#main_nav a.ir { display:block; width:100%; padding-top:51px; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }

#main_nav #news a.ir { width:294px; background-position:0 51; }
#main_nav #media a.ir { width:115px; background-position:-294px 51px; }
#main_nav #gallery a.ir { width:163px; background-position:-409px 51px; }
#main_nav #cartoons a.ir { width:193px; background-position:-572px 51px; }
#main_nav #help a.ir { width:201px; background-position:-765px 51px; }

#main_nav a.ir:hover, #main_nav dd:hover a.ir, #main_nav dd.active a.ir, #main_nav a.ir:focus, #main_nav a.ir:active { background-image: url(/!images/common/apt_mr_mp_nav_hover.gif); }

#sidebar
{
    border-top:5px solid #359eeb;
    background:url(/!images/common/apt_mr_mp_int_left_column_tile.gif);
    float:left;
    width:194px;
}

#sidebar .content
{
    padding:10px 11px;
    margin-bottom:397px;
}

#sidebar #enews
{
    background:url(/!images/common/apt_mr_int_promo_enews_hover.gif);
    width:172px;
    height:33px;
}

#sidebar #enews a.ir
{
    background:url(/!images/common/apt_mr_int_promo_enews_static.gif);
    width:172px;
    padding-top:33px;
}

#sidebar #enews a.ir:hover {background:transparent none;}

#sidebar #blog
{
    background:url(/!images/common/apt_mr_int_promo_ar_blog_hover.gif) top left no-repeat;  
}

#sidebar #blog p
{
    margin:0 8px 1.2em;
}

#sidebar #blog a.ir
{
    background:url(/!images/common/apt_mr_int_promo_ar_blog_static.gif);
    width:136px;
    padding-top:30px;
}

#sidebar #blog a.ir:hover {background:transparent none;}

#sidebar #rules
{
    background:url(/!images/common/apt_mr_int_promo_rules_photo_usage_hover.gif) top left no-repeat;  
}

#sidebar #rules a.ir
{
    background:url(/!images/common/apt_mr_int_promo_rules_photo_usage_static.gif);
    width:121px;
    padding-top:50px;
}

#sidebar #rules a.ir:hover {background:transparent none;}

#sideBarFooter
{
    background:url(/!images/common/apt_mr_mp_int_left_column_bottom_img.jpg);
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;    
    width:194px;
    height:397px;
}

#content
{
    background-color:#FFFFFF;
	margin:0 auto;
    width:960px;
    margin-bottom:113px;
    position:relative;
    z-index:1;
    /*background:#FFFFFF url(/!images/subheads/apt_mr_int_sub_photo_gallery.gif) no-repeat 0 0;*/
}


#content #main
{
    /*background:url(/!images/mp/apt_mr_mp_body_bkgrd_wave.gif) no-repeat;*/
    padding-top:5px;
}

#content #main .content
{
    height:auto !important;
    height:297px;
    min-height:297px;
    
    padding:20px 50px;
}

/*#contentFooter
{
    background:url(/!images/common/apt_mr_mp_int_body_bkgrd_bottom.gif) bottom no-repeat;
    position:absolute;
    z-index:1;
    right:0;
    bottom:113px;
    width:774px;
    height:11px;
}*/


#footer
{
    background:url(/!images/common/apt_mr_mp_int_footer_wide.gif) no-repeat;
    width:966px;
    height:113px;
    position:absolute;
    bottom:0;
    z-index:1;
    left:0;
    color:#8ccdfc;
    font-size:.9em;
    text-align:center;
}

#footer a 
{
    color:#8ccdfc;
    text-decoration:underline;
}

#footer a:hover {text-decoration:none;}

#links{padding:20px 15px 5px;}

#copy{padding:5px 15px 5px;}

/* = Interior
*******************************
.interior #content #main
{
    background:url(/!images/int/apt_mr_int_body_bkgrd_wave.gif) no-repeat 0 275px;
}
*/
.interior #content #main .content
{
    height:auto !important;
    height:540px;
    min-height:540px;
}

.interior #sidebar {border-top:0;}

/* = Navigation
********************************/

/* =Main Nav
********************************/

#mainnav dd {float:left;}

#mainnav a.ir
{
	background:url(/!images/common/static_state.gif) no-repeat;
	padding-top:43px;
}
/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#mainnav #mn_section a.ir { width:166px; background-position:0 0;}

#mainnav a.ir:hover{background:transparent none;}

/* =Dropdowns
********************************/
.nav ul
{
	float:left;
	z-index:2;
	position:absolute;
	border:1px solid #ffffff;
	border-top:none;	
	padding:0;
	background:none #ffffff;
	display:none;
	opacity: .90;
	filter: alpha(opacity:90);
	z-index:10;
}

#mainnav ul {top:43px;} /* Height of #mainnav */
#topnav ul {top:27px;} /* Height of #topnav */

.nav ul li 
{ 
	float:none;
	border-bottom:1px solid #ffffff;
	padding:0; margin:0;
}

.nav ul a
{	
	display:inline-block;
	display:block;
	padding:.5em;
	background:#f1f1f1;
	border:2px solid #cccccc;
	border-top:none;
	border-bottom:none;
	
	font-size:smaller;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
	/* The below block mimics min-width/min-height in IE6,
	   IE7 renders min-width/min-height correctly.
	   Uses IE6's imperfect understanding of !important. */
	width: auto !important;
	width: 14em;	 
	min-width: 14em;
}

.nav ul li a.alt {}

.nav ul li.last {border-bottom:none;}
.nav ul li.last a {border-bottom:2px solid #cccccc;}

/* .active and .menu (below) rely on Aris.js and aris.menu.js */
.nav dd.active {z-index:10;} 

.nav dd.active ul.menu { display:block; }

.nav #mn_lastdropdown ul.menu { right:0;}

.nav dd.active ul.menu a:hover 
{ 
	text-decoration:none; 
	background-color:#a62645; 
	color:#ffffff;	
}

/* =Sub Nav
********************************/
