/*---------------------------------------------*/
/*  handheld.css                               */
/*  Version 1.20                               */
/*  Last Updated 08/05/2008                    */
/*                                             */
/*  Styles for handheld devices                */
/*---------------------------------------------*/

img {
	display:block;
	float:none !important; /* fix overlapping images in IE mobile */
}

/* Below added for test */

#heading, #navigation, #main_content_1, #footer {
 min-width:0;
 width: 100%;
 text-align: left;
 margin: 0;
}



/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}

@media only screen and (max-width: 600px)
{
  #head_search_results
  {
    top:230px;
  }
}

@media only screen and (max-width: 768px)
{
  .google_result p
  {
    display:none;
  }
}

@media only screen and (max-width: 992px)
{
  #head_search_results_left
  {
    width:100%;
    float:none;
  }
  
  #head_search_results_left_inner
  {
    border-right:none;
    border-bottom:2px dotted #cc6600;
  }

  #head_search_results_right
  {
    width:100%;
    height:100%;
    float:none;
    margin:10px 0;
    overflow:hidden;
  }

  #head_search_results
  {
    width:80%;
    margin:0 10%;
  }

  #search_maps
  {
    margin:0 auto;
  }
}

@media only screen and (max-width: 1280px)
{
  #head_search_results
  {
    width:90%;
    margin:0 5% 0 5%;
    left:auto;
  }
}



/* Navigation -------------------------------------------------------------------- */

#navigation {
	width:100%;
	z-index:20;
}
#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navigation li {
	background-color: #494439; /* for non-rgba browsers */
	background-color: rgba(0, 0, 0, 0.5);
	padding:0;
	margin-bottom:2px;
}
.ie7 #navigation li, .ie8 #navigation li {
	background-color: #494439;
}

#navigation li li {
	width:auto;
	margin-bottom:0;
}

#navigation a.nav_level1_link {
	text-decoration:none;
	display: block;
	position:relative;
	padding:13px 0;
	color: #fff;
	font-size: 1.21em;
	font-weight:bold;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
	text-align:center;
}

.highlighted_nav_item a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e;
}
.highlighted_nav_item a.nav_level1_link #nav_home_container {
	background-position:0 -40px;
}
#navigation #nav_list.unhighlight_nav_item a.nav_level1_link {
	text-shadow:none;
}
header #navigation #nav_list li:hover a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e;
}
header #navigation #nav_list li:hover a.nav_level1_link #nav_home_container {
	background-position:0 -40px;
}
.oldie .highlighted_nav_item a.nav_level1_link, .oldie #navigation #nav_list li:hover a.nav_level1_link {
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#888888)
	progid:DXImageTransform.Microsoft.Glow(Strength=3, Color=#8b4e07);
	position: relative;
	top: -3px;
	left: -3px;
	width:96%; /* last item needs width correction */
	margin:0 auto;
}
.ie7 .highlighted_nav_item a.nav_level1_link, .ie7 #navigation #nav_list li:hover a.nav_level1_link {
	left:-1px;
	padding-bottom:7px;
}

#nav_home_container {
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-20px;
	height:40px;
	width:40px;
	background: transparent url(../images/template2012/nav_home.png) no-repeat 0 0;
}
#nav_home_container + img {
	width:40px;
	height:1px;
}
.oldie .highlighted_nav_item a.nav_level1_link #nav_home_container, .oldie #navigation #nav_list li:hover a.nav_level1_link #nav_home_container {
	top:5px;
	margin-left:-17px;
}

/*
Navigation - Mega Drop-Down
*/

/* Nav panel */

.nav_panel {
	display:none;
	position:absolute;
	width:90%;
	min-height:199px;
	left:0px;
	background:transparent url(../images/template2012/megadropdown_ribbon.png) no-repeat 70.3125% 100%;
	background: url(../images/template2012/nav_shadow.png) repeat-x 0 0, url(../images/template2012/megadropdown_ribbon.png) no-repeat 70.3125% 100%;
	padding:16px 5% 51px 5%;
	overflow:visible;
}
.nav_panel a {
	color:#000;
}
.nav_panel a:hover {
	color:#3d3d3d;
}

.nav_panel ul {
	width:50%;
	float:left;
}
#navigation .nav_panel li {
	float:none;
	background-color:transparent;
	padding:0 10px 20px 0px;
}

.no-js #navigation li:hover .nav_panel, .ie7 #navigation li:hover .nav_panel {
	display:block;
	opacity:1;
	z-index:2;
}
#navigation li .nav_panel {
	opacity:0.01;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;	
	transition: opacity .3s ease-in-out;
}
.oldie #navigation li .nav_panel {
	opacity:1; /* IE 9 and older does not support opacity transition */
}
#navigation #nav_list li .mo_opacity {
	opacity:1;
	z-index:2;
}
#navigation #nav_list li .mo_display {
	display:block;
}


.nav_p_heading {
	color:#003366;
	font-size:14px;
	font-weight:bold;
	background-color:#e1d7c3; /* Needed when images are turned off */
}
.nav_p_description {
	font-size:11px;
	padding-top:4px;
	background-color:#e1d7c3; /* Needed when images are turned off */
}

.nav_d_arrow_container {
	display:none;
	background:transparent url(../images/template2012/nav_down_arrow.png) no-repeat;
	width:44px;
	height:16px;
	position:absolute;
	top:0px;
	margin-left:-22px;
}


/* phone nav update */

#phone_nav {
	background-color: #494439; /* for non-rgba browsers */
	padding:0;
	margin-bottom:2px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	min-height:47px;
}
.rgba #phone_nav {
	background-color: rgba(0, 0, 0, 0.5);
}
.ie7 #phone_nav {
	display:none;
}
#phone_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#phone_nav li {
	padding: 0;
	margin: 0;
	float: left;
	width:50%;
	position:relative;
}
.ie7 #phone_nav li {
	width:49.9%;
}
#phone_nav a {
	display: block;
	padding:13px 0;
	color: #fff;
	font-size: 1.21em;
	font-weight:bold;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
	text-align:center;
	text-decoration:none;
}
#phone_nav a span {
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-20px;
	height:40px;
	width:40px;
}
#phone_nav:hover span {
	text-shadow: 0 0 0.2em #ce770e;
}
.phone_home {
	background: transparent url(../images/template2012/nav_home.png) no-repeat 0 0;
}
.phone_menu {
	background: transparent url(../images/template2012/nav_menu.png) no-repeat 0 0;
}
#phone_nav li:hover span {
	background-position:0 -40px;
}

#navigation {
	height:0px;
	overflow:hidden;
	position:relative;

	-moz-transition: height 1s; /* Firefox 4 */
	/* -webkit-transition: height 1s; */ /* Safari and Chrome */
	-o-transition: height 1s; /* Opera */
	-ms-transition: height 1s; /* IE 10 */
	transition: height 1s;
}
.ie7 #navigation {
	height:auto;
	overflow:visible;
}
#nav_list {
	position:absolute;
	width:100%;
	bottom:0;
}
.ie7 #nav_list {
	position:static;
}
.footer_awards, .footer_awards_right {
	display:none;
}

/* end phone nav update */
