/* NOTE: Main Menu stylesheet is in /includes/wet-boew/superfish-1.4.6/css/superfish.css */ /* The global.css file applies to the whole site including the MAIN template. It is comprised of global resets, fonts and other universal settings for the site. ----------------------------------------*/ /*Contents*/ /* Global Reset */ /* Superfish */ /* Essential Styles */ /* Colour scheme and padding between menu top bar */ /* Arrows */ /* Elements */ /* Link Styles */ /* Standard Definitions */ /* Splash Page */ /* 404 page */ /* Master page (main.master and main960.master) used throughout the site */ /* Header */ /* Footer */ /* GLOBAL RESET ---------------BRAD will redo Global RESET------------- */ /* BRAD REMOVED

TAG BECAUSE OF MAJOR CSS CONFLICTS */ /* html, body, div, span, applet, object, iframe, /* h1, h2, */ h3, h4, h5, h6, p, blockquote, pre, /* a ,*/ abbr, acronym, address, big, cite, code, del, dfn, em, font,/* img ,*/ ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, /* li, ol,*/ u,fieldset, /* form,*/ label, legend, table, caption, tbody, tfoot, thead, tr, th, td { /* margin: 0; padding: 0; border: 0; outline: 0;*/ font-weight: inherit; font-family: inherit; font-size: inherit; font-style: inherit; vertical-align: baseline;} table {border-collapse: collapse; border-spacing: 0;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* Superfish menu has its own CSS */ /* hide border around image links, but show border on focus */ a img {border:none;} a:hover img, a:active img, a:focus img {border: none;} /* Elements - Master Page (960main.master) - BRAD Added March 27, 2012 - -------------------------------------------------------------------------------------------*/ /* BRAD REMOVED html {font-size:1em; } /* Make sure the default is always 16px for cross-platform, cross-browser font sizing */ body {background-color:#FFF;background: url(/images/viceRegalLion.gif) no-repeat top left;font-family:Verdana, Arial, Sans-Serif;font-size:68.75%;color:#000; margin-top: -1px;} /*line-height:2em;*/ /*text-align:center;*//* Overall font sizing: 16px * 68.75% = 11px : 1em now = 11px */ tr {font-size: 1em;} p {margin: 0 0 1em 0;} /* Space after paragraph*/ /* BRAD ADDED LEGEND */ /* h1 {color:#00338d; margin:.825em 0 .5em 0; font-size:2em;} /* color: #00338d -> Blue */ h1 {color:#00338d; margin:0 0 .5em 0; font-size:1.5em; font-weight:bold;} h2 {color:#00338d; margin:0 0 .5em 0; font-size:1.375em; font-weight:bold;} /* color: #00338d -> Black */ /* h3 {color:#00338d; margin:.825em 0 .5em 0; font-size:1.16em; font-weight:bold;} /* color: #00338d -> Blue */ h3 {color:#00338d; margin:.825em 0 .5em 0; font-size:1.313em; font-weight:bold;} h4 {color:#00338d; margin:.825em 0 .5em 0; font-size:1.25em; font-weight:bold;} /* color: #00338d -> Blue */ h5 {color:#777; margin:.825em 0 .5em 0; font-weight:bold;} /* color: #00338d -> Dark Grey */ h6 {color:#777; margin:.825em 0 .5em 0; font-style: italic;} /* color: #00338d -> Dark Grey */ strong {font-weight:bold;} em {font-style:italic;} .submit {padding:0 3px;} /*--- BRAD HERE Link Styles a:link, a:visited {text-decoration:none;}/*color:#350961;*/ /* a:hover, a:active, a:focus {text-decoration:underline;}/*color:#5C8127; /* outline:#838080 dotted thin; BRAD Removed*/ /* Standard Definitions ----------------------------------------*/ .bold {font-weight:bold;} .left {float:left;} .right {float:right;}/* margin: 0 0 10px 20px;*/ .clearThis {clear:both;} .small {font-size:.625em;} .large {font-size:1em;} .soft {color:#D3D3D3;} .hide {display:none;} p.last {margin-bottom:0px;} .1emtop {margin-top:1em;} .submit {padding:0 3px;} #ggSplashTitleImage {width:960px; height:430px; padding-top:15px;} /* 404 page ----------------------------------------*/ #centerScreen {position:absolute;width:960px;height:480px;left:50%;top:50%; margin-left:-480px; margin-top:-240px; border:2px solid #777; background-color:White; font-size:1.125em; line-height:28px;} #centerScreen h2 {text-align:center; margin-top:72px; line-height:1.5em;} .leftCol {width:450px; float:left; padding:10px; text-align:right;} .rightCol {width:450px; float:right; padding:10px; text-align:left;} /* Container - Master Page (960main.master) - BRAD Added March 27, 2012 - #cn-body-inner-1col, #cn-head-en {width:960px; min-width:960px; height: 115px; background-color: transparent; margin-bottom: 5px; margin-left: 10px;} -------------------------------------------------------------------------------------------*/ #cn-body-inner-2col{background: url(/images/bkgnd_980.jpg) top center repeat-y; width:980px; height: auto; margin:0 auto; padding:0;} /* Added height: auto; */ #cn-head-lion{float:left;} #cn-head-lion a img {Text-decoration: none; outline: none; border: 0px none transparent;} #cn-head {/*background: url("/images/masthead_en.jpg") no-repeat top center transparent;*/ width:960px; z-index: -2;} #cn-head {width:960px; min-width:960px; height: 115px; background-color: transparent; margin-bottom: 5px; margin-left: 10px;} /* gg- primaryNavigation - Master Page (960main.master) - BRAD Added March 27, 2012 - -------------------------------------------------------------------------------------------*/ #cn-gcnb {width:960px; min-width:960px;font-size: 1em} /*#cn-gcnb-line { border-bottom-style:solid;border-bottom-width:1px;}*/ #cn-gcnb ul {list-style-type: none; margin-top:-10px; margin-bottom: 0; padding: 0 5px 0 0;float: right; } /* BRAD HERE */ #cn-gcnb ul li {float:left; padding:17px 0;} #cn-gcnb a {color: #000000; display: block; padding: 0 1em; text-decoration: none;} #cn-gcnb a:hover, #cn-gcnb a:focus {text-decoration: underline;} #cn-gcnb ul li a {border: medium none;padding-right: 5px;} #cn-gcnb-text {float:left; margin-top: -10px; margin-bottom: 0px; border:0; padding: 0; text-align:center; width:750px;} #cn-gcnb-text ol {vertical-align:bottom!important} #cn-gcnb-text li {list-style-type: none; margin: 0; padding: 0; color: #0059A7;} #cn-gcnb-text-title {font-size: 35px;}/* !!! Fixed Size Text !!! */ #cn-gcnb-text-sub {font-size: 33px; margin-top: -5px!important;}/* !!! Fixed Size Text !!! */ /* Skip Navigation CSS - BRAD Added April 10th 2012 - -------------------------------------------------------------------------------------------*/ #cn-skip-head {float: left; height: 0; font-size: 1em; margin-left:-50px; } #cn-skip-head ul {list-style-type: none; } #cn-skip-head ul li {float:left; padding:10px;} /*#cn-skip-head li{position: absolute; width: auto; z-index: 4;} Removed top: -4; */ /*#cn-skip-head #cn-sh-link-1 {right: 63%;} #cn-skip-head #cn-sh-link-2 {left: 38%;} #cn-skip-head a {padding: 3px; } */ #cn-skip-head a:link, #cn-skip-head a:visited {cursor:default; color: #FFF; background-color: transparent; } #cn-skip-head a:active, #cn-skip-head a:focus {background-color: #000; text-decoration: none; color: #FFF;} /* #cn-skip-head a:hover, #cn-skip-head a:focus, #cn-skip-head a:active */ /* Search Box - BRAD Added March 30, 2012 - TO DO: Rewrite stored procedure that retrieves the data for the Search. -------------------------------------------------------------------------------------------*/ #ggSearchBox{position:relative;top: -11px;left:1px;background: #EFF5FE;border:1px solid #0039AA;text-align:left; padding: 2px;} #ggSearchBox input{margin:0 20px 10px 0;} /* margin-top, margin-right, margin-bottom and margin-left properties */ #ggSearchButton{-webkit-appearance: none;min-height:24px;background: #eee;background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');border-bottom:1px solid #999;border-right: 1px solid #999;border-top: 1px solid #fff;border-left: 1px solid #fff; color: #333; padding: 2px 6px;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius:2px;text-shadow: 0 1px 0 #eee;font-weight:400; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #ggSearchButton{position:relative;top:-11px;left:-2px;} /* margin-top */ #ggSearchBox form{margin:5px 40px 10px 0;} #ggSearchBox #gg-search{color:#BFD6FE;border:1px solid #BFD6FE;-moz-border-radius:2px;-webkit-border-radius: 2px;border-radius:2px !important;} #ggSearchBoxInner label {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute;width: 1px;} /* BRAD COMMENTED OUT - PLEASE DO NOT DELETE #gg-searchbox{position:relative;top: -11px;left:1px;background: #EFF5FE;border:1px solid #0039AA;text-align:left; padding: 2px;} #gg-searchbox input{margin:0 20px 10px 0;} #gg-search-submit{-webkit-appearance: none;min-height:24px;background: #eee;background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');border-bottom:1px solid #999;border-right: 1px solid #999;border-top: 1px solid #fff;border-left: 1px solid #fff; color: #333; padding: 2px 6px;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius:2px;text-shadow: 0 1px 0 #eee;font-weight:400; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #gg-search-submit{position:relative;top:-11px;left:-2px;} #gg-searchbox form{margin:5px 40px 10px 0;} #gg-searchbox #gg-search{color:#BFD6FE;border:1px solid #BFD6FE;border-radius:2px;-moz-border-radius:2px;} ***/ /* Share Bookmark - BRAD Added April 23rd, 2012 - CHO moved to doc.css, events.css Aug 29 2012 -------------------------------------------------------------------------------------------*/ #breadCrumbsContent {padding-left:20px;padding-top:10px;} #breadCrumbsContent a {text-decoration:none;} #breadCrumbsContent a:hover {text-decoration: underline;} /* Main Menu (Navigation) - Chuck I added #mainMenu>>missing (Not sure how that got lost) >> margin:0 auto; */ #mainMenu{margin: 0 auto; width:960px;min-width:960px;height:20px;background:black; z-index:1000;overflow:visible} #mainMenu #menu_eng, #mainMenu #menu_fra {margin:0 auto; z-index:1000;} #mainMenu #menu_eng {width:920px;z-index:1000;} /* SET WIDTH TO 910px WHEN WE LAUNCH EDUZONE */ #mainMenu #menu_fra {width:950px;z-index:1000;} /* SET WIDTH TO 940px WHEN WE LAUNCH EDUZONE */ /*Centering method for UL/LI*/ /*#mainMenu ul {position:relative; float:left; left:50%} #mainMenu ul li {position:relative; float:left; right:50%}*/ /* !!! July 2 2012 CHo moved main menu padding out from superfish.css to here !!! */ /* Note that font size in superfish.css */ #mainMenu #menu_eng a { padding: 2px 14px; text-decoration:none; } #mainMenu #menu_fra a, #mainMenu #menu_admin a { padding: 2px 9px; text-decoration:none; } /* Skip Navigation CSS - BRAD Added Feb 2012 -- PLEASE DO NOT DELETE ------------------------------------------------------------------------------------------- div.cn-skip-head div.navaid a{width: 400px;margin-left:80px;color: #FFFFFF;background-color: #FFFFFF;float: none;font-size: 100%;height: auto;z-index: -1;} * html div.cn-skip-head div.navaid {width: 400px;padding-left: 120px;} *:first-child+html div.cn-skip-head div.navaid {width: 400px;padding-left: 120px;} div.cn-skip-head div.navaid a:hover, div.page div.navaid a:active, div.page div.navaid a:focus {width: 400px;margin-left:80px;font-size: 100%;z-index: -1;border-color:#FFFFFF;border-style: solid;color: #000000;overflow: visible;background-color: #CC9;} *************/ /* GG - Social Media -- Brad Added new style June 14th, 2012 .smImg {width:15px; height:15px;} -------------------------------------------------------------------------------------------*/ #ggSocialMedia{width:960px; min-width:960px;height:40px; margin-right:2px; padding:0; border:0;clear:both;} #ggSocialMedia div {margin-right:5px; height:6px; padding:0;} #ggSocialMedia ul { float:right; border:0; text-decoration:none; list-style:none;position:relative;} #ggSocialMedia ul li {position:relative; float:right;list-style:none;border:0; display:block; text-decoration:none; top:10px;} #ggSocialMedia ul li a {border:0; list-style:none;margin:0; padding:0;} #ggSocialMedia img.image-actual {position:relative; background-color: transparent;border:0;} #ggSocialMedia a:hover, #footer a:focus {text-decoration: underline;} #ggSocialMedia a {color: #000000; display: block; padding: 0 1em; text-decoration: none;} /* Bookmark Friendly button/link */ #bookmarkFriendly {font-weight:bold;float:right; margin: 0 auto; position:relative !important; right:20px} #bookmarkFriendly div {margin-right:0px; height:0px; padding:0;} #bookmarkFriendly ul { float:right; border:0; text-decoration:none; list-style:none;position:relative;} #bookmarkFriendly ul li {position:relative; float:right;list-style:none;border:0; display:block; text-decoration:none; } #bookmarkFriendly img {border:0; list-style:none;margin:0; padding:0; top:-15px} /* Footer Top Page (footerTopPage) -- Brad Adjusted Styles April 4th, 2012 -------------------------------------------------------------------------------------------*/ #footerTopPage{width:960px; min-width:960px;height:40px; margin-left:-35px; padding:0; border:0;clear:both;} #footerTopPage div {margin:auto 0; height:16px; padding:15px 10px;} #footerTopPage ul { float:left; left:42%;border:0; text-decoration:none; list-style:none;margin:auto 0 auto 0;position:relative;} #footerTopPage ul li {position:relative; float:left; right:15%;border:0;display:block; padding:15px 5px 5px 5px;text-decoration:none;list-style:none;} #footerTopPage ul li a {border:0; list-style:none;margin:0; padding:0;} #footerTopPage a:hover, #footer a:focus {text-decoration: underline;} #footerTopPage a {color: #000000; display: block; padding: 0 1em; text-decoration: none;} /* color:#ffffff; */ #cn-divider, #cn-access li {display: inline-block;padding-top: 13px; padding-left:5px; padding-right:5px;} /* Footer menu - BRAD Added April 13th --------------------------------------------------------------------------------------------*/ #TopPage {background-color:rgb(229,240,251); width:960px; margin-left:auto; margin-right:auto;} /* background-color:rgb(38,38,38); */ #cn-toppage-foot {float: left;left: 5px;min-width: 4em;position: relative;display:block;list-style:none;text-align: center;} .cn-toppage, #cn-toppage-foot {background-image: url("/images/tphp.gif");background-position: center top;background-repeat: no-repeat;text-align: center;top:2px;} .cn-toppage a, #cn-toppage-foot a {display: inline-block;padding-top: 13px;} .cn-toppage {float:right;} /* Bottom menu stuff Mar 2014 --------------------------------------------------------------------------------------------*/ .bottomMenuColFirst {clear:both;float:left;width:192px;} .bottomMenuColNext {float:left;width:192px;} .sf-bottom ul {list-style-type: none;} .bottomTitle {font-weight:bold;text-transform:uppercase;color:#000000;} /* color:#ffffff; */ .bottomLeaf {list-style-type:none;} .bottomLeaf a {text-decoration:none;color:#000000!important;} /* color:#ffffff; */ /* Mock Up CSS - Brad Added - March 23rd, 2012 - Used to demonstrate GG website to Annabelle and board of directors ------------------------------------------------------------------------------------------------------------------*/ /* #access {width:960px;min-width:960px; margin-left:20px; text-align:center} /* Mock up jpg */ /* #access h1 {margin:0; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #0039A6; padding:0; width:960px; min-width:960px;margin-left:10px;} */ /* Bottom Cap -- Brad Adjusted Styles April 2nd, 2012 -------------------------------------------------------------------------------------------*/ #bottomCap {background:url(/images/cap_980.jpg) center no-repeat; height:20px;width:980px;margin:0 auto;clear:both;} /* BRAD - future Fix Accordion Text/Image issues - Zoom ? ---------------------------------------------------------------------------------------------*/ /** BRAD Zoom is not known in CSS 2.1 - causes an error. TO DO: Resolve Zoom issue! **/ .ui-accordion-content{zoom:1;} /* Superscript ---------------------------------------------------------------------------------------------*/ .sup, sup { vertical-align:super; font-size:xx-small; } /*SIDEBAR MENU *****************************************/ #leftsidebar220 a:link, #leftsidebar220 a:visited {text-decoration:none; color:#000;} /* CHo - Hide underline on link */ #leftsidebar220 a:hover {cursor:pointer;text-decoration:underline; color:#000;} #leftsidebar220 ul {margin-left:20px;padding:0;line-height:3em;} #leftsidebar220 ul li {color:#58514a; list-style:none;border-top:1px dotted #ccc;}/**/ #leftsidebar220 ul li a:link, a:visited {color:#58514a;}/**/ #leftsidebar220 ul li ul li {font-weight:normal;} .menuSelected {background-color:#e7e7e9 !important; font-weight:bold; color:#fff; /*#7E735B*/ border-left: 5px solid transparent; border-right:5px solid transparent; border-top: 10px solid #e7e7e9; border-bottom: 10px solid transparent; } /* Add styles for all links in the 'naccordion': .accordion a {...} */ /* Comment out until ready /Includes/wet-boew/nestedAccordion-1.4.7/images/plus.gif /Includes/wet-boew/nestedAccordion-1.4.7/images/minus.gif */ #leftsidebar220 a.trigger {padding-left:20px; background-image: url(/images/arrows_r_.gif); background-repeat: no-repeat; background-position: 1px 50%; font-weight:700} #leftsidebar220 a.trigger.open {background-image: url(/images/arrows_d_.gif)} #leftsidebar220 .last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal} /* #nestmain a.trigger {background-color:#f0f0f0} #nestmain a.trigger.open {border-color:#dadada; background-color:#e7e7e7} #nestmain a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#bcd; cursor:default} #leftsidebar220 a.active{font-weight:700; color:#f72; text-decoration:none} */ #divNotice {background-color:#F3F2F2;} /* Breadcrumbs */ #breadCrumbsContent { margin-top: 15px; } #navlist { list-style: none; padding: 0; margin: 0; } #navlist li { display: inline; padding: 0; margin: 0; } #navlist li:before { content: " > "; } #navlist li:first-child:before { content: ""; } /*IE workaround*/ /*All IE browsers*/ * html #navlist li { /*background-image: url("images/gt.gif");*/ background-repeat: no-repeat; background-position: 0 50%; padding: 0 0.5em 0 1em; margin: 0 1em 0 -1em; } /*Win IE browsers - hide from Mac IE\*/ * html #navlist { height: 1%; } * html #navlist li { display: block; float: left; } /*End hide*/ /*Mac IE 5*/ * html #navlist li:first-child { background-image: none; } /* Breadcrumbs */ .divGrid{position: absolute; left:0; top:1100px; }