body { margin: 2px; padding: 0px; background-color:#000000; } fieldset { background-color:#294A70; color: #000000; font: normal 11px arial, verdana, sans-serif; padding-top: 0px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; text-align: left; } fieldset legend { color: #000000; font: bold 11px arial, verdana, sans-serif; border:1px solid #3366CC; background-color: #F0F4FC; margin-bottom: 2px; padding: 1px; padding-left: 3px; padding-right: 3px; } h1 { color: #FFFFFF; font-weight: bold; font-family: arial, verdana, sans-serif; font-size: 16px; } h2 { color: #FFFFFF; font-weight: bold; font-family: arial, verdana, sans-serif; font-size: 14px; } h3 { color: #FFFFFF; font-weight: bold; font-family: arial, verdana, sans-serif; font-size: 12px; } table { color: #FFFFFF; font: 14px arial, verdana, sans-serif; font-weight: normal; } #bodytable { width: 950px; margin-right: auto; margin-left: auto; font-family: arial, verdana, sans-serif; } #bodytext470 { float: left; background-color: #292929; width: 470px; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #bodytext49 { float: left; background-color: #292929; width: 49%; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #bodytext59 { float: left; background-color: #292929; width: 59%; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #bodytext69 { float: left; background-color: #292929; min-width:850px; width: 70%; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #bodytext79 { float: left; background-color: #292929; width: 79%; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #date-location { left: 235px; position: absolute; TOP: 216px; } #footer { width: 100%; clear: both; background-color: #000000; vertical-align: bottom;} #header { width: 100%; background-color: #292929;} #leftcolumn15 { float: left; width: 15%; min-width:180px; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #leftcolumn20 { float: left; width: 20%; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #leftcolumn200 { float: left; width: 200px; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #rightcolumn15 { float: right; width: 15%; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #rightcolumn20 { float: right; width: 20%; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #rightcolumn200 { float: right; width: 200px; background-color: #292929; color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 12px; } #slidenumber-loc{ left: 10px; position: absolute; top: 10px; white-space: nowrap; } .main1 {background-image:url("http://www.gtitraining.org/image/main1.png"); background-size:304px 350px; background-repeat:no-repeat; background-color:#000000; float: left; } .main2 {background-image:url("http://www.gtitraining.org/image/main2.png"); background-size:304px 350px; background-repeat:no-repeat; background-color:#000000; float: left; } .main3 {background-image:url("http://www.gtitraining.org/image/main3.png"); background-size:304px 350px; background-repeat:no-repeat; background-color:#000000; float: left; } .main4 {background-image:url("http://www.gtitraining.org/image/main4.jpg"); background-size:280px 545px; background-repeat:no-repeat; background-color:#000000; float: left; } .newsfloat { float: right; margin: 0px 0px 10px 10px;} .newsfloatleft { float: left; margin: 10px 10px 10px 10px;} .bigtitle { color: #FFFFFF; font: 45px verdana, arial, sans-serif; font-weight: normal; } .borders { border: #000000 1px solid; } .bordersSB { border: #000000 1px solid; } .buttonon-popups{ background-color:#FFFFFF; font-FAMILY: arial, verdana, helvetica, sans-serif; color: #666666; font-size: 11px; line-height: 18px; cursor:pointer; font-weight: bold; text-align: center; BORDER: #0669CE 1px solid; } .button-popups { background-color:#FFFFFF; font-FAMILY: arial, verdana, helvetica, sans-serif; color: #0669CE; font-size: 11px; line-height: 18px; cursor:pointer; font-weight: bold; text-align: center; BORDER: #CCCCCC 1px solid; } .caldates { background-color: #FFFFFF; color: #666666; font: 10px arial, sans-serif; font-weight: normal; border-right: #CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid; } .calday { background-color: #DCEEDC; color: #000000; font: 10px arial, sans-serif; font-weight: bold; border-right: #CCCCCC 1px solid; border-bottom: #66CC00 1px solid; } .caldays { background-color: #FFFFFF; color: #666666; font: 10px arial, sans-serif; font-weight: normal; border-right: #CCCCCC 1px solid; border-bottom: #66CC00 1px solid; } .calendar { border: #3366CC 1px solid; background-color: #CCCCCC; } .calendarnum { color: #FFFFFF; font-weight: normal; font-family: verdana, arial, sans-serif; font-size: 24px; } .calendartitle { color: #FFFFFF; background-color: #3366CC; font: 12px arial, sans-serif; font-weight: bold; padding: 1px; } .calhilite { background-color: #DCEEDC; color: #FFFFFF; font: 22px arial, sans-serif; font-weight: bold; border: #000000 0px solid; } .contactgti { color: #CC9900; font: 16px verdana, arial, sans-serif; font-weight: bold } .contactmedia { color: #C3DAF9; font: 11px verdana, arial, sans-serif; } .dropdown { color: #333333; WIDTH: 200PX; font: 11px arial, verdana, sans-serif; } .dropquotes { font: 12px arial, verdana, sans-serif; } .faq { line-height: 20px; } .floater { float:left; margin-right:5px; margin-bottom:15px; } .footertext { color: #A1A1A1; font: 12px arial, verdana, sans-serif; } .formmargin { margin: 0px; } .gallerytext { color: #666666; font: 12px arial, verdana, sans-serif; font-weight: normal; } .headermenu { color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold; } .hiddenPic { display:none; height:1px; width:1px; } .image-border { left: 0px; top: 0px; border: #666666 1px solid; z-index: 1; } .image-borderon { left: 3px; top: 3px; border: #000000 1px solid; z-index: 1; } .just { text-align: justify; } .linksmargin { margin: 10px; } .menu { font-family: arial, verdana, helvetica, sans-serif; font-size: 9pt; height: 25px; width: 175px; cursor:pointer; font-weight: bold; text-indent: 8px; line-height: 16pt; text-align: left; display: block; border-bottom: #666666 1px solid; } .menuhorz { color: #FFFFFF; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: center; height: 30pt; cursor:pointer; line-height: 15pt; padding-left: 0px; padding-right: 0px; display: block; border: #000000 1px; border-style:solid dashed solid dashed; } a.menuhorz:active { color: #FFFFFF; } a.menuhorz:hover { color: #FFFFFF; text-decoration: underline;} a.menuhorz:link { color: #FFFFFF; } a.menuhorz:visited { color: #FFFFFF; } .smenuhorz { color: #FFFFFF; font-size: 16pt; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: center; height: 24pt; cursor:pointer; line-height: 24pt; padding-left: 9px; padding-right: 9px; display: block; border: #000000 2px; } a.smenuhorz:active { color: #FFFFFF; } a.smenuhorz:hover { color: #FFFFFF; text-decoration: underline;} a.smenuhorz:link { color: #FFFFFF; } a.smenuhorz:visited { color: #FFFFFF; } .greenlink10 { color: #799840; font-weight: bold; font-size: 10pt; font-family: arial, verdana, sans-serif; text-align: center; padding-left: 9px; padding-right: 9px; display: block; } a.greenlink10:active { color: #799840; text-decoration: underline;} a.greenlink10:hover { color: #799840; text-decoration: underline;} a.greenlink10:link { color: #799840; text-decoration: underline;} a.greenlink10:visited { color: #799840; text-decoration: underline;} .greenlink12 { color: #799840; font-weight: bold; font-size: 12pt; font-family: arial, verdana, sans-serif; padding-left: 9px; padding-right: 9px; display: block; } a.greenlink12:active { color: #799840; text-decoration: underline;} a.greenlink12:hover { color: #799840; text-decoration: underline;} a.greenlink12:link { color: #799840; text-decoration: underline;} a.greenlink12:visited { color: #799840; text-decoration: underline;} .link_button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FF0000; padding: 8px 12px; text-decoration: none; } .link_button_blue { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #3D638F; padding: 8px 12px; text-decoration: none; } .menu-layer { position:relative; visibility:visible; left:0px; top:0px; z-index:2; } .banner { color: #FFFFFF; font-size: 14pt; font-family: "Impact", Georgia, serif; font-weight: normal; } .bodoni { color: #FFFFFF; font-size: 36px; font-family: "Bodoni MT Black", Georgia, serif; font-weight: normal;} .bodonis { color: #FFFFFF; font-size: 32px; font-family: "Bodoni MT Black", Georgia, serif; font-weight: normal;} .avc60-6 { color: #666666; font-size: 60pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .avc60-3 { color: #000000; font-size: 60pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .avc20-6 { color: #666666; font-size: 16pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .frog40-6 { color: #666666; font-size: 40pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news8 { color: #000000; font-size: 8pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news8b { color: #000000; font-size: 8pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news9 { color: #000000; font-size: 9pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news9b { color: #000000; font-size: 9pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news10 { color: #000000; font-size: 10pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news10w { color: #FFFFFF; font-size: 10pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news10b { color: #000000; font-size: 10pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news11 { color: #000000; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news11b { color: #000000; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news11r { color: #FF0000; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news11wb { color: #FFFFFF; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news12 { color: #000000; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news12b { color: #000000; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news12w { color: #FFFFFF; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news12r { color: #FF0000; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news12rb { color: #FF0000; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news13 { color: #000000; font-size: 13pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news13b { color: #000000; font-size: 13pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news14 { color: #000000; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news14w { color: #FFFFFF; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news14b { color: #000000; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news14wb { color: #FFFFFF; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news14r { color: #FF0000; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .news14rb { color: #FF0000; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news16wb { color: #FFFFFF; font-size: 16pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news18 { color: #000000; font-size: 18pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news18b { color: #000000; font-size: 18pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news18w { color: #FFFFFF; font-size: 18pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news18rb { color: #FF0000; font-size: 18pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news18bb { color: #0000FF; font-size: 18pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news24rb { color: #FF0000; font-size: 24pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news24wb { color: #FFFFFF; font-size: 24pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news30b { color: #000000; font-size: 30pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news30rb { color: #FF0000; font-size: 30pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .news30wb { color: #FFFFFF; font-size: 30pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .red11b { color: #FF0000; font-size: 11pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .red12b { color: #FF0000; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .org12b { color: #D97E1C; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .org14b { color: #D97E1C; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: bold; } .press8w { color: #FFFFFF; font-size: 8pt; font-family: arial, verdana, sans-serif; font-weight: normal; } .press14w { color: #FFFFFF; font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: normal; } .press18w { color: #FFFFFF; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: normal; } .press22w { color: #FFFFFF; font-size: 22px; font-family: arial, verdana, sans-serif; font-weight: normal; } .press24w { color: #FFFFFF; font-size: 24px; font-family: arial, verdana, sans-serif; font-weight: normal; } .press12bw { color: #FFFFFF; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; } .press14bw { color: #FFFFFF; font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: bold; } .press16w { color: #FFFFFF; font-size: 16px; font-family: arial, verdana, sans-serif; font-weight: normal; } .press18bw { color: #FFFFFF; font-size: 18px; font-family: arial, verdana, sans-serif; font-weight: bold; } .press22bw { color: #FFFFFF; font-size: 22px; font-family: arial, verdana, sans-serif; font-weight: bold; } .press24bw { color: #FFFFFF; font-size: 24px; font-family: arial, verdana, sans-serif; font-weight: bold; } .press36bw { color: #FFFFFF; font-size: 36px; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: underline; position: absolute; top: 20px; right: 50px;} .newsslider { color: #FFFFFF; font-size: 14pt; font-family: arial, verdana, sans-serif; font-weight: bold; text-decoration: underline; position: absolute; top: 320px; right: 0px;} .newswindow { border: #000000 1px solid; } .legion-split { border: 0px solid; background-color: #9b9a9c; height: 3px; width: 95%; margin-top: 5px; margin-bottom: 5px; } .page-splits { border: 0px solid; background-color: #000000; height: 5px; width: 100%; margin-top: 5px; margin-bottom: 5px; } .green-splits { border: 0px solid; background-color: #799840; height: 5px; width: 90%; position:relative; left:40px; top:-22px;} .green-splits1 { border: 0px solid; background-color: #799840; height: 5px; width: 85%; position:relative; left:60px; top:-22px;} .green-splits2 { border: 0px solid; background-color: #799840; height: 5px; width: 83%; position:relative; left:75px; top:-22px;} .green-splits3 { border: 0px solid; background-color: #799840; height: 5px; width: 75%; position:relative; left:95px; top:-42px;} .green-splits4 { border: 0px solid; background-color: #799840; height: 5px; width: 72%; position:relative; left:120px; top:-22px;} .phonetitle { color: #C3DAF9; font-weight: bold; font-family: verdana, arial, sans-serif; font-size: 12px; } .picturetext { color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 8px; } .picturetitle { color: #000000; font: 11px verdana, arial, sans-serif; font-weight: bold; } .price { color: #339999; font: 14px verdana, arial, sans-serif; font-weight: bold } .quotechoice { color: #3366CC; font: 11px arial, verdana, sans-serif; font-weight: normal; } .quoteform { font: 13px arial, verdana, sans-serif; background-image: url("image/shadeform.gif"); text-align: left; BORDER: #999999 1px solid; } .searchbutton { font: 11px arial, verdana, helvetica, sans-serif; } .searchdrop { font: 12px arial, verdana, sans-serif; color: #000000; WIDTH: 120PX; HEIGHT: 20PX; background-color: #FFFFFF; margin-top: 3px; } .searchform { font: 13px arial, verdana, sans-serif; background-image: url("image/shadeform.gif"); background-color: #FFFFFF; WIDTH: 120PX; HEIGHT: 20PX; BORDER: #999999 1px solid; } .shadeform { font: 13px arial, verdana, sans-serif; background-image: url("image/shadeform.gif"); text-align: left; WIDTH: 200PX; BORDER: #999999 1px solid; } .sidebar-spacer { position:relative; visibility:visible; left:0px; top:0px; z-index:0; } .sidetext { color: #000000; font: 11px arial, verdana, sans-serif; font-weight: normal; border-bottom: #666666 1px solid; border-left: #666666 1px solid; border-right: #666666 1px solid; background-color: #F0F0F0; background-image: url("image/sidebar-background.jpg"); } .sidetexttitle { color: #FFFFFF; font: 11px verdana, arial, sans-serif; font-weight: bold; border: #666666 1px solid; background-color: #000000; } .sixteenpointbold { color: #339999; font: 16px verdana, arial, sans-serif; font-weight: bold; } .slide-hilite { color: #666666; font-weight: normal; } .slide-text { color: #3366CC; font: 11px verdana, arial, sans-serif; font-weight: bold; background-color: #FFFFFF; padding: 2px; padding-right: 6px; border: 1px solid #CCCCCC; } .smalltext { color: #FFFFFF; font-weight: normal; font-family: arial, sans-serif; font-size: 10px; } .testamon { color: #99ffff; } .submitbutton { font-size: 13px; } .subtitle { color: #FFFFFF; font-size: 12pt; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: center; display: block; } .testdropdown { font: 14px arial, verdana, sans-serif; width: 500px; border: #999999 1px solid; } .testshadeform { font: 14px arial, verdana, sans-serif; width: 500px; border: #999999 1px solid; } .textarea { font: 13px arial, verdana, sans-serif; background-image: url("image/shadeform.gif"); text-align: left; WIDTH: 250PX; BORDER: #999999 1px solid; } .title { font: 14px arial, verdana, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #000000; border-bottom: #F0F0F0 3px solid; width: 100%; display: block; margin-bottom: 5px; padding: 5px; } .title2 { font-weight: bold; color: #000000; background-color: #F0F0F0; width: 100%; display: block; margin-bottom: 5px; padding: 5px; border: #D8AECA 0px solid; font-family: arial, verdana, sans-serif; font-size: 15px; } .twelvepointbold{ color: #339999; font: 12px verdana, arial, sans-serif; font-weight: bold; } @media print {.printhide { display:none; } .printhelp { width:600px; } } @media screen {.printonly { display:none; } } a.menu:active { color: #FFFFFF; background-color:#000000; } a.menu:hover { color: #3366CC; background-color:#EFF4FA; text-decoration: none; } a.menu:link { color: #FFFFFF; background-color:#000000; } a.menu:visited { color: #FFFFFF; background-color:#000000; } a:active { color: #C3DAF9; text-decoration: none; } a:hover { color: #B1CFF8; text-decoration: underline; } a:link { color: #C3DAF9; text-decoration: none; } a:visited { color: #CC9900; text-decoration: none; } /* Navigation Menu Item */ div.menuitem { font: 10pt arial, verdana, helvetica, sans-serif; font-weight: bold; border-bottom: #666666 0px solid; /* <-- DEFAULT FONT/SIZE */ background: url( "http://www.gtitraining.org/image/button6.png" ) no-repeat; /* <-- ROLLOVER HOVER IMAGE */ width: 175px; /* <-- BUTTON WIDTH */ height: 30px; /* <-- BUTTON HEIGHT */ position:relative; float: left; margin: 2px; padding-right: 0px; overflow:visible; cursor:pointer; } /* Menu Link */ div.menuitem a {color: white; /* <-- DEFAULT TEXT COLOR */ display: inline; text-decoration: none; /* disables any normal link styles you have set */ overflow:visible; } /* Menu Text */ div.menuitem span { position: absolute; left: 10px; top: 7px; text-align: left; width: 175px; cursor: pointer; } /* Menu Link: Visited */ div.menuitem a:visited {color: white; /* <-- DEFAULT HOVER TEXT COLOR */} /* Menu Link: Hover */ div.menuitem a:hover {color: black; /* <-- DEFAULT HOVER TEXT COLOR */} /* Menu Image */ div.menuitem img { width: 175px; /* <-- BUTTON WIDTH */ height: 30px; /* <-- BUTTON HEIGHT */ border: 0; } /* Menu Link: Hover Image */ div.menuitem a:hover img { visibility: hidden; } /* hides default button image during hover */ * html a:hover { visibility: visible; } ul.instructor { margin: 0 auto; width: 100%; position: relative; padding: 0; background: #294A70; border-bottom: 0; list-style: none; z-index: 10; display: block; } .instructor li label { display: block; font-family: arial, verdana, sans-serif; font-size: 20px; padding: 10; font-weight: bold; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(121, 154, 64, 0.10)), to(rgba(121, 154, 64, 0.30))); background-image: -webkit-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.30)); background-image: -moz-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.30)); background-image: -o-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.30)); background-image: -ms-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.30)); background-image: linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.30)); } ul.instructor li input { display: none; } ul.instructor li label:hover { background-color: grey; } .instructor li input:checked ~ label { background-color: #294A70; } ul.instructor li article { height: 0; overflow: hidden; display: block; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -o-transition: max-height 1s ease; -ms-transition: max-height 1s ease; -khtml-transition: max-height 1s ease } ul.instructor li input:checked ~ article { height: auto; max-height: 800px } ul.news { margin: 0 auto; width: 100%; position: relative; padding: 0; background: #294A70; border-bottom: 0; list-style: none; z-index: 10; display: block; } .news li label { display: block; font-family: arial, verdana, sans-serif; font-size: 14px; padding: 10; font-weight: bold; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(121, 154, 64, 0.10)), to(rgba(121, 154, 64, 0.50))); background-image: -webkit-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.50)); background-image: -moz-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.50)); background-image: -o-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.50)); background-image: -ms-linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.50)); background-image: linear-gradient(top, rgba(121, 154, 64, 0.10), rgba(121, 154, 64, 0.50)); } ul.news li input { display: none; } ul.news li label:hover { background-color: grey; } .news li input:checked ~ label { background-color: #294A70; } ul.news li article { height: 0; overflow: hidden; display: block; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -o-transition: max-height 1s ease; -ms-transition: max-height 1s ease; -khtml-transition: max-height 1s ease } ul.news li input:checked ~ article { height: auto; max-height: 2000px } .collapsible { background-color: #fffff9; color: black; cursor: pointer; padding: 4px; width: 100%; border: none; text-align: left; outline: none; font-size: 13px; } .active, .collapsible:hover { background-color: #888; } .content { padding: 0px; display: none; overflow: hidden; background-color: #f1f1f1; font-size: 11px; } #nav-main ul.sf-menu a { padding: 10px 13px; }