/* iPad CSS Styles*/ @media only screen and (device-width: 768px) { #logoTitle, #mainMenuWrapper, #midContainer, #extraContainer7 {width: 90%;} #bottomBorder {width: 90.2%;} #headerImage, #extraContainer1, #mainContentWrapper, #bottomContent{width: 100%;} #extraContainer2, #extraContainer3 {width: 32%;} #extraContainer4 {width: 97.5%;} #footer {width: 94%;} #fixedPositionWrapper {position: relative;width: auto;} #fixedPositionCushion {display: none;} .imageStyle {max-width: 100%;height: auto;} } @media screen and (max-width: 480px) { html {-webkit-text-size-adjust:none;} /* Reset layout widths to fit iPhone/iPod Touch */ img {border: 0;} .imageStyle { max-width: 100%; height: auto; } #mainMenu, #topContainer, #midContainer, #bottomContainer, #bottomContentContainer, #logoTitle, #headerImage, #colorBar, #mainContentWrapper, #bottomContent, #contentContainer #content, #sideContent, #footer, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7 {width: auto;} /* @group General Styles */ body {margin: 0;padding: 0;font-family: Helvetica, Verdana, Geneva;font-size: 12px;width: 100%;} p {margin:5px 0;} b, strong {} a:link, a:visited {} a:hover, a:active {} img {border: none;} .imageStyle {height: auto;} .image-left {float: left;padding-right: 10px;} .image-right {float: right;padding-left: 10px;} /* @end */ /* @group Layout */ #fixedPositionWrapper {position: relative;width: auto;z-index: auto;} #fixedPositionCushion {display: none;} #topContainer {margin:0;padding:0; position: relative; z-index: 100; height: 90px;overflow:hidden;} #midContainerWrapper { margin-top: -5px; } #bottomContainer {} .clearer {clear: both;} #zoom {width: 80%; height: 80%;} #zoomtest, #zoomtest2 {width: 80%; height: 80%;} #logoTitle {margin:0;padding:5px;height: 70px;background-image: none;position: relative;z-index: 50;} #logo {margin:0;padding:0;float: left;height:auto;} #logo img {margin:0;padding-right:10px;} #titleSlogan {height:auto;} #title h1 {margin:0;padding:5px 0 0 5px;font-size:1.8em;} #slogan h2 {margin:0;padding-left:5px;font-size:1.2em;font-weight: normal;} #mobileTabWrapper{margin: 0;padding: 0;display:block;position:absolute;top:65px;right:5px;z-index:120;} #mobileSidebarTab {margin:0 1px 0;padding:3px 7px;background-image: url(images/menuitembg.png); background-position: top center; background-repeat: repeat-x;font-size: 1.2em;float:right;position:relative;z-index:130;cursor: pointer;} #mobileSidebarTab a {text-decoration: none;} #mobileMenuTab {margin:0 1px 0;padding:3px 7px;background-image: url(images/menuitembg.png); background-position: top center; background-repeat: repeat-x;font-size: 1.2em;float:right;position:relative;z-index:130;cursor: pointer;} #mainMenuWrapper {display: none;margin: 0;padding: 15px 0 0 0;width:96%;position: absolute;left:2%;z-index: 1;height:auto;overflow:auto;} #colorBarContainer {margin-top:-5px;padding-top:3px;height:8px;background: transparent url(images/headertransbg.png) top center repeat-x; position: relative; z-index: 150;} #colorBar { height: 5px; } #breadcrumbTop {display:none;} #headerImage {display: none;} #headerImage img {} #midContainer {margin:0;padding:0;border:none;} #mainContentWrapper {margin: 0 auto;padding: 15px 10px;font-size: 1.2em;position: relative;} #contentContainer {margin: 0;padding: 0;width: auto;float: none;} #contentContainer #content {margin: 0;} #sideContent { float: none; } #sidebarContainer {display:none;margin: 0;padding: 0 2%;position: absolute;left: 3%;top:10px;width:90%;height:auto;-webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; } #sidebarContainer #sidebar {margin: 0;padding: 10px 0;} #sidebarContainer .sideHeader h2 {margin-bottom: 5px; } #sectionDivider, #bottomBorderContainer {display: none;} #footerContent {float:none;} #footer {margin:0;padding:10px 0;background-image: url(images/headershadow.png);background-position: top center; background-repeat: repeat-x;text-align: center;font-size: 0.8em;} #footer p {} #footer a:link, #footer a:visited {} #footer a:hover, #footer a:active {} /* @end */ /* @group ExtraContent */ #extraContainer1, #extraContainer2, #extraContainer3 {display:none;} #extraContainer5, #extraContainer6 { float: none; } #extraContainer5, #extraContainer6, #extraContainer7 {padding-left: 10px;padding-right: 10px;} /* @end */ /* @group Bread-crumb */ #breadcrumbcontainer {float: none;clear: both;} #breadcrumbcontainer ul {padding-bottom: 10px;} #breadcrumbcontainer li {display: inline;} #breadcrumbcontainer a {} #breadcrumbcontainer a:hover {} /* @end */ /* @group Toolbar */ /* Drop Down Menu CSS */ #mainMenu ul li.ddarrow a {padding-right: 20px;} #mainMenu ul li.ddarrow span {position:absolute;top:0.2em;right:5px;float:right;width:15px;height:2.2em;background: transparent url(images/ddarrow-down.png) center right no-repeat;} /* Drop Down Menu Items */ /* First Level */ #mainMenu ul ul li.ddarrow a {padding-right: 0px;} #mainMenu ul ul {display: none;position: absolute;z-index:200;width: 160px;top: 30px;padding: 5px;} #mainMenu ul ul a {display: block;margin: 0;padding: 0 5px;width: 150px;height: auto;line-height:2.2em;text-decoration: none;text-transform: none;background-image: none;background-color: transparent;} #mainMenu ul ul a:hover { border-left: none; border-right: none; border-top: none; } /* Second Level and Beyond */ #mainMenu ul ul ul {top: -6px;left:165px;} #mainMenu ul ul ul a {display: block;} /* Reset Drop Down Menu Styles */ #mainMenu ul a { margin-right: 0; height: auto; line-height: 2.2em; background-image: none; padding: 0 5px; } #mainMenu ul ul li.ddarrow a {padding-right: 20px;} #mainMenu ul ul li.ddarrow span { top: 0.2em; } #mainMenu ul ul {display: none;position: relative;width: auto;top: auto;padding: 0;border: none;} #mainMenu ul ul a {width: auto;} #mainMenu ul li.ddarrow ul a {padding-right: 20px;} #mainMenu ul ul li.ddarrow a {padding-right: 5px;} #mainMenu ul ul li.ddarrow span {background: transparent url(images/ddarrow-down.png) center right no-repeat;right: 5px;height: 2.2em;} /* Second Level and Beyond */ #mainMenu ul ul ul {top: auto;left:auto;border: none;} /* Toolbar Styles */ #hideMenu {display: block;margin: 0 7px;padding:0;height:20px;line-height:20px;text-align: right;font-size: 10px;cursor: pointer;} #mainMenu {margin: 0;padding:0;float:none;height:auto;overflow:auto;} #mainMenu .current {font-weight: bold;border-left:none;border-right:none;} #mainMenu .current:hover {border-left:none;border-right:none;} #mainMenu .currentAncestor {display:block;} #mainMenu ul a.currentAncestor {display:block;border-left:none;border-right:none;} #subMenu, #sub2Menu, #sub3Menu {display: none;} /* Parent - Level 0 */ #mainMenu ul {margin: 0;padding: 0;list-style-type: none;height:auto;} #mainMenu li {margin: 0;display:block;float:none;} #mainMenu a {display:block;margin:0;padding:0 10px;text-decoration: none;border-left:none;border-right:none;background-image:none;} #mainMenu a:hover {border-left:none;border-right:none;} #mainMenu a:active {border-left:none;border-right:none;} #mainMenu ul .currentAncestor {border-left:none;border-right:none;} /* Child - Level 1 */ #mainMenu ul ul li a {margin: 0; padding: 0 0 0 25px;border-left:none;border-right:none;} #mainMenu ul ul .currentAncestor {border-left:none;border-right:none;} /* Child - Level 2 */ #mainMenu ul ul ul li a{margin: 0; padding: 0 0 0 40px;} /* Child Level 3 */ #mainMenu ul ul ul ul li a{margin: 0; padding: 0 0 0 55px;} /* Child Level 4 */ #mainMenu ul ul ul ul ul li a{margin: 0; padding: 0 0 0 70px;} /* Child Level 5 */ #mainMenu ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 85px;} /* Child Level 6 */ #mainMenu ul ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 100px;} /* Child Level 7 */ #mainMenu ul ul ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 115px;} /* Child Level 8 */ #mainMenu ul ul ul ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 130px;} /* Child Level 9 */ #mainMenu ul ul ul ul ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 145px;} /* Child Level 10 */ #mainMenu ul ul ul ul ul ul ul ul ul ul ul li a{margin: 0; padding: 0 0 0 160px;} /* @end */ /* @group Blog */ ul.blog-tag-cloud {margin-left: 19px;padding-left:18px;} .blog-entry-category {padding-top:0;padding-bottom:0;} .blog-archive-link-enabled {padding-top:0;padding-bottom:0;} #blog-categories a {padding-top:0;padding-bottom:0;} .blog-rss-link {padding-top:0;padding-bottom:0;} /* @end */ /* @group Single Page (Movie View) */ .movie-background {margin: 20px auto 10px auto;width:80%;} } body {color:#000000;background-color: #003366;} a {color: #466B9E;} a:hover, a:active {color: #466B9E;} #topContainer {background-color: #336699;} #title {color: #FFFFFF;text-shadow: 0 1px 0 #000000;} #slogan {color: #DADADA;} #mainMenu ul a {color: #FFFFFF;background-color:#4C4C4C;border-left: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C; border-top: 1px solid #4C4C4C;} #mainMenu ul a:hover {color: #000000;background-color: #FFFFFF;border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} #mainMenu ul .current, #mainMenu ul .currentAncestor, #mainMenu ul .current:hover, #mainMenu ul .currentAncestor:hover {color: #191919;background-color:#FFFFFF;border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;} #mainMenu ul ul {border: 1px solid #FFFFFF;border-top: none;background-color: #E3E3E3;} #mainMenu ul ul a {color: #000000;border-left:none;border-right:none;border-top:none;border-bottom: dotted 1px#FFFFFF;} #mainMenu ul ul a:hover {color: #000000;background-color: #DADADA;} #mainMenu ul ul li:first-child { border-top: dotted 1px #FFFFFF; } #mainMenu ul ul .current, #mainMenu ul ul .current:hover, #mainMenu ul ul .currentAncestor, #mainMenu ul ul .currentAncestor:hover {color: #FFFFFF;background-color: #6699CC;border-left: none;border-right: none;border-top: none;} #mainMenu ul ul ul { border: 1px solid #FFFFFF; } #subMenu ul ul li a {color: #FFFFFF; background-color: #336699;} #subMenu ul ul a:hover {color: #FFFFFF;} #subMenu .current, #subMenu ul ul a.currentAncestor, #subMenu .current:hover, #subMenu ul ul a.currentAncestor:hover {color: #333333; background-color:#FFFFFF; } #sub2Menu ul ul ul li a {color: #333333;bottom-border:2px solid #333333;background-color:#FFFFFF;} #sub2Menu ul ul ul a:hover {color: #666666;} #sub2Menu ul ul ul .current, #sub2Menu ul ul ul a.currentAncestor {color: #466B9E;border-bottom:2px solid #000000;} #sub3Menu ul ul { border-left-color: #CCCCCC;border-right-color: #CCCCCC;border-top-color: #CCCCCC; } #sub3Menu ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;} #sub3Menu ul ul .current, #sub3Menu ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;} #sub3Menu ul ul a:hover {color: #336699;background-color:#E4E4E4;} #sub3Menu ul ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;} #sub3Menu ul ul ul .current, #sub3Menu ul ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;} #sub3Menu ul ul ul a:hover {color: #336699;background-color:#E4E4E4;} #sub3Menu ul ul ul ul li a {color: #336699;border-bottom:1px solid #CCCCCC;background-color:#E4E4E4;} #sub3Menu ul ul ul ul .current, #sub3Menu ul ul ul ul a.currentAncestor {color: #336699;background-color:#FFFFFF;} #sub3Menu ul ul ul ul a:hover {color: #336699;background-color:#E4E4E4;} #colorBar {background-color: #FFFFFF;} #midContainerWrapper {background-color:#E4E4E4;} #midContainer {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;background-color:#FFFFFF;} #contentContainer a {color: %colour_mainContent_links%;} #sidebarContainer .sideHeader {border-bottom: 2px solid #336699;color: #000000;} #sidebarContainer #sidebar {background-color: %colour_sidebarBody_background%;color: %colour_sidebarText%;} #sidebarContainer #sidebar a {color: %colour_sidebarLinks%;} #sidebarContainer #sidebar a:hover {color: %colour_sidebarLinks%;text-decoration: underline;} #sectionDivider { background: #E4E4E4 url(images/bottomborder.png) top center repeat-x; border-bottom: 1px solid #CCCCCC; } #bottomBorderContainer { background-color: #E4E4E4; } #extraContainer2 {background-color: #CCCCCC;color: #000000;} #extraContainer2 a {color: #466B9E;} #extraContainer2 a:hover {color: #466B9E;} #extraContainer3 {background-color: #CCCCCC;color: #000000;} #extraContainer3 a {color: #466B9E;} #extraContainer3 a:hover {color: #466B9E;} #extraContainer4 {background-color: #E4E4E4;border: solid 1px #555555;color: #000000;} #extraContainer4 a {color: #466B9E;} #extraContainer4 a:hover {color: #466B9E;} #extraContainer5 {color: #000000;} #extraContainer5 a {color: #466B9E;} #extraContainer5 a:hover {color: #466B9E;} #extraContainer6 {color: #000000;} #extraContainer6 a {color: #466B9E;} #extraContainer6 a:hover {color: #466B9E;} #ec7wrapper {background-color: #666666;border-bottom: 1px solid #CCCCCC;} #extraContainer7 {color: #FFFFFF;} #extraContainer7 a {color: #CCCCCC;} #extraContainer7 a:hover {color: #CCCCCC;} #bottomContainer {} #footer {color: #BABABA;} #footer a:link, #footer a:visited {color: #FFFFFF;} #footer a:hover {color: #FFFFFF;} blockquote, .standout { background-color: #E4E4E4; } .thumbnail-caption {color: #999999;} .photo-caption {color: #999999;} .photo-frame {border: solid 3px #DADADA;} .movie-thumbnail-caption {color: #999999;} .movie-title {color: #999999;} .movie-thumbnail-frame img {border: solid 3px #7BA5DF;} .movie-frame {border: solid 3px #7BA5DF;} /* iPhone specific color styles */ @media screen and (max-width: 480px) { body {background-color: #003366;} #topContainer {background-color: #336699;} #title {color: #FFFFFF;text-shadow: 0 1px 0 #000000;} #slogan {color: #DADADA;} #mobileSidebarTab {background-color: #4C4C4C;border: 1px solid #4C4C4C;} #mobileSidebarTab a {color: #FFFFFF;} #mobileMenuTab {color: #FFFFFF;background-color: #4C4C4C;border: 1px solid #4C4C4C;} #mainMenuWrapper {background-color: #336699;border: 1px solid #336699;} #midContainer, #sidebarContainer {background-color: #FFFFFF;} #footer {background-color: #003366;color: #BABABA;border-top: solid 1px #CCCCCC;} #footer a:link, #footer a:visited {color: #FFFFFF;} #mobileSidebarTab {background: #4C4C4C url(images/menuitembg.png) top center repeat-x;border:1px solid #4C4C4C;} #mobileSidebarTab a {text-decoration: none;color: #FFFFFF;} #mobileMenuTab {color: #FFFFFF;background: #4C4C4C url(images/menuitembg.png) top center repeat-x;border:1px solid #4C4C4C;} #hideMenu {color: #FFFFFF;} #mainMenu ul { background-color: #4C4C4C; } #mainMenu ul a { color: #FFFFFF;border-left: none; border-right: none; border-bottom: none; border-top: solid 1px #336699; } #mainMenu ul a:hover { border-left: none; border-right: none; border-bottom: none; border-top: solid 1px #336699; } #mainMenu ul li:first-child { border-top: none; } #mainMenu ul ul { background-color: #E3E3E3; } #mainMenu ul ul a { border-bottom: none; border-top: dotted 1px #FFFFFF; } #mainMenu ul ul a:hover { border-bottom: none; border-top: dotted 1px #FFFFFF !important; } #mainMenu ul ul li:first-child { border-bottom:none; border-top: none; } #mainMenu ul .current, #mainMenu ul .currentAncestor, #mainMenu ul .current:hover, #mainMenu ul .currentAncestor:hover {color: #191919;background-color: #FFFFFF;border-left: none; border-right: none;border-top: solid 1px #336699;} #mainMenu ul ul .current, #mainMenu ul ul .currentAncestor, #mainMenu ul ul .current:hover, #mainMenu ul ul .currentAncestor:hover { border-top: dotted 1px #FFFFFF; } } #logoTitle, #mainMenuWrapper, #headerImage, #midContainer, #mainContentWrapper, #bottomContent, #extraContainer1, #extraContainer7 {width: 860px;} #mainMenuWrapper {width: 860px;} #bottomBorder { width: 862px; } #footer { width: 900px; } #extraContainer4 {width:840px;} #topContainer {background-image: url(images/gradientonly.png); background-repeat: repeat-x; background-position: bottom center;} #logo, #titleSlogan {height: 60px;} #logoTitle {background-image: url(images/logoTitle60pxBg.png);} #fixedPositionCushion {height: 135px;} #logoTitle {background-image: none;} /* @group Toolbar */ /* Toolbar Styles */ #mainMenuWrapper { overflow: visible; } /* Drop Down Menu CSS */ #mainMenu ul a:hover {} #mainMenu ul li.ddarrow a {padding-right: 20px;} #mainMenu ul li.ddarrow span {position:absolute;top:0;right:5px;float:right;width:15px;height:25px;background: transparent url(images/ddarrow-down.png) center right no-repeat;} /* Drop Down Menu Items */ /* First Level */ #mainMenu ul ul li.ddarrow a {padding-right: 0px;} #mainMenu ul ul {display: none;position: absolute;z-index:200;width: 160px;top: 30px;padding: 5px;} #mainMenu ul ul a {display: block;margin: 0;padding: 0 5px;width: 150px;height: auto;line-height:28px;text-decoration: none;text-transform: none;background-image: none;background-color: transparent;} #mainMenu ul ul a:hover { border-left: none; border-right: none; border-top: none; } #mainMenu ul li.ddarrow ul a {padding-right: 5px;} /* Makes sure Main Menu padding doesn't filter down to child menu items. */ #mainMenu ul ul li.ddarrow a {padding-right: 5px;} #mainMenu ul ul li.ddarrow span {background: transparent url(images/ddarrow-right.png) center right no-repeat;right: 5px;height: 28px;} /* Second Level and Beyond */ #mainMenu ul ul ul {top: -6px;left:165px;} #mainMenu ul ul ul a {display: block;} /* @end */ #breadcrumbTop {display: none;} #headerImage { display: none; } #headerImage, #extraContainer1 {height: 150px;} #extraContainer2, #extraContainer3 {height: 110px;} #contentContainer { width: 70%; } #sideContent { width: 25%; } #sideContent {display: none;} #contentContainer #content, #contentContainer {width: 100%;} #mobileSidebarTab {display: none;} #flashcontent {text-align: center;} #extraContainer1 {display: inline-block;} #sectionDivider {display: none;} /* iPad CSS Styles*/ @media only screen and (device-width: 768px) { #logoTitle, #mainMenuWrapper, #midContainer, #extraContainer7 {width: 90%;} #bottomBorder {width: 90.2%;} #headerImage, #extraContainer1, #mainContentWrapper, #bottomContent{width: 100%;} #extraContainer2, #extraContainer3 {width: 32%;} #extraContainer4 {width: 97.5%;} #footer {width: 94%;} #fixedPositionWrapper {position: relative;width: auto;} #fixedPositionCushion {display: none;} .imageStyle {max-width: 100%;height: auto;} } /* Large screen displays & iPad in Landscape */ @media screen and (max-width: 1030px) { #logoTitle, #mainMenuWrapper, #midContainer, #extraContainer7 {width: 86%;} #bottomBorder {width: 86.2%;} #headerImage, #extraContainer1, #mainContentWrapper, #bottomContent{width: 100%;} #extraContainer2, #extraContainer3 {width: 32%;} #extraContainer4 {width: 97.5%;} #footer {width: 90%;} #fixedPositionWrapper {position: relative;width: auto;} #fixedPositionCushion {display: none;} .imageStyle {max-width: 100%;height: auto;} } /* Medium screen displays & iPad in Portrait */ @media screen and (max-width: 770px) { #logoTitle, #mainMenuWrapper, #midContainer, #extraContainer7 {width: 90%;} #bottomBorder {width: 90.2%;} #headerImage, #extraContainer1, #mainContentWrapper, #bottomContent{width: 100%;} #extraContainer2, #extraContainer3 {width: 32%;} #extraContainer4 {width: 97.5%;} #footer {width: 94%;} #fixedPositionWrapper {position: relative;width: auto;} #fixedPositionCushion {display: none;} .imageStyle {max-width: 100%;height: auto;} } /* Small screen Styles */ @media screen and (max-width: 480px) { @import url("iPhone.css"); } @media screen and (max-width: 480px) { .stacks_div, .stacks_left, .stacks_right, .stacks_middle, .stacks_float_left, .stacks_float_right { float: none !important;width: auto !important; } }