"colorful menu "
Bootstrap 3.1.0 Snippet by progjonner

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="menu-full" style="margin-bottom:10px;"> <div class="container"> <div class="row"> <div class="col-md-11 col-md-offset-0" style="margin-left:6%;"> <nav class=" navbar navbar-default " role="navigation" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- <a style=" float:left" href=""> <img src="images/logo.png" class="img-responsive" /></a>--> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li ><a href="index.php" class="menu-home" >Home</a></li> <li class="dropdown"><a href="whoweare.php " class="menu-home-grey" >Who We Are<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="whoweare.php#background">Background</a></li> <li> <a href="whoweare.php#focal">EFEC focal point </a></li> <li> <a href="whoweare.php#practices">EFEC’s practices</a></li> <li><a href="whoweare.php#special">Collective Special Skills and Achievements</a> </li> <li> <a href="whoweare.php#accomplish">Accomplishments</a></li> </ul> </li> <li class="dropdown" ><a href="consulting.php"class="menu-home-green" >Consulting <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="consulting.php#1">EFEC Approach to Consulting</a></li> <li> <a href="consulting.php#practices#2">EFEC Consulting Capacity </a></li> <li> <a href="consulting.php#3">Educational Planning Consulting </a></li> <li><a href="consulting.php#4">Strategic Consulting </a> </li> </ul></li> <li class="dropdown" ><a href="publishing.php" class="menu-home-dark-green" >Publishing<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="publishing.php#4">What is the publishing opportunity?</a></li> <li> <a href="publishing.php#practices#5">Why does EFEC primarily focus on academic publishing? </a></li> <li> <a href="publishing.php#6"> The process of publishing on EFEC database</a></li> </ul></li> <li class="dropdown" ><a href="professionaldevelopment.php"class="menu-home-dark-mint" >Professional Development<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="professionaldevelopment.php#7"> What is Professional Development?</a></li> <li> <a href="professionaldevelopment.php#9c">EFEC’s Provision of Professional Development </a></li> <li> <a href="professionaldevelopment.php#9a">The Strategies EFEC Uses</a></li> <li> <a href="professionaldevelopment.php#8">How EFEC Offers Professional Development</a></li> </ul> </li> <li class="dropdown" ><a href="students.php"class="menu-home-army" >Students<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="students.php#10">Music Workshops</a></li> <li> <a href="students.php#11">Art workshops</a></li> <li> <a href="students.php#12">Autism </a></li> <li> <a href="students.php#13">Related Services</a></li> </ul> </li> <li class="dropdown"><a href="membership.php" class="menu-home-orange " > Get Involved <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="membership.php">Membership</a></li> <li> <a href="consultant.php">Independent Consultants </a></li> <li><a href="contractor.php">Independent Contractors </a> </li> <li> <a href="events.php">Events</a></li> </ul> </li> <li class="dropdown" ><a href="advertise.php" class="menu-home-red" >Advertisements<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="advertise.php#14">Advertising Packages:</a></li> <li> <a href="advertise.php#15">Reasons for advertising with efecllc.com </a></li> <li> <a href="advertise.php#16">Recommendations for Ad Use </a></li> </ul> </li> <li ><a href="faq.php" class="menu-home-pink">FAQS</a></li> <li class="dropdown"><a href="research.php" class="menu-home-yellow" >Research<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="research.php#17">What is educational research?</a></li> <li> <a href="research.php#18">EFEC steps in conducting research</a></li> <li> <a href="research.php#19">The goal of research methods </a></li> </ul> </li> <li ><a href="contact.php" class="menu-home" >Contact us</a></li> </ul> </div> </nav> </div> </div> </div> </div>
@charset "utf-8"; /* CSS Document */ /* Custom container */ body{background:url(../images/header.jpg) repeat-x top center; } .container-full { margin: 0 auto; width: 100%; } .menu-full { margin: 0 auto; width: 100%; background:url(../images/BackgroundGrid.png) repeat-x top center; margin-top:10px; min-height:86px; padding-top:20px; } .navbar-default {background:none !important; border:none !important; font-family:"open"; color:#888888; font-size:14px; } .navbar-nav > li > a {/*background:url(../images/menu.jpg) right center no-repeat;*/ } .navbar-toggle {float:left !important; background:none !important; } .navbar-default .navbar-toggle {border:none !important; } .navbar-default .navbar-toggle .icon-bar {background-color:#70359e !important; } .nopadding { padding: 0 !important; margin: 0 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; } .navbar {margin-bottom:0px !important; } .greenb {background:#9dbd4b !important; padding:10px; min-height:256px; margin-bottom:20px; } .left-img {float:left; } .grey-back {width:100%; background:#e1e1e1; } .white-back {background-color:#fff; width:100%: } .green-back {background-color:#9dbd4b; width:100%; } @font-face { font-family:"open"; src:url('../fonts/OpenSans-Regular.ttf'); } @font-face { font-family:"open-italic"; src:url('../fonts/OpenSans-Italic.ttf'); } @font-face { font-family:"osward"; src:url('../fonts/Oswald-Regular.ttf'); } .topdes {font-family:"open"; } .topdes p {font-size:16px; line-height:32px; color:#fff; } .greenb h2 {color:#fff; font-family:"osward"; font-size:22px; margin:0px !important; padding-bottom:10px; } .greenb p {font-family:"open-italic"; font-size:13px; color:#292929; line-height:20px; /*padding-bottom:30px;*/ } .read-more {background-color:#7b943b; padding:5px 20px; font-family:"open"; color:#fff; } a {text-decoration:none; } .greenb a:hover { color:#b0b0b5; text-decoration:none; cursor:pointer; } .welcome h3 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; } .welcome-inner p {color:#434343; font-family:"open"; font-size:14px; line-height:21px; } .services h3 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; } .welcome { } .news h2 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; border-bottom:1px solid #f7322a; padding-bottom:10px; } .read-more1 {background-color:#7b943b; padding:5px 20px; font-family:"open"; color:#fff; width:120px; display:block; margin-bottom:15px; clear:both; } a:hover {text-decoration:none; cursor:pointer; } .news h4 {color:#000000; font-family:"open"; font-size:18px; line-height:31px; } .reading {background-color:#ff0000; padding:5px 20px; color:#fff; font-family:"open"; font-size:14px; line-height:21px; } .news-inner p {font-family:"open"; color:#000000; font-size:13px; line-height:21px;} .tweets h2 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; border-bottom:1px solid #f7322a; padding-bottom:10px; } .footer h3 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; } .footer p {font-family:"open"; color:#000000; font-size:13px; line-height:21px; min-height:130px;} .follow {/*padding-top:34px;*/ padding-top:10px;} .follow p {font-family:"open"; color:#000000; font-size:13px; line-height:8px;} .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } .accordion { list-style-type: none; padding: 0; margin: 0 0 30px; min-height:120px; } .accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; } .accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;} .accordion li.active>a { background: url('../images/close.gif') no-repeat center left; } .accordion li div { padding: 10px; display: block; clear: both; float: left; font-family:"open"; color:#000000; font-size:13px; } .accordion a { text-decoration: none; padding: 0 20px; display: block; cursor: pointer; background: url('../images/open.gif') no-repeat center left; color:#1f7bda;} /* Level 2 */ .accordion li ul li { background: #7FD2FF; font-size: 0.9em; } .padd {padding-right:10px; } .add {font-family:"open"; color:#000000; font-size:13px; line-height:21px; } .add a {color:#000; } .greenborder {background:url(../images/bottom.jpg) repeat-x; height:6px; } .educare h3 { /* font-family:Arial, Helvetica, sans-serif;*/ color:#CC9900 ; font-size:22px; line-height:21px; padding-top:15px; text-transform:uppercase; font-weight:bold; font-family:'Conv_Chelsea'; } .greenb p {min-height:127px; } .footer-last p {font-family:"open"; color:#000000; font-size:12px; line-height:17px; } .read-more1:hover {background-color:#438ac4; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -O-transition: all 0.6s ease 0s; color:#fff !important; } .read-more:hover {background-color:#438ac4; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -O-transition: all 0.6s ease 0s; color:#fff !important; } .reading:hover {background-color:#438ac4; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -O-transition: all 0.6s ease 0s; color:#fff !important; } .about h3 {color:#1f7bda; font-family:"osward"; font-size:22px; line-height:31px; } .about h4 {color:#7c9e25; font-family:"osward"; font-size:18px; line-height:31px; } .about p {font-family:"open"; color:#000000; font-size:13px; line-height:21px; text-align:justify; } .about img {border:5px solid #dddddd; margin:10px 0px; } .consult ul li { list-style:none; line-height:30px; } .padd-left {padding-right:10px; } .contact label {font-family:"open"; color:#000000; font-size:15px; line-height:21px; font-weight:normal; } .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sub-top {padding-top:20px; } .follow1 {padding-top:20px; } .rating label { } .navbar-nav > li > a { /* line-height: 19px !important;*/ line-height: 28px !important; } .faqlist {padding-right:10px; } .register table tr th { color: #333333; font-family: Tahoma,Geneva,sans-serif; font-size: 14px; text-align: center; } .show_hide2 { color: #000000; cursor: pointer; font-family: Verdana,Geneva,sans-serif; font-size: 13px !important; font-weight: bold; } .register1 {padding:5px 20px; } .register table tr td { color: #333333; font-family: Tahoma,Geneva,sans-serif; font-size: 13px; text-align: center; } .nav > li > a { font-size:14px !important; } .nav > li > a { padding: 5px 5px !important; position: relative; padding: 5px 5px\0 !important; border-right:1px solid #f5f5f5; font-size:12px !important; margin-right:0px; font-family:Arial, Helvetica, sans-serif !important; } @media screen and (max-width: 1200px) { .nav > li > a { font-size:11px !important; } } /*@media screen and (max-width: 1024px) { .nav > li > a { padding: 5px 2px !important; position: relative; padding: 5px 2px\0 !important; margin-left:0px; } } @media screen and (max-width: 1200px) { .nav > li > a { padding: 5px 2px !important; position: relative; padding: 5px 2px\0 !important; margin-left:0px; } }*/ .menu-home { background:#fff; border-top:5px solid #d3bdd1; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#824d7e !important ; font-weight:bold; text-align:center; } .nav { margin:0 auto; } /*.navbar-default .navbar-nav > li:hover{ color:#fff !important; background:url(../images/hover.png) no-repeat ; height:62px; } */ .menu-home { background:#fff; border-top:5px solid #d3bdd1; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#824d7e !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #6d276a; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #6d276a; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-grey { background:#fff; border-top:5px solid #c8cbd9; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-grey:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #495886; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-grey:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #495886; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-green { background:#fff; border-top:5px solid #75CDD0; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#75CDD0 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-green:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #3AB7BA; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-green:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #3AB7BA; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-dark-green { background:#fff; border-top:5px solid #89CFAD; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#89CFAD !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-dark-green:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #56BA8A; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-dark-green:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #56BA8A; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-dark-mint { background:#fff; border-top:5px solid #8DA55D; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#5D7F38 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-dark-mint:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #5D7F38; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-dark-mint:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #5D7F38; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-army { background:#fff; border-top:5px solid #ADAA38; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#ADAA38 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-army:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #ADAA38; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-army:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ADAA38; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-orange { background:#fff; border-top:5px solid #F89E64; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#F17322 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-orange:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #F17322; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-orange:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #F17322; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-red { background:#fff; border-top:5px solid #FC6D50; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#D13617 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-red:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #D13617; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-red:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #D13617; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-pink { background:#fff; border-top:5px solid #B04979; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#8D3A61 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-pink:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #8D3A61; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-pink:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #8D3A61; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .menu-home-yellow { background:#fff; border-top:5px solid #CC9900; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#CC9900 !important ; font-weight:bold; text-align:center; } .navbar-default .navbar-nav > li a.menu-home-yellow:hover { position: relative; padding-bottom: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background: #FFDE00; color: #fff !important; } .navbar-default .navbar-nav > li a.menu-home-yellow:hover:after { width: 0; height: 0; position: absolute; content:""; display:block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #FFDE00; left: 20%; top:100%; margin-left: -8px; color:#fff !important; } .tranformt {text-transform:uppercase; } .green-tick { color:#7C9E25; } @font-face { font-family: 'MTCORSVA'; src: url('../fonts/MTCORSVA.eot'); src: local('../fonts/MTCORSVA'), url('../fonts/MTCORSVA.woff') format('woff'), url('../fonts/MTCORSVA.ttf') format('truetype'); } /* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_6771">Text with this font applied</p> */ .fontsforweb_fontid_6771 { font-family: 'MTCORSVA' !important; } .rebirth h4 {font-family: 'MTCORSVA' !important; text-align:center; color:#CC9900; font-size:25px; line-height:20px;} .rebirth p {font-family: 'MTCORSVA' !important; text-align:center; color:#CC9900; font-size:20px; line-height:36px;} .search-top-submit {background:#dadada !important; width:164px !important; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border:none; height:32px; text-align:center; } .search-submit {background:url(../images/search.jpg) no-repeat !important; border:none; width:38px; height:30px; text-indent:-9999px; margin:0px; padding:0px; } .login-top a {font-family:"open"; color:#414141; font-size:13px; padding-right:10px; } .login-top-a {border-right:1px solid #dddddd !important; } .right1{ left: auto; right: 0; } .left1 {left:0; } .newback { margin: 0 auto; width: 100%; background:url(../images/bg.jpg) no-repeat top center #394e01; padding-top:10px; } .slide12 {border:3px solid #fff; } .about label { font-family: "open"; line-height:30px; } .mtop {margin-top:20px; } .top-links a { font-size:12px; color:#999; border-right: 1px solid #DDDDDD !important; padding-right:5px; font-weight:bold; } .top-links a:hover {color:#000; } .bottom-links a { font-size:12px; color:#000; border-right: 1px solid #c8ef60 !important; padding-right:10px; line-height:35px; } .bottom-links a:hover {color:#fff; } .publishing {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#9DBD4B; padding:5px 20px; display:inline-block; color:#fff; border:3px solid #7b943b; font-size:20px; text-align:center; } .publising-db {padding-top:20px; } .publising-db ul li {list-style:none; line-height:20px; list-style-position:inside; margin:0px; padding:0px; } .publising-db ul {margin:0; padding:0; padding-top:10px; padding-bottom:10px; } .forms a {line-height:30px; font-weight:bold; } .application {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif !important; } .application label { padding-top:5px; font-family:Arial, Helvetica, sans-serif !important; font-weight:normal !important;} .gender table{font-size:12px !important; } .gender table tr td { text-align:left; } .education table {border-collapse:collapse; vertical-align:middle; } .education table tr td textarea {vertical-align:middle !important; resize:vertical; } .education table tr td textarea {width:200px !important; } .working table tr td {font-size:12px; } .speak table tr td textarea {width:250px; resize:vertical; } .speak table tr td {vertical-align:middle; } .area table tr td p {font-size:11px !important; text-align:left; } .question {font-style:italic !important; text-transform:none !important; font-weight:bold !important; line-height:30px !important; } .understand {font-size:13px !important; text-transform:none !important } .submit-job {padding:10px 20px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0 auto; } .equal { border:1px solid #dddddd; margin-top:20px; margin-bottom:20px; } .equal p {font-size:11px !important; } .submit-12 {margin-top:20px; } @font-face { font-family: 'Conv_Chelsea'; src: url('../fonts/Chelsea.eot'); src: local('☺'), url('../fonts/Chelsea.woff') format('woff'), url('../fonts/Chelsea.ttf') format('truetype'), url('../fonts/Chelsea.svg') format('svg'); font-weight: normal; font-style: normal; } .footer-other a { line-height:30px !important; font-family: "open"; font-size: 12px; color:#4d4e48 !important; } .footer-other a:hover {text-decoration:underline; } .contractor label {margin-bottom:20px; clear:both; } p {margin-bottom:20px; line-height:20px; margin-top:10px; } .contractor textarea {min-height:20px !important; resize:vertical; } .terms ul li { font-family: "open"; line-height:30px; } .proud p {font-family:"open"; font-size:15px; color:#333; text-align:left; line-height:25px; } .proud { background-color: #F5F5F5; border-radius: 4px; list-style: none outside none; margin-bottom: 20px; padding: 8px 15px; } .other-link-1 { background:#6D276A; border-top:5px solid #d3bdd1; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#fff !important ; overflow:hidden; padding:10px; margin-bottom:10px; } .main-other-link p {font-size:16px; text-align:center !important; font-weight:normal !important; color:#fff !important; } .main-other-link a {float:right; color:#fff !important; font-size:12px; margin-bottom:15px; } .main-other-link input[type='text'] { color:#47473f !important; font-size:12px; width:166px; } .main-other-link input[type='submit'] { color:#47473f !important; margin-top:5px; } .other-link-2 { background:#495886; border-top:5px solid #c8cbd9; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-3 { background:#3AB7BA; border-top:5px solid #75CDD0; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-4 { background:#56BA8A; border-top:5px solid #89CFAD; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-5 { background:#5D7F38; border-top:5px solid #8DA55D; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-6 { background:#ADAA38; border-top:5px solid #ede832; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .search-go { background:#F5F5F5; border-top:5px solid #c7c9c0; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-7 { background:#F17322; border-top:5px solid #F89E64; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-8 { background:#D13617 ; border-top:5px solid #FC6D50; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-8 { background:#D13617 ; border-top:5px solid #FC6D50; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-9 { background:#9DBD4B ; border-top:5px solid #8ebd15; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .other-link-red { background:#ef0980 ; border-top:5px solid #921f5a; -webkit-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); box-shadow: 3px 2px 8px 0px rgba(50, 50, 50, 0.2); color:#c8cbd9 !important ; text-align:center; overflow:hidden; padding:10px; margin-bottom:10px; } .main-other-link ul li > div {list-style:none; overflow:show !important; } .main-other-link { overflow:hidden; } .main-other-link img {border:none !important; } .main-other-link ul {margin:0 !important; padding:0 !important; } .testimo blockquote {min-width:250px; border-right: none !important;; border-left:none !important; font-size: 17.5px; margin: 0 0 20px; padding: 10px 0; line-height:20px; } .blackbg {background:#000; overflow:hidden; margin-bottom:20px; border: 1px solid #e3e3e3; border-radius: 10px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .gfixed { height:158px; width:234px; overflow:hidden; } .gfixed-inner { height:135px; width:252px; overflow:auto; } .new-back {background-color:#cc9933; width:100%; margin-bottom:10px; min-height:300px; } .new-back h3 {color:#fff !important; } .carousel-caption a {color:#fff !important; } .register table tr td {vertical-align:middle; } .silver {background-color:#ece9f0 !important; } .gold {background-color:#FFD700 !important; } .platinum {background-color:#89CFAD !important; } .advertise-table table tr td p {text-align:center !important; vertical-align:middle !important ; } .advertise-table table tr td a { } /*.about table tr td {} .request input[type=text],input[type=email] {width:50% !important; } */ .gfixed-inner p {border-right:4px solid #8fb039; width:234px; } .dropdown:hover .dropdown-menu { display: block; } .content1 { position: relative; height: 208px; overflow: auto; } .content3 { position: relative; height: 394px; overflow: auto; } .directory ul {list-style:none; margin:0 !important; padding:0 !important; } .directory ul li { padding-bottom:20px; font-size:12px; }

Related: See More


Questions / Comments: