@import "reset.css";



/*-------------------------------------------------------------------

[Table of Contents]



1. Body

2. Header

   2a. Nav - Utility

   2b. Nav - Main

   2c. Search

   2d. Alert

3. Content

4. Footer

-------------------------------------------------------------------*/



/*-------------------------------------------------------------------

[1. Body]

*/



body { height:100%; background:#fff url(/images/bg-body.jpg) repeat-x top; color:#000; }



#wrapperFooterFix { min-height:100%; position:relative; }



#wrapperSite { width:960px; min-height:100%; margin:0 auto; position:relative; padding-bottom:100px; }





/*-------------------------------------------------------------------

[2. Header]

*/



#header { margin:0; position:relative; overflow:hidden; }



#logoMain { margin: 18px 0 0 35px; float:left; display:inline; position:relative; border:none; }





/*-------------------------------------------------------------------

[2a. Nav - Utility]

*/



#navUtility { margin:30px 40px 0 0; float:right; }

#navUtility ul li { margin:0; padding:0; display:inline; }



#navContact a { margin:7px 25px 0 0; color:#054e71; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; float:left; }

#navContact a:hover { color:#7ab1da; }


#navFollow a { margin: 0px 25px 0 0; color:#054e71; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; float:left; }

#navFollow a:hover { color:#7ab1da; }


#navBlog a { margin:0 25px 0 0; padding:0; width:42px; height:29px; background:url(/images/icon-blog.png) no-repeat; text-indent:-9999px; float:left; }

#navBlog a:hover { background:url(/images/icon-blog-over.png) no-repeat; }



#navTwitter a { margin:1px 7px 0 0; padding:0; width:32px; height:32px; background:url(/images/logo-twitter.png) no-repeat; text-indent:-9999px; float:left; }

#navTwitter a:hover { margin:0px 7px 0 0; }



#navFacebook a { margin:7px 25px 0 0; padding:0; width:16px; height:16px; background:url(/images/logo-facebook.png) no-repeat; text-indent:-9999px; float:left; }

#navFacebook a:hover { margin:6px 25px 0 0; }





/*-------------------------------------------------------------------

[2b. Nav - Main]

*/



#navMain { margin:0 0 0 35px; padding:85px 0 0 0; }

#navMain ul li { padding:0; display:inline; }

#navMain ul li a { margin-right:30px; padding:0 10px 1px 10px; float:left; color:#00549f; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-decoration:none; }

#navMain ul li a:hover,

#navMain ul li.active a { background-color:#7ab1da; color:#fff; }





/*-------------------------------------------------------------------

[2c. Search]

*/



#search { margin:33px 40px 0 0; width:177px; float:right; text-align:right; }



#formSearch { }



#inputSearch { padding:0 5px 0 5px; background:url(/images/bg-searchbox.jpg) no-repeat; width:143px; height:24px; border:none; float:left; }

#inputSearch:focus { outline:none; }



#submitSearch { margin:0; padding:0; display:block; width:24px; height:24px; border:none; background: url(/images/btn-search.png) no-repeat; text-indent:-9999px; overflow:hidden; float:right; letter-spacing:100px; }

#submitSearch:hover { cursor:pointer; }





/*-------------------------------------------------------------------

[2d. Alert]

*/



#alert { margin:5px 0 0 36px; background:url(/images/alert.png) no-repeat; display:none; float:left; }

#alert.on { display:inline; }

#alert p a { padding:12px 180px 0 215px; width:490px; height:54px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:20px; text-decoration:none; color:#fff; display:block; }





/*-------------------------------------------------------------------

[3. Content]

*/



#contentMain { margin:0 0 0 0; width:960px; background:url(/images/bg-content-main.png) top no-repeat; position:relative; }



#contentMain h3 { font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#003b79; }

#contentMain h4 { font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#003b79; }

#contentMain h5 { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#003b79; }

#contentMain h6 { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#003b79; }



#contentMain em { font-style:italic;}



#contentMain a { text-decoration:underline; color:#000; }

#contentMain a:hover { text-decoration:none; color:#348dcf; }

#contentMain a:active { text-decoration:underline; color:#000; }



#contentMain img.imageLeft { margin:2px 10px 0 0; padding:0; float:left;  }

#contentMain img.imageRight { margin:2px 0 0 10px; padding:0; float:right; }



#contentMain ul { margin:0 0 10px 15px; padding:0; list-style-type:none; }

#contentMain ul li { margin:0 0 5px 0; padding:0 0 0 11px; background-image: url(/images/content-ul-bullet-outer.png); background-repeat: no-repeat; background-position: 0px 6px; }

#contentMain ul li ul { margin:5px 0 0 0; padding:0; list-style-type:none; }

#contentMain ul li ul li { margin:0 0 5px 0; padding:0 0 0 11px; background-image: url(/images/content-ul-bullet-inner.png); background-repeat: no-repeat; background-position: 0px 6px; }



#contentMain ol { margin:0 0 0 30px; padding:0 0 0 -4px; list-style-type:decimal; }

#contentMain ol li { margin:5px 0 5px 0; padding:0 0 0 0; background:none; list-style:decimal; text-indent:0; }



#contentMain ol ul { margin:5px 0 5px 19px; padding:0 0 0 -4px; background:none; list-style-type:none; text-indent:0; }

#contentMain ol ul li { margin:0 0 0 0; padding:0 0 0 0; list-style-type:lower-alpha; text-indent:0; }



#contentMain table { margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}



#wrapperHomeTop { width:960px; height:246px; }



#contentHome { margin:25px 0 0 36px; padding:24px 30px 0 30px; width:244px; height:211px; background:#ededed; float:left; display:inline; overflow: hidden; }

#contentHome > div{ margin:25px 30px 0 36px; }


#contentHome h1 { font-size:30px; line-height: 1em; font-weight:bold; color:#003a79; padding-bottom: 5px; }



#contentHome p { margin-bottom:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:18px; }



#ctaHome { margin:25px 0 0 0; padding:5px; float:left; }



#carousel { width: 570px; height:230px; overflow:hidden; }



#carousel a { display:block; position:absolute; }



#carousel img { border:0; width: 570px; height:230px; }



#wrapperCallOuts { margin:40px 0 0 0; padding-left:34px; width:922px; overflow:hidden; }



#wrapperCallOuts .col { margin:0 0 0 5px; width:290px; background:url(/images/callout-home-border-bottom.png) bottom no-repeat; font-family:Georgia, "Times New Roman", Times, serif; float:left; display:inline; }



#wrapperCallOuts .col .wrapperColContent { padding:0 15px 30px 19px; }



#wrapperCallOuts .col .wrapperColContent h2 { margin:0 0 7px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; color:#003a79; }



#wrapperCallOuts .col .wrapperColContent h2 a { color:#003a79; text-decoration:none; }

#wrapperCallOuts .col .wrapperColContent h2 a:hover { color:#7ab1da; }



#wrapperCallOuts .col .wrapperColContent h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; }



#wrapperCallOuts .col .wrapperColContent h3 a { color:#000; text-decoration:none; }

#wrapperCallOuts .col .wrapperColContent h3 a:hover { color:#7ab1da; }



#wrapperCallOuts .col .wrapperColContent .calloutImgMain { margin:0 0 10px 0; }



#wrapperCallOuts .col .wrapperColContent .calloutLink { margin:4px 0 0 0; }



#wrapperCallOuts .col .wrapperColContent .calloutLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00549f; text-decoration:none; }

#wrapperCallOuts .col .wrapperColContent .calloutLink a:hover { color:#7ab1da; }



#wrapperCallOuts .col .wrapperColContent .calloutLink img { margin-left:4px; padding-bottom:1px; }



#colContentNews { margin:0 0 24px 0; }



#wrapperInteriorSearch { margin:20px 0 0 36px; padding:22px 240px 0 26px; width:619px; min-height:530px; background:url(/images/bg-egg.jpg) #fff top right no-repeat; display:inline; float:left; }



#searchBoxInterior { margin:0 0 10px 0; height:24px; }



#inputSearchBoxInterior { padding:0 5px 0 5px; background:url(/images/bg-searchbox.jpg) no-repeat; width:143px; height:24px; border:none; float:left; }



#inputSearchBoxInterior:focus {	outline:none; }



#submitSearchBoxInterior { margin:0; padding:0; display:block; width:24px; height:24px; border:none; background: url(/images/btn-search.png) no-repeat; text-indent:-9999px; overflow:hidden; float:left; letter-spacing:100px; }



#submitSearchBoxInterior:hover { cursor:pointer; }



#wrapperInteriorSearch .pagination { margin-top:3px; float:right; }



#wrapperInteriorSearch .pagination ul li { display:inline; font-size:10px; }



#wrapperInteriorSearch .pagination ul li a { margin:0 2px 0 2px; padding:1px 0 2px 0; color:#000; text-decoration:none; font-weight:bold; }

#wrapperInteriorSearch .pagination ul li a:hover { color:#7ab1da; }



#wrapperInteriorSearch .pagination ul li.selected a { color:#7ab1da; }



#wrapperInteriorSearch .pagination ul li.button a { padding:1px 5px 2px 5px; color:#fff; background-color:#00549f; font-weight:normal; }

#wrapperInteriorSearch .pagination ul li.button a:hover { color:#fff; background-color:#7ab1da; }



#wrapperSearchResults { float:left; }



#wrapperInteriorSearch h1 { margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#00549f; float:left; position:relative; clear:right; }



#wrapperInteriorSearch .result { width:619px; clear:right; }



#wrapperInteriorSearch h2 a { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; color:#000; }

#wrapperInteriorSearch h2 a:hover { color:#7ab1da; }



#wrapperInteriorSearch p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000; }



#wrapperInteriorSearch p.calloutLink { margin-bottom:20px; }



#wrapperInteriorSearch p.calloutLink a { text-decoration:underline; color:#0065b3; }

#wrapperInteriorSearch p.calloutLink a:hover { color:#7ab1da; }



#wrapperInterior { margin:25px 0 0 36px; padding:0; width:885px; display:inline; float:left; }



#subnav { margin:0; padding:15px 10px 60px 14px; width:173px; min-height:500px; background: url(/images/subnav-footer.png) #efefef no-repeat bottom; float:left; }





/* ====== start subnav accordion styles ===== */



/* === primary list === */



#subnav ul { margin:0; padding:0; }

#subnav ul li { margin:0; padding:0; background:none; }

#subnav ul li ul { margin:0; padding:0; }

#subnav ul li ul li { margin:0; padding:0; background:none; }



#subnav ul li a { margin:0; padding:12px 7px 12px 7px; color:#003a79; display:block; width:156px; font-size:14px; font-weight:bold; text-decoration:none; background:url(/images/subnav-off.png) no-repeat 0 0; border-bottom:2px solid #d7d7d7; }



#subnav ul li.current a, 

#subnav ul li a:hover, 

#subnav ul li.active a { background:url(/images/subnav-hover.png) no-repeat 0 0px; }



/* === secondary list === */

#subnav ul li ul { padding-bottom:9px; width:170px; border-bottom:2px solid #D7D7D7; }



#subnav ul li ul li a { margin:0; padding:10px 7px 0 12px; width:156px; height:auto;display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background-image:none; color:#373737;border-bottom:none; }



#subnav ul li.active ul li a,

#subnav ul li ul li.current a,

#subnav ul li.current ul li a { background-image:none; }



#subnav ul li ul li.active a,

#subnav ul li ul li a:hover, 

#subnav ul li ul li.current a { background-image:none; color:#0065b3; }



/* === end subnav accordion styles ==== */



#wrapperContact { margin:28px 30px 0 36px; padding:20px 0 0 28px; width:857px; min-height:530px; position:relative; background:url(/images/bg-contact.jpg) no-repeat #d9e2e9; display:inline; float:left; }



#contactInfo { margin:0 56px 0 0; float:left; }



#contactInfo h1 { margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#003b79; }



#contactInfo p { margin:0 0 15px 4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; }



#followInfo { float:left; }



#followInfo #facebook,

#followInfo #twitter,

#followInfo #blog { margin-bottom:13px; overflow:hidden; }



#followInfo #facebook img,

#followInfo #twitter img { margin:0 9px 0 6px; }



#followInfo #blog img { margin:0 3px 0 0px; }



#followInfo h1 { margin:0 0 5px 4px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#003b79; }



#followInfo a { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:35px; color:#000; text-decoration:none; float:left; }



#followInfo #blog a { line-height:33px; }



#followInfo a:hover { color:#7ab1da; }



#wrapperContactForm { margin:80px 0 0 0; float:left; clear:left; }



#wrapperContactForm .col1 { margin:0 22px 0 0; float:left; }



#wrapperContactForm .col2 { margin:0 15px 0 0; float:left; }



#wrapperContactForm .col3 { float:left; }

 

#wrapperContactForm p { margin-bottom:11px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; text-indent:2px; }



#wrapperContactForm span.error { margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; color:#f00; }



#wrapperContactForm input { padding:0 7px 0 7px; background:url(/images/contact-input.png) no-repeat; border:none; }



#wrapperContactForm .inputBox { width:173px; height:32px; }



#wrapperContactForm .city { margin:0 6px 0 0; float:left; }



#wrapperContactForm .inputBoxCity { width:132px; height:32px; background:url(/images/contact-input-city.png) no-repeat; }



#wrapperContactForm .state { float:left; }



#wrapperContactForm .inputBoxState { padding:0 3px 0 7px; width:35px; height:32px; background:url(/images/contact-input-state.png) no-repeat; text-transform:uppercase; }



#wrapperContactForm select { margin:0 0 0 7px; }



#wrapperContactForm textarea { padding:7px 7px 7px 7px; width:392px; height:112px; background:url(/images/contact-textarea.png) no-repeat; overflow:auto; border:none; }



#wrapperContactForm #contactSubmit { margin:0 0 0 2px; padding:0; display:block; width:110px; height:35px; border:none; background: url(/images/btn-submit.png) no-repeat; text-indent:-9999px; letter-spacing:100px; cursor:pointer; }





#mediaCenterHead { margin:6px 0px 0px 7px; width:678px; height:230px; background:url(/images/media-banner-main.jpg) no-repeat; text-indent:-9999px; float:left; }



#content2col { margin:0; padding:23px 30px 0 22px; width:634px; min-height:530px; float:left; }



#mediaListings { margin:0; padding:10px 100px 0 26px; width:562px; min-height:530px; background:url(/images/bg-media-listings.jpg) no-repeat top right; float:left; }



#mediaListings .header { overflow:hidden; }



#mediaListings .header img { margin-right:7px; display:block; float:left; }



#mediaListings .header h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; line-height:22px; color:#000; }



#mediaListings .header h2 { margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; line-height:24px; color:#003a79; }



#mediaListings .pagination { margin:3px 0 15px 0; float:right; }



#mediaListings .pagination ul li { display:inline; font-size:10px; }



#mediaListings .pagination ul li a { margin:0 2px 0 2px; padding:1px 0 2px 0; color:#000; text-decoration:none; font-weight:bold; }



#mediaListings .pagination ul li.selected a,

#mediaListings .pagination ul li a:hover { color:#7ab1da; }



#mediaListings .pagination ul li.button a { padding:1px 5px 2px 5px; color:#fff; background-color:#00549f; font-weight:normal; }

#mediaListings .pagination ul li.button a:hover { color:#fff; background-color:#7ab1da; }



#wrapperSearchResults { float:left; }



#mediaListings .result { width:560px; clear:right; }



#mediaListings h3 a { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; color:#003a79; }

#mediaListings h3 a:hover { color:#7ab1da; }



#mediaListings p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; color:#000; }



#mediaListings p.calloutLink { margin-bottom:30px; }



#mediaListings p.calloutLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#00549f; }

#mediaListings p.calloutLink a:hover { color:#7ab1da; }



#mediaListings p.calloutLink img { margin-left:4px; padding-bottom:1px; }



#content2col .mediaCenterSection { margin-bottom:15px; padding-bottom:15px; background:url(/images/media-hr.png) no-repeat bottom center; position:relative; overflow:hidden; }



#content2col .mediaCenterSection.first { margin-top:10px; }



#content2col .mediaCenterSection.last { background:none; }



#content2col .mediaCenterSection .icon { margin-right:13px; float:left; }



#content2col .mediaCenterSection .content { width:550px; float:left; }



#content2col .mediaCenterSection .content h2 a { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:24px; color:#003b79; text-decoration:none; }

#content2col .mediaCenterSection .content h2 a:hover { color:#7ab1da; }



#content2col .mediaCenterSection .content p { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:18px; color:#000; }



#content2col .mediaCenterSection .content .calloutLink { margin:2px 0 0 0; }



#content2col .mediaCenterSection .content .calloutLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00549f; text-decoration:none; }

#content2col .mediaCenterSection .content .calloutLink a:hover { color:#7ab1da; }



#content2col .mediaCenterSection .content .calloutLink img { margin:0px 0px 0px 4px; padding-bottom:1px; }



#content3col { margin:0; padding:23px 30px 0 22px; width:427px; min-height:550px; float:left; background:url(/images/content3col-shadow-right.png) no-repeat top right; }



#content3col h1 { margin:0 0 18px 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#003b79; }



#content3col h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#000; }



#content3col p { margin:0 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:18px; color:#000; }



#sideBar { margin:0; padding:78px 15px 0 12px; width:178px; float:left; }

#sideBar-Media { margin:0; padding:15px 15px 0 12px; width:178px; float:left; }

#sideBar img, #sideBar-Media img { margin:0 0 19px 0; }



#sideBar .article, #sideBar-Media .article { margin:0 0 11px 0; padding:0 0 15px 2px; background:url(/images/sidebar-article-border-bottom.png) no-repeat bottom left; }



#sideBar .article h3 a, #sideBar-Media .article h3 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; text-decoration:none; color:#000; }

#sideBar .article h3 a:hover, #sideBar-Media .article h3 a:hover { color:#7ab1da; }



#sideBar .article p, #sideBar-Media .article p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; line-height:18px; color:#000; }



#sideBar .article .calloutLink, #sideBar-Media .article .calloutLink { margin:2px 0 0 0; }



#sideBar .article .calloutLink a, #sideBar-Media .article .calloutLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00549f; text-decoration:none; }

#sideBar .article .calloutLink a:hover, #sideBar-Media .article .calloutLink a:hover { color:#7ab1da; }



#sideBar .article .calloutLink img, #sideBar-Media .article .calloutLink img { margin:0 0 0 4px; padding-bottom:1px; }



#sideBar .downloads, #sideBar-Media .downloads { margin:0 0 11px 0; padding:0 0 15px 2px; background:url(/images/sidebar-article-border-bottom.png) no-repeat bottom left; }



#sideBar .downloads .calloutLink, #sideBar-Media  .downloads .calloutLink{ margin:3px 0 0 0; }



#sideBar .downloads .calloutLink a, #sideBar-Media .downloads .calloutLink a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00549f; text-decoration:none; }

#sideBar .downloads .calloutLink a:hover, #sideBar-Media .downloads .calloutLink a:hover { color:#7ab1da; }



#sideBar .downloads .calloutLink img, #sideBar-Media  .downloads .calloutLink img{ margin:0px 0px 0px 4px; padding-bottom:1px; }



/*-------------------------------------------------------------------

[4. Footer]

*/



#footer { margin:0; padding:0; width:100%; position:absolute; bottom:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; }



#wrapperAccentFooter { margin:0 auto; padding:15px 0 0 0; width:900px; height:41px; position:relative; }



#accentFooter { width:152px; height:51px; background:url(/images/footer-accent-eggs.jpg) no-repeat; display:block; position:absolute; bottom:0; right:0; }



#home #accentFooter { width:131px; height:50px; background:url(/images/uepLogo.jpg) no-repeat; display:block; position:absolute; bottom:0; right:0; }



#wrapperFooterContentMain { width:100%; background:#eee; border-top:1px solid #e5e5e5; }



#wrapperFooterContent { margin:0 auto; padding-top:17px; width:900px; height:27px; }



#navFooter { float:left; }



#navFooter ul li { padding:0; display:inline; }



#navFooter ul li a { margin-left:5px; padding-right:5px; float:left; border-right:1px solid #000; text-decoration:none; }



#navFooter ul li a span{ padding:0 5px 0 5px; color:#000; }

#navFooter ul li a:hover span{ padding:0 5px 0 5px; background:#7ab1da; color:#fff; }



#navFooter ul li.first a { margin-left:0; }



#navFooter ul li.last a { border-right:none; }



#copyright { float:right; }