/* == Stylesheet for iPhone, Blackberry etc.
------------------------------------------------------------------------------------------------------------------------ */

body{padding: 0; font-size: 180%;}

#wrap #head .register,
#wrap #head #nav ul li.navCareers,
#wrap #head #nav .siteSearch,
#wrap .leadPanel,
#wrap .templateOne .zoneOne h2,
#wrap .templateOne .zoneOne .splitLeft,
#wrap .templateOne .zoneOne .spltRight,
#wrap .templateOne .zoneTwo .helpBox,
#wrap .templateTwo .zoneTwo .bookmarks,
#wrap .templateTwo .zoneTwo br,
#wrap .templateTwo .zoneTwo .hr,
#wrap .templateTwo .zoneTwo .send,
#wrap .templateTwo .zoneTwo .print,
#wrap .templateTwo .zoneTwo .printPDF,
#wrap .templateTwo .zoneThree,
#wrap #footer
{display: none;}

#wrap .mobileShow{display: inherit;}
#wrap .mobileHide{display: none;}

#wrap #head a.logo{margin: 0 0 10px 20px; clear: both;}
#wrap #head ul.contactInfo{clear: both; margin: 5px 0 15px 20px;}
#wrap #head ul.contactInfo li{display: inline; margin: 0 20px 0 0;}

#wrap #head{width: 950px !important;}
#wrap #mainContent{width: 100%;}

#wrap #head #nav{padding: 0; margin: 0; background: none; height: auto;}
#wrap #head #nav ul{width: 100%; margin: 10px 0 0 0;}
#wrap #head #nav ul li{width: 950px; margin: 0; padding: 0;}
#wrap #head #nav ul li a, #wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on, #wrap #head #nav ul li a span, #wrap #head #nav ul li a:hover span, #wrap #head #nav ul li a.on span{float: none; width: 950px; letter-spacing: 0; font-weight: normal; border: 0; margin: 0; padding: 0; display: block; height: auto !important; background: none; cursor: pointer;}
#wrap #head #nav ul li a, #wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on{width: 910px; margin: 0; padding: 15px 20px; background: #0E3E31; color: #fff; font-size: 130%;}
#wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on{background: #DE8005;}

#wrap .templateTwo .zoneOne h2{background: none; color: #89C8BE; padding: 0; font-size: 110%;}
#wrap .templateTwo .zoneOne ul{margin: 0; padding: 0;}
#wrap .templateTwo .zoneOne ul li{width: 950px; list-style: none; margin: 0 padding: 0;}
#wrap .templateTwo .zoneOne ul li a{background: #F0F7F9;}
#wrap .templateTwo .zoneOne ul li a:hover{background: #89C8BE; font-weight: normal;}
#wrap .templateTwo .zoneOne ul li a.on:hover{font-weight: bold;}
#wrap .templateTwo .zoneOne ul li ul li a{font-weight: normal; color: #000;}

#wrap .templateOne .zoneOne, #wrap .templateOne .zoneTwo{width: 910px; margin: 20px 20px 0 20px;}
#wrap .templateOne .zoneTwo{float: left; margin: 0 20px;}

#wrap #mainContent .zoneTwo .homeNews{width: 910px; margin: 0;}
#wrap #mainContent .zoneTwo .homeNews h2{font-size: 80%;}
#wrap #mainContent .zoneTwo .homeNews .date{font-size: 65%;}
#wrap #mainContent .zoneTwo .homeNews a.viewLink{font-size: 70%;}

#wrap .templateTwo .zoneOne{width: 910px;}
#wrap .templateTwo .zoneTwo{width: 910px; margin: 20px 20px 0 20px; clear: both;}

#wrap #mainContent .zoneTwo ul.newsListing li{width: 910px; margin: 0 0 20px 0; padding: 20px 0 0 0; clear: both;}
#wrap #mainContent .zoneTwo ul.newsListing li .inner{padding: 0;}
#wrap #mainContent .zoneTwo ul.newsListing li h2, #wrap #mainContent .zoneTwo .newsItem h2{background: none; padding-left: 0; clear: both; width: 100%;}
#wrap #mainContent .zoneTwo ul.newsListing li h5, #wrap #mainContent .zoneTwo ul.newsListing li .date{float: left; font-size: 80%; clear: both; width: 100%;}