/* Stylesheet for new homepage */
body {font-size: 10px; font-family: arial; background: #e6e6e6 url('/tmpl/images/silver-bg.gif') repeat-x top left; text-align: center;}
.header {width: 800px; margin: 0 auto; position: relative;}
.header * {margin: 0; padding: 0;}
.wrap {border: solid .1em #ccc; width: 808px; margin: 20px auto; background: #fff;}

/* header styles */
.header .logo {margin: 16px 0 0 16px; float: left; display: block;}
.search-wrap {height: 48px; width: 400px; text-align: right; float: right;}
.search-form {}
.header-search {height: 23px; position: absolute; top: 20px; right: 76px; width: 176px; background: url('/tmpl/images/bg-search-box.gif') no-repeat top left; border: none; font-size: 11px; padding: 4px 0 0 4px; outline: 0;}
.btn-header-search {background: url('/tmpl/images/btn-search.gif') no-repeat top left; width: 66px; height: 23px; position: absolute; top: 20px; right: 14px; border: none;}
.header-nav {float: right; margin: 20px 0 7px 0; clear: right; width: 465px; text-align: right; padding-right: 16px;}
.header-nav li {display: inline; margin-left: 18px; list-style-type: none;}
.header-nav li a {text-decoration: underline; color: #6c6e70; font-size: 12px;}
.header-nav li a:link {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:hover {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:active {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:visited {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}

/* nav styles */
.nav-wrap {width: 800px; margin: 0 auto; background: url('/tmpl/images/bg-nav.jpg') repeat-x top left; height: 40px; text-align: left;}
#nav, #nav ul {padding: 0; margin: 0; line-height: 1;}
#nav a {display: block; line-height: 40px; text-decoration: none; padding-left: 10px; font-size: 12px;}

/* Heading List */
#nav li {width: 205px; background: #ccc; float: left; position: relative; height: 40px; cursor: pointer; list-style-type: none; z-index: 50;}
#nav li ul li {border: solid 1px #666;}
#nav li ul li ul li {border: solid 1px #ccc; z-index: 50;}
#nav li:hover, #nav li.iehover {background: #999;}

/* Sub 1 */
#nav li ul {width: 205px; position: absolute; left: -99999px;}
#nav li ul li {background: #555;}
#nav li ul li.sub-parent {background: #555 url('/tmpl/images/bg-nav-more.gif') no-repeat; background-position: 190px 15px;}
#nav li:hover ul, #nav li.iehover ul {left: 0;}
#nav li:hover ul li ul, #nav li.iehover ul li ul {left: -99999px;}
#nav li ul li a {color: #f2f2f2;}

/* Sub 2 */
#nav li ul li ul {position: absolute; width: 205px; left: -99999px;}
#nav li ul li ul li {background: #eee; z-index: 1000;}
#nav li ul li ul.medium-length li {width: 250px;} /* sets width for medium sized sub categories elements */
#nav li ul li ul.long-length li {width: 310px;} /* sets width for longer sub categories elements */
#nav li ul li:hover ul, #nav li ul li.iehover ul {left: 0; position: absolute; left: 205px; top: 0;}
#nav li ul li ul li a {color: #333;}
#nav li ul li ul li:hover a, #nav li ul li ul li.iehover a {color: #f2f2f2;}

#nav li.parent {background: url('/tmpl/images/nav_sp.jpg') no-repeat;}
#home #nav li.parent {background: url('/tmpl/images/nav-home_sp.jpg') no-repeat;} /* need different nav without rounded bottom corners for home */
#nav li.parent a {text-indent: -99999px; display: block; height: 100%; width: 100%;}
#nav li.parent ul li a {text-indent: 0;}

#nav li.parent-individuals {width: 102px; background-position: 0px 0px;}
#nav li.parent-individuals:hover {background-position: 0px -40px;}
#nav li.parent-individuals ul li:hover, #nav li.parent-individuals ul li.iehover {background: #693;}

#nav li.parent-institutions {width: 111px; background-position: -102px 0px;}
#nav li.parent-institutions:hover {background-position: -102px -40px;}
#nav li.parent-institutions ul li:hover, #nav li.parent-institutions ul li.iehover {background: #39c;}

#nav li.parent-integration {width: 144px; background-position: -213px 0px;}
#nav li.parent-integration:hover {background-position: -213px -40px;}
#nav li.parent-integration ul li:hover, #nav li.parent-integration ul li.iehover {background: #d07f17;}

#nav li.parent-products {width: 205px; background-position: -357px 0px; float: right;}
#nav li.parent-products:hover {background-position: -357px -40px;}
#nav li.parent-products ul li:hover, #nav li.parent-products ul li.iehover {background: #373737;}

/* General */
.clear {clear: both;}
fieldset {border: none;}
a {cursor: pointer;}
img {border: none;}

/* footer */
.footer * {margin: 0; padding: 0;}
.footer {width: 720px; background: #f3f3f3; margin: 18px auto 11px; font-family: arial; font-size: 10px; clear: both;}
.footer ul {text-align: left; padding: 15px 0; list-style: none;}
.footer ul li ul {padding: 8px 0 15px; width: 140px;}
.footer ul li a {font-size: 13px; color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:link {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:hover {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:visited {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:active {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li ul li a {font-size: 11px; color: #505050; font-weight: normal; line-height: 13px;}
.footer ul li ul li a:link {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:hover {text-decoration: underline; color: #505050; font-weight: normal;}
.footer ul li ul li a:visited {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:active {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li {float: left; margin-right: 40px;}
.footer ul li.first {padding-left: 20px;}
.footer ul li.last {padding-right: 0; margin-right: 0;}
.footer ul li ul li {float: none; margin-right: 0;}
.copyright {width: 42.8em; background: url('/tmpl/images/bg-footer-line.jpg') no-repeat top left; margin: 0 auto 20px; padding: 1.2em 0 0; color: #535353; font-size: 12px; font-family: arial; line-height: 1.4em;}


.content {text-align: left;}

/* android promo for scavanger hunt */
.android-promo * {margin: 0; padding: 0;}
.android-promo {position: relative; font-family: arial;}
.android-promo img {cursor: pointer;}
.android-promo .promo-info {position: absolute; left: 0; top: 0; background: #333; width: 190px; border: solid 3px #ccc; display: none;}
.android-promo .promo-info p {padding: 10px; font-size: 12px; color: #f2f2f2; line-height: 16px;}
.android-promo .promo-info p a {color: #ccc; font-family: arial; font-size: 12px; text-decoration: underline;}