.grey {
    color: #CCC;
}

{
    padding: 0px;
    margin: 0px;
}

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background: #e9eaed;
}

#parentDis {
    margin-left: -3px;
}

.close,
.close1,
.close2,
.close3,
.close4,
.close5 {
    display: none;
}

.upArrow_1 {
    color: white;
    position: absolute;
    left: 128px;
}

.upArrow_2 {
    color: white;
    position: absolute;
    left: 297px;
}

.upArrow_3 {
    color: white;
    position: absolute;
    left: 454px;
}

.upArrow_4 {
    color: white;
    position: absolute;
    left: 614px;
}

.upArrow_5 {
    color: white;
    position: absolute;
    left: 781px;
}

.upArrow_6 {
    color: white;
    position: absolute;
    left: 917px;
}

.homeboxheader {
    color: white;
}

#textAnswer3 a {
    color: #99ccff;
}

.myHfour {
    font-size: 14px;
    color: black;
}

.myHtag3 {
    font-size: 14px;
    color: white;
}

.myHthree {
    font-size: 14px;
    color: black;
}

.list {
    list-style: none;
}

.viewAll {
    margin-right: 10px;
    display: inline;
    float: right;
    font-size: 8px;
}

.viewAll a {
    font-size: 8px;
    padding: 0px;
}

.table1 td {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #99CCFF;
}

.placeRight {
    text-align: right;
}

.jobHolder_tbl1 {
    width: 464px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    font-weight: 100;
    color: none;
}

.jobHolder_tbl1 ul li {
    list-style: none;
    text-decoration: none;
    font-weight: normal;
}

.jobHolder_tbl1 ol li {
    list-style: none;
    text-decoration: none;
    font-weight: normal;
}

.jobHolder_tbl1 tr {
    color: black;
    font-weight: normal;
    text-align: left;
}

.jobHolder_tbl1 th {
    color: white;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
}

.client_dis {
    width: 222px;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    color: black;
    margin-right: 0px;
    background: none;
    border-radius: 5px;
    border: 1px solid white;
    box-shadow: 2px 2px 2px lightgray;
}

.interestText {
    width: 200px;
    height: 160px;
    margin-left: 10px;
    color: black;
    border-radius: 5px;
    background: none;
    float: left;
    text-align: left;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

.jobHod_dis {
    padding: 5px;
    font-weight: normal;
}

.more_link {
    font-size: 12px;
    font-weight: normal;
}

.sociallogo {
    width: 150px;
    background: none;
    float: left;
    margin-left: 20px;
    clear: right;
}

.btnsocial {
    width: 200px;
    margin-right: 0px;
    background: none;
}

.navHover {
    color: #99ccff;
    height: 18px;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    background: #4772B2;
    cursor: hand;
    cursor: pointer;
}

.navHover:hover {
    color: white;
    height: 18px;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    background: #4772B2;
    cursor: hand;
    cursor: pointer;
    transition: background 0.3s linear 0s, color 0.3s linear 0s;
    transition: -webkit-background 0.3s linear 0s, color 0.3s linear 0s;
    transition: -moz-background 0.3s linear 0s, color 0.3s linear 0s;
    transition: -MS-background 0.3s linear 0s, color 0.3s linear 0s;
}

.dropdownheadingBack {
    width: 100.6%;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    background: #003A81;
    color: white;
    text-align: justify;
    text-decoration: none;
}

.dropdownheading {
    width: 220px;
    height: 20px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #99ccff;
    text-decoration: none;
    margin-left: 0px;
    color: white;
}

.dropdownheadingOne {
    width: 460px;
    height: 20px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #99ccff;
    text-decoration: none;
    margin-left: 5px;
    color: white;
}

.subHeadingsHeader {
    color: white;
    font-size: 14px;
}

.administrative {
    margin-left: 10px;
}

.imagelogos {
    width: 24px;
    heigth: 10px;
    float: left;
    margin-right: 3px;
    margin-top: 2px;
    background: none;
}

.contentHead {
    width: 98%;
    height: auto;
    color: grey;
    padding-bottom: 30px;
    margin: 0 auto;
    background: none;
    /*font-size: 12px;*/
    /font-family: Arial, Helvetica, sans-serif;
}

.contentHead2 {
    width: 98%;
    height: 32%;
    color: black;
    margin: 1px;
    border: 1px solid darkgrey;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

.contentHead3 {
    /* for desktop */
    width: 98%;
    height: auto;
    color: black;
    margin: opx;
    margin-bottom: 8px;
    font-size: 12px;
    background: none;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

.padimg {
    width: 10px;
    color: #99ccff;
    vertical-align: text-top;
}


/*.padimg{
	width: 10px;	
	}
*/

#jobHolder_tbl1 p {
    font-size: 12px;
    padding: 5px;
    color: white;
    font-weight: normal;
    text-align: left;
}

#jobHolder_tbl1 p a {
    font-size: 12px;
    padding: 5px;
    color: #99ccff;
    font-weight: normal;
    text-align: left;
}

#HeaderPersonalSkills td {
    padding-bottom: 10px;
}

#HeaderPersonalSkills1 td {
    padding-bottom: 5px;
}

#table1 {
    font-size: 13px;
    color: grey;
    width: 222px;
}

#table1 a {
    /*font-size: 14px;*/
    color: grey;
}

#collegeData {
    font-size: 12px;
    margin-top: 20px;
}

#collegeData td {
    font-size: 12px;
}

#table1 td {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #99CCFF;
}

#behindHead {
    height: 31px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #191919;
    z-index: -1;
}

#outerwrapper {
    /* wrapper to center on desktop view*/
    width: 988px;
    height: auto;
    margin: 0 auto;
    background: none;
    position: relative;
    z-index: 0;
}


/* wrapper to center header on desktop view*/

#headerwrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
}

#headertop1 {
    width: 100%;
    height: 31px;
    background: #191919;
}

#toplinkshead {
    width: 320px;
    background: none;
    height: 20px;
    float: left;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
    margin-left: 12px;
}

#toplinkshead a {
    text-decoration: none;
    color: white;
    margin-right: 12px;
}

#toplinkshead a:hover {
    color: lightgrey;
}

#toplinksheadmf {
    /*width:320px;*/
    /* JC*/
    background: none;
    height: 20px;
    float: left;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
}

#toplinksheadmf a {
    text-decoration: none;
    color: white;
}

#toplinksheadmf a:hover {
    color: lightgrey;
}

#firstnametop {
    width: 150px;
    background: none;
    height: 20px;
    float: right;
    text-align: right;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
    margin-right: 35px;
}

#firstnametop a {
    text-decoration: none;
    color: white;
}

#firstnametop a:hover {
    color: lightgrey;
}

#firstnametopmf {
    /*width: 450px;*/
    /*JC*/
    background: none;
    height: 20px;
    float: right;
    text-align: right;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
    margin-right: 35px;
}

#firstnametopmf a {
    text-decoration: none;
    color: white;
}

#firstnametopmf a:hover {
    color: lightgrey;
}

#header {
    width: 988px;
    height: 114px;
    background: white;
    color: black;
    padding: 0px;
    font-size: 18px;
    text-align: left;
    margin-left: 0%;
}

#logoImage {
    width: 420px;
    height: 83px;
    float: left;
    clear: right;
    padding: none;
    border: none;
}

#social {
    width: 567px;
    height: 80px;
    float: right;
    border-right: 1px solid #eee;
}

#logoImagemf {
    width: 260px;
    height: 114px;
    float: left;
    clear: right;
    padding: none;
    border: none;
    background: #5596FC;
}

#socialmf {
    width: 728px;
    height: 114px;
    float: right;
    background-image: url("../../../images/header_mf/mf_bg.jpg");
    /*background:#2C7FBB;*/
}

#socialmfa {
    width: 728px;
    height: 114px;
    float: right;
    /*background-image: url("../../../images/header_mf/mf_bg.jpg");*/
    background: #5596FC;
}

#logoImagecpip {
    width: 380px;
    height: 74px;
    float: left;
    clear: right;
    padding: 20px;
    border: none;
    background: #0099FF;
}

#socialcpip {
    width: 568px;
    height: 114px;
    float: right;
    background: #0099FF;
}

#searchbox {
    width: 300px;
    background: white;
    height: 28px;
    float: right;
    padding-top: 7px;
    text-align: left;
    margin-right: 20px;
    padding-bottom: none;
}

#searchbox-mobile {
    padding: 10px 15px;
}

.searchbox-mobile-results-page {
        display: none;
        padding: 1em;
}

@media screen and (max-width: 767px) {
    .searchbox-mobile-results-page {
        display: block;
    }
}

/*

#searchbox table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

#searchbox input.gsc-search-button {
    border-radius: 2px;
    border: none;
    color: #FFF;
    padding: 6px;
    cursor: pointer;
}

#searchbox input.gsc-search-button:hover {
    opacity: .8;
}

#searchbox input.gsc-input {
    padding: 5px !important;
    border-radius: 2px !important;
    transition: border 0.1s ease-in-out, box-shadow 0.1s;
    text-indent: 0px !important;
}

#searchbox input.gsc-input::-webkit-input-placeholder {
    text-align: left !important;
}

#searchbox input.gsc-input:focus {
    border: 1px solid #9900FF;
    box-shadow: 0 0 5px #9900FF;
    -webkit-box-shadow: 0 0 5px #9900FF;
}

td.gsc-clear-button {
    display: none !important;
}

#searchbox .gsc-branding {
    display: none !important;
}
*/
#innersocial {
    width: 200px;
    height: 24px;
    float: left;
    margin-left: 40px;
    margin-top: 5px;
    text-align: right;
    background: white;
}

#innersocial2 {
    width: 510px;
    height: 20px;
    position: relative;
    float: left;
    margin-top: 30px;
    margin-left: 50px;
    text-align: left;
    font-size: 12px;
    padding-top: 0px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

#innersocial2 li {
    display: block;
    background: white;
    float: left;
    margin-left: 4%;
    font-size: 11px;
    text-decoration: none;
}

#innersocial2 li a {
    text-decoration: none;
    color: black;
}

#innersocial2 li a:hover {
    color: blue;
}

#navbar1 {
    width: 988px;
    height: 30px;
    //background: #003A81;
    background: #003A85;
    padding-left: 0px;
    //color: white;
    //margin-left: 0%;
}

#navbar {
    width: 988px;
    height: 30px;
    //background: #003A85;
    background: #003A85;
    border-top: 1px solid white;
    border-bottom: 1px solid lightgrey;
    color: white;
    margin-left: 0px;
}

#navbar ul li {
    width: 15.5%;
    height: 18px;
    float: left;
    display: block;
    z-index: 1;
    margin-left: 2px;
    padding: 4px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: white;
    background: #003A85;
    /*background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
		border-right: 1px solid white;
		border-left: 1px solid white*/
    border-radius: 2px;
    /*box-shadow: inset 1px 1px 2px #80BBF1;*/
    border-right: 1px solid #99ccff;
}

#navbar ul li:last-child {
    border-right: none;
}

#navbar ul li:hover {
    color: #99ccff;
    height: 18px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    cursor: hand;
    cursor: pointer;
    /*border-right: 1px solid white;
	border-left: 1px solid white;*/
}


/*Career Advice*/

#home {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#myhome:hover {
    color: #8E8E8E;
}


/*Self-Assessment*/

#name0 {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#myname0:hover {
    color: #8E8E8E;
}


/*Sectors*/

#name1 {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#name1:hover {
    color: black;
}


/*courses*/

#name2 {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#name2:hover {
    color: black;
}


/*careers*/

#name3 {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#name3:hover {
    color: black;
}


/*videos*/

#name4 {
    width: 988px;
    height: 600px;
    background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
    font-size: 12px;
    position: absolute;
    top: 143px;
    margin: 0 atuo;
    text-align: left;
    display: none;
    z-index: 99999;
    padding-top: 5px;
    margin-left: 0px;
    border-top: 1px groove #99ccff;
}

#name4:hover {
    color: black;
}

#midtext {
    width: 90%;
    height: 130px;
    border: 1px solid grey;
    box-shadow: 2px 2px 2px grey;
    padding: 2px;
    margin: 10px auto;
}


/*----------------------------------- inner nav headings -----------------------------------------------*/

#menulist {
    width: 110px;
    height: 34px;
    margin-bottom: 0px;
    background: lightgrey;
    display: block;
    float: left;
}

#innerHomeOne {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    background: none;
    margin-top: 20px;
    float: left;
    clear: right;
    font-size: 12px;
}

#innerHomeOne22 {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    margin-top: 10px;
    background: white;
    float: left;
    clear: right;
    font-size: 12px;
}

#innerHomeOne a {
    text-decoration: none;
    color: #99ccff;
    display: block;
    padding: 2px;
    font-size: 14px;
    padding: 4px;
}

#innerHomeOne a:hover {
    color: white;
    display: block;
    padding: 2px;
    background: #80BBF1;
    padding: 4px;
    border-radius: 2px;
    background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
}

#innerHomeTwo {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    clear: right;
}

#innerHomeTwo a {
    text-decoration: none;
    color: #99ccff;
    font-size: 14px;
    display: block;
    padding: 4px;
}

#innerHomeTwo a:hover {
    color: white;
    display: block;
    padding: 2px;
    padding: 4px;
    border-radius: 2px;
    background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
}

#jumptop {
    display: none;
}

#menulist {
    width: 110px;
    height: 34px;
    margin-bottom: 0px;
    background: lightgrey;
    display: block float: left;
}

#CareerProfile2 {
    width: 464px;
    height: auto;
    margin-left: 20px;
    margin-top: 20px;
    color: #666;
    border-radius: 5px;
    background: none;
    float: left;
    clear: right;
    font-size: 12px;
}

#CareerProfile {
    /* main center div for profile in careers dropdown*/
    width: 464px;
    height: auto;
    margin-left: 20px;
    margin-top: 20px;
    color: #666;
    border-radius: 5px;
    background: none;
    float: left;
    clear: right;
    font-size: 12px;
}

#careerTextOne {
    width: 200px;
    height: 160px;
    margin-left: 10px;
    color: none;
    border-radius: 5px;
    background: none;
    float: left;
    text-align: justify;
    clear: right;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

#careerprofileimg {
    /* looks after image and text*/
    width: 200px;
    height: 160px;
    float: right;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    padding: 5px;
    text-align: left;
    color: #666;
    border-radius: 5px;
    background: none;
}

#careerText {
    width: 90px;
    height: 160px;
    padding-right: 2px;
    text-align: right;
    color: black;
    border-radius: 5px;
    background: none;
    clear: both;
    float: left;
    clear: right;
    font-size: 12px;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

#careerTextTwo {
    width: 100%;
    height: auto;
    padding: 5px;
    margin: 0 auto;
    clear: both;
    margin-top: 5px;
    text-align: justify;
    font-size: 12px;
    color: black;
    border-radius: 5px;
    background: none;
    font-family: "franklin-gothic-ext-urw-comp", sans-serif;
}

#careeerPic {
    width: 100px;
    height: 150px;
    float: right;
    background: none;
}

#careeerPicAss {
    width: 100px;
    height: 150px;
    float: right;
    margin-top: 20px;
}

#innerHomeTwo {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    clear: right;
}

#innerHomeThree .viewAll a {
    font-size: 12px;
    padding: 2px;
}

#innerHomeThree .viewAll a:hover {
    font-size: 12px;
    background: none;
    padding: 2px;
    color: black;
}

#innerHomeThree {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    clear: right;
}

#innerHomeThree a {
    text-decoration: none;
    color: #99ccff;
    font-size: 14px;
    display: block;
    padding: 4px;
}

#innerHomeThree a:hover {
    color: white;
    display: block;
    padding: 4px;
    border-radius: 2px;
    background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
}

#innerHomeFour {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    background: none;
    float: left;
    clear: right;
}

#innerHomeFour1 {
    width: 222px;
    height: 450px;
    margin-left: 20px;
    margin-top: 20px;
    background: none;
    float: left;
    clear: right;
}

#innerHomeFour1 a {
    text-decoration: none;
    color: white;
}

#innerHomeFour1 a:hover {
    text-decoration: none;
    color: yellow;
}

#innerHomeFour a {
    text-decoration: none;
    color: black;
}

#innerHomeFour a:hover {
    color: grey;
}

#showCollege {
    width: 100%;
    heigth: auto;
    display: none;
    background: none;
}

#content {
    margin: 0 auto;
    float: left;
    width: 986px;
    height: 600px;
    background: -webkit-linear-gradient(-45deg, #4E99d4, #80BBf1) no-repeat;
    background: -moz-linear-gradient(-45deg, #4E99d4, #80BBf1) no-repeat;
    padding-bottom: 30px;
}

#menu_btn {
    display: none;
}

#searchbox2 {
    width: 96;
    height: 40px;
    background: #333;
    padding: 4px;
    display: none;
}

#sideMenu {
    display: none;
}

#searchbox2 {
    width: 96%;
    height: 35px;
    background: #333;
    padding: 4px;
    display: none;
}

.downArrow {
    font-size: 12px;
}

.collageTextColor {
    color: white;
}

@media only screen and (min-width:768px) and (max-width:1020px) {
    /*----------------- iPad protrait ------------------*/
    body {
        /*for pages with no content*/
    }
    .contentHead {
        width: 98%;
        height: auto;
        color: black;
        padding-bottom: 0px;
        margin-left: 0px;
        background: none;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .contentHead1 {
        margin-left: 0px;
    }
    .upArrow_1 {
        color: white;
        position: absolute;
        left: 106px;
    }
    .upArrow_2 {
        color: white;
        position: absolute;
        left: 238px;
    }
    .upArrow_3 {
        color: white;
        position: absolute;
        left: 360px;
    }
    .upArrow_4 {
        color: white;
        position: absolute;
        left: 484px;
    }
    .upArrow_5 {
        color: white;
        position: absolute;
        left: 613;
    }
    .upArrow_6 {
        color: white;
        position: absolute;
        left: 715px;
    }
    .contentHead2 {
        width: 98%;
        height: auto;
        color: black;
        margin: 1px;
        border: 1px solid darkgrey;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .close {
        color: white;
        float: left;
        margin-top: 140px;
        margin-right: 20px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        background: #003A85;
        border: 1px solid gray;
        padding: 10px;
        border-radius: 20px;
    }
    .close1 {
        color: white;
        float: left;
        margin-top: 290px;
        margin-right: 20px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        background: #003A85;
        border: 1px solid gray;
        padding: 10px;
        border-radius: 20px;
    }
    .close2 {
        color: white;
        float: left;
        height: 14px;
        margin-top: 20px;
        margin-right: 20px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        background: #003A85;
        border: 1px solid gray;
        padding: 10px;
        border-radius: 20px;
    }
    .close3 {
        color: white;
        float: left;
        margin-top: 220px;
        margin-right: 80px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        background: #003A85;
        border: 1px solid gray;
        padding: 10px;
        border-radius: 20px;
    }
    .close4 {
        color: white;
        float: left;
        margin-top: 90px;
        margin-right: 0px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        background: #003A85;
        border: 1px solid gray;
        padding: 10px;
        border-radius: 20px;
    }
    .close5 {
        color: white;
        float: left;
        margin-top: 90px;
        margin-right: 0px;
        font-size: 14px;
        display: block;
        cursor: hand;
        cursor: pointer;
        padding: 10px;
        border-radius: 20px;
        background: #003A85;
        border: 1px solid gray;
    }
    .padimg {
        width: 30px;
    }
    .jobHod_dis {
        padding: 5px;
        font-weight: normal;
        background: none;
        width: 100%;
        padding: 5px;
    }
    #outerwrapper {
        width: 768px;
        margin: 0 auto;
        height: auto;
        background: none;
    }
    #headerwrapper {
        /* wrapper to center header on desktop view*/
        width: 100%;
        height: 145px;
        margin-left: 0 auto;
        background: none;
    }
    #header {
        width: 768px;
        height: 115px;
        background: white;
        color: none;
        padding: 5px;
        font-size: 40px;
        margin-left: 0%;
        text-align: center;
        padding: 0px;
    }
    #toplinkshead {
        width: 50%;
        background: none;
        height: 20px;
        float: left;
        text-align: left;
        margin-top: 8px;
        padding-top: 0px;
        background: none;
    }
    #firstnametop {
        width: 150px;
        background: none;
        height: 20px;
        float: right;
        text-align: right;
        margin-top: 2px;
        padding-top: 5px;
        font-size: 12px;
        color: white;
        margin-right: 35px;
    }
    #social {
        width: 60%;
        height: 30px;
        float: right;
        background: white;
    }
    #socialmf {
        width: 508px;
        height: 114px;
        float: right;
        /*background: #2C7FBB;*/
    }
    #socialmfa {
        width: 508px;
        height: 114px;
        float: right;
        background: #5596FC;
    }
    #socialcpip {
        width: 348px;
        height: 114px;
        float: right;
        background: #0099FF;
    }
    #innersocial {
        width: 23%;
        height: 24px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
        text-align: right;
        background: white;
    }
    #innersocial2 {
        width: 475px;
        height: 18px;
        float: right;
        margin-top: 30px;
        margin-right: 5px;
        text-align: right;
        background: white;
        text-align: left;
        font-size: 14px;
        /*padding-top: 5px;*/
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #innersocial2 li {
        display: block;
        width: 7%px;
        background: white;
        float: left;
        margin-left: 3%;
        font-size: 11px;
        text-decoration: none;
    }
    #searchbox {
        width: 56%;
        background: white;
        heigth: 23px;
        float: right;
        text-align: right;
        margin-right: 10px;
    }
    #logoImage {
        width: 291px;
        height: 61.1px;
        float: left;
        clear: right;
        background: white;
    }
    #navbar1 {
        width: 768px;
        height: 30px;
        background: #003A81;
        padding-left: 0px;
        color: white;
        margin-left: 0%;
    }
    #navbar {
        width: 768px;
        /* allow for padding on the dropdown*/
        height: 30px;
        background: #003A81;
        padding-left: 0px;
        color: #99ccff;
        margin-left: 0%;
    }
    #navbar ul {}
    #navbar ul li {
        width: 15%;
        height: 18px;
        float: left;
        display: block;
        margin-left: 0px;
        padding: 5px;
        text-align: center;
        background: #003A81;
        /*background-image:url(../images/backtexture3.png);
  	background-repeat:repeat;*/
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        font-size: 12px;
    }
    #navbar ul li:hover {
        color: white;
        height: 18px;
    }
    #home {
        /* Careers dropdown     */
        width: 768px;
        height: 560px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #myhome:hover {
        color: #8E8E8E;
    }
    #name0 {
        /* self Assesment dropdown     */
        width: 768px;
        height: 560px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #myname0:hover {
        color: #8E8E8E;
    }
    #name1 {
        /* Sectors dropdown     */
        width: 768px;
        height: 710px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #name1:hover {
        color: #8E8E8E;
    }
    #name2 {
        /* Course dropdown     */
        width: 768px;
        height: 620px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #name2:hover {
        color: black;
    }
    #name3 {
        /* Careers dropdown     */
        width: 768px;
        height: 600px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #name3:hover {
        color: black;
    }
    #name4 {
        width: 768px;
        height: 400px;
        background: #003A85;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 145px;
        margin: 0 auto;
        display: none;
        z-index: 9999;
        padding-top: 5px;
        overflow: hidden;
    }
    #name4:hover {
        color: black;
    }
    #innerHomeOne {
        width: 212px;
        height: auto;
        margin-left: 20px;
        font: size: 12px;
        float: left;
        clear: right;
        margin: bottom: 20px;
    }
    #innerHomeTwo {
        width: 212px;
        height: auto;
        margin-left: 20px;
        background: none;
        float: left;
        clear: right;
        margin: bottom: 20px;
        font: size: 12px;
    }
    #innerHomeThree {
        width: 212px;
        height: auto;
        margin-left: 20px;
        margin-top: 20px;
        float: left;
        background: none;
        clear: right display: block;
        font: size: 12px;
    }
    .subHeadingsHeader {
        font-size: 12px;
    }
    #innerHomeFour {
        width: 222px;
        height: auto;
        margin-left: 10px;
        margin-top: 5px;
        float: left;
        font: size: 12px;
        display: none;
    }
    #jumptop {}
    #menulist {
        width: 110px;
        height: 34px;
        margin-bottom: 0px;
        background: lightgrey;
        display: block float: left;
    }
    #careerTextOne {
        width: 210px;
        height: 160px;
        margin-left: 10px;
        color: #666;
        border-radius: 5px;
        background: #F0F0F0;
        margin-top: 2px;
        float: left;
        text-align: justify;
        clear: right;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerprofileimg {
        /* looks after image and text*/
        width: 200px;
        height: 160px;
        float: right;
        font-size: 14px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        padding: 5px;
        text-align: left;
        color: #666;
        border-radius: 5px;
        background: #F0F0F0;
    }
    #careerText {
        width: 90px;
        height: 160px;
        padding-right: 2px;
        text-align: right;
        color: black;
        border-radius: 5px;
        background: #F0F0F0;
        clear: both;
        float: left;
        clear: right;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerTextTwo {
        width: 95%;
        height: 200px;
        padding: 5px;
        margin: 0 auto;
        clear: both;
        margin-top: 5px;
        color: #666;
        border-radius: 5px;
        background: #F0F0F0;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careeerPic {
        width: 100px;
        height: 150px;
        float: right;
        color: #666;
        border-radius: 5px;
        background: #F0F0F0;
    }
    #innerHomeTwo a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeTwo a:hover {
        color: white;
        display: block;
        padding: 2px;
        padding: 4px;
        border-radius: 2px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeThree a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeThree a:hover {
        color: white;
        display: block;
        padding: 2px;
        padding: 4px;
        border-radius: 2px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeFour1 {
        width: 222px;
        height: 450px;
        margin-left: 160px;
        display: none;
        float: left;
        clear: right;
        background: white;
    }
    #innerHomeFour1 a {
        text-decoration: none;
        color: black;
    }
    #innerHomeFour1 a:hover {
        color: grey;
        text-decoration: none;
    }
    #showCollege {
        width: 222px;
        heigth: auto;
        display: none;
        background: none;
        margin-left: 0px;
    }
    .jobHolder_tbl1 {
        width: 450px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: 100;
        color: none;
        background: none;
    }
    #spacediv {
        width: 100%;
        height: 20px;
        display: block;
    }
    .dropdownheadingOne {
        width: 444px;
        height: 20px;
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        padding-top: 5px;
        background: none;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
        margin-left: 5px;
    }
    #CareerProfile2 {
        width: 444px;
        height: 250px;
        margin-left: 5%;
        background: none;
        margin-top: 20px;
        float: left;
        clear: right;
    }
    #CareerProfile {
        /* main center div for profile in careers dropdown*/
        width: 444px;
        height: 465px;
        margin-left: 30px;
        margin-top: 20px;
        ;
        font-size: 12px;
        color: #666;
        padding-top: 0px;
        background: none;
        float: left;
        clear: right;
    }
    .client_dis {
        width: 222px;
        text-align: right;
        font-weight: normal;
        font-size: 12px;
        color: black;
        margin-right: 0px;
    }
    .contentHead3 {
        /* for desktop */
        width: 222px;
        height: auto;
        color: black;
        margin: 1px;
        background: none;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #innerHomeOne22 {
        width: 200px;
        height: 150px;
        margin-left: 40px;
        margin-top: 6px;
        background: white;
        padding-top: 5px;
        float: left;
        clear: right;
        background: white;
    }
    .dropdownheadingBack {
        width: 100.6%;
        height: 25px;
        padding-left: 5px;
        padding-top: 5px;
        font-size: 14px;
        font-weight: bold;
        background: #003A81;
        color: white;
        text-align: justify;
        text-decoration: none;
    }
    .dropdownheading {
        width: 200px;
        height: 20px;
        text-align: left;
        font-size: 12px;
        margin-left: 10px;
        margin-top: 5px;
        font-weight: bold;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
    }
    #midtext {
        width: 90%;
        height: 130px;
        border: 1px solid grey;
        box-shadow: 2px 2px 2px grey;
        padding: 5px;
        margin: 0 auto;
        background: teal;
        margin-top: 10px;
    }
    #menu_btn {
        display: none;
        padding-left: 10px;
        padding-bottom: 1px;
        float: left;
        clear: right;
    }
    #sideMenu ul {
        color: black;
    }
    #sideMenu ul li {
        text-decoration: none;
        height: 30px;
        font-size: 12px;
        width: 95%;
        border-radius: 2px;
        margin-top: 2px;
        text-align: left;
        background: #F0F0F0;
        display: none;
        border-bottom: 1px groove grey;
    }
    #sideMenu ul li a {
        text-decoration: none;
        color: #666;
        height: 39px;
        width: 95%;
        display: none;
        padding-left: 10px;
        padding-top: 5px;
    }
    #sideMenu ul li a:hover {
        text-decoration: none;
        color: black;
        background: #003A81;
        display: none;
    }
    #sideMenu {
        display: none;
    }
    #submitbtn {
        background: #333;
        width: 48px;
        height: 24px;
        border-radius: 7px;
        color: white;
        display: none;
    }
    #menu_btn {
        position: absolute;
        top: 60px;
        left: 50px;
        width: 24px;
        height: 24px;
        background: none;
        z-index: 1;
        text-align: center;
        display: none;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    /*----------------- iPhone landscape------------------*/
    .sociallogo {
        width: 150px;
        background: white;
        float: left;
        margin-left: 5px;
        clear: right;
        display: block;
    }
    .upArrow_1 {
        color: white;
        position: absolute;
        left: 114px;
    }
    .upArrow_2 {
        color: white;
        position: absolute;
        left: 275px;
    }
    .upArrow_3 {
        color: white;
        position: absolute;
        left: 427px;
    }
    .upArrow_4 {
        color: white;
        position: absolute;
        left: 114px;
    }
    .upArrow_5 {
        color: white;
        position: absolute;
        left: 273px;
    }
    .upArrow_6 {
        color: white;
        position: absolute;
        left: 405px;
    }
    .topone {
        width: 30px;
        margin-left: 10px;
        color: white;
        text-decoration: none;
        font-size: 10px;
        margin-top: 5px;
    }
    .dropdownheadingOne {
        width: 400px;
        height: 20px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
        margin-left: 5px;
    }
    .dropdownheading {
        width: 222px;
        height: 20px;
        text-align: left;
        ;
        font-weight: bold;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
        font-size: 14px;
    }
    .subHeadingsHeader {
        size: 12px;
    }
    .dropdownheadingBack {
        width: 100.5%;
        height: 25px;
        padding-left: 5px;
        padding-top: 5px;
        font-size: 11px;
        font-weight: bold;
        background: #003A81;
        color: white;
        text-align: justify;
        text-decoration: none;
    }
    .dropdownheading a {
        color: black;
        text-decoration: none;
    }
    .contentHead3 {
        /* extra for desktop and iphone spancing, looks better */
        width: 98%;
        height: auto;
        color: black;
        margin: 1px;
        background: none;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .contentHead {
        width: 98%;
        height: auto;
        color: black;
        padding-bottom: 10px;
        margin: 0 auto;
        background: none;
        margin-bottom: 20px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .contentHead2 {
        width: 98%;
        height: 32%;
        color: black;
        margin: 0px;
        border: 1px solid darkgrey;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .contentHead3 {
        width: 98%;
        height: auto;
        color: black;
        padding-bottom: 29px;
        background: none;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .padimg {
        width: 30px;
    }
    #outerwrapper {
        width: 480px;
        height: auto;
        margin: 0 auto;
        background: none;
    }
    #headerwrapper {
        /* wrapper to center header on desktop view*/
        width: 480px;
        /*height: 157px;*/
        margin-left: 0%;
        background: none;
        position: relative;
    }
    #header {
        width: 480px;
        height: 100px;
        background: white;
        color: brown;
        padding: 0px;
        margin-left: 0%;
        font-size: 0px;
        text-align: left;
    }
    #logoImage {
        width: 65%;
        height: 62px;
        float: left;
        clear: right;
        background: none;
    }
    #socialmf {
        width: 220px;
        height: 114px;
        float: right;
        /*background: #2C7FBB;*/
    }
    #socialmfa {
        width: 220px;
        height: 114px;
        float: right;
        background: #5596FC;
    }
    #headertop1 #firstnametop a {
        font-size: 12px;
    }
    #firstnametop {
        /*width:200px;*/
        background: none;
        height: 20px;
        float: right;
        text-align: right;
        margin-top: 2px;
        padding-top: 5px;
        font-size: 12px;
        color: white;
        margin-right: 20px;
    }
    #toplinkshead {
        width: 280px;
        background: none;
        height: 20px;
        float: left;
        clear: right;
        margin-top: 2px;
        padding-top: 5px;
        background: none;
        font-size: 12px;
    }
    #toplinkshead a:hover {
        color: lightgrey;
    }
    #social {
        width: 120px;
        height: 30px;
        position: absolute;
        left: 320px;
        float: right;
        background: white;
        display: block;
    }
    #socialcpip {
        width: 60px;
        height: 114px;
        float: right;
        background: #0099FF;
    }
    #searchbox {
        width: 200px;
        background: white;
        heigth: 23px;
        float: right;
        text-align: right;
        margin-right: 10px;
        display: none;
    }
    #fieldSearch {
        width: 130px;
    }
    #rightHead {
        float: right;
        background: none;
        width: 10%;
        height: 41px;
    }
    #innersocial {
        width: 40%;
        height: 24px;
        float: left;
        display: block;
        margin-left: 0px;
        margin-top: 5px;
        text-align: left;
        background: none;
    }
    #innersocial2 {
        width: 480px;
        height: 18px;
        float: right;
        font-size: .65em;
        background: white;
        text-align: left;
        margin-top: 10px;
        padding-left: 10px;
        padding-top: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        display: none;
    }
    #innersocial2 li {
        display: block;
        width: 10%px;
        background: none;
        float: left;
        margin-left: 3.5%;
        font-size: 10px;
        text-decoration: none;
        display: block;
    }
    #innersocial2 li a {
        display: block;
    }
    #navbar1 {
        width: 480px;
        height: 56px;
        background: #003A81;
        margin-left: 0%;
    }
    #navbar {
        width: 100%;
        /* allow for padding on the dropdown*/
        height: 56px;
        background: #003A81;
        display: block;
        padding-left: 0px;
        color: #99ccff;
        margin-left: 0px;
    }
    #navbar ul {}
    #navbar ul li {
        width: 31.5%;
        height: 20px;
        float: left;
        display: bl0ck;
        margin-left: 0px;
        padding-top: 6px;
        padding-bottom: 0px;
        padding-Left: 2px;
        font-weight: 400;
        font-size: 12px;
        text-align: center;
        background: #003A81;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        box-shadow: none;
        border: none;
    }
    #navbar ul li:hover {
        color: white;
        height: 20px;
        background: ##4772B2;
    }
    #home {
        /* Careers dropdown     */
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
    }
    #myhome:hover {
        color: black;
    }
    #name0 {
        /* Self Assessment dropdown     */
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
        ;
    }
    #myname0:hover {
        color: black;
    }
    #name1 {
        /* Sectors dropdown     */
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
    }
    #name1:hover {
        color: black;
    }
    #name2 {
        /* Course dropdown     */
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
    }
    #name2:hover {
        color: black;
    }
    #name3 {
        /* Careers dropdown     */
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
    }
    #name3:hover {
        color: black;
    }
    #name4 {
        width: 480px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: relative;
        top: 0px;
        display: none;
        z-index: 2;
        overflow: hidden;
        border-top: none;
    }
    #name4:hover {
        color: black;
    }
    #innerHomeOne {
        width: 43%;
        height: auto;
        margin-left: 10px;
        float: left;
        clear: right;
        display: block;
    }
    #innerHomeTwo {
        width: 43%;
        height: auto;
        margin-left: 20px;
        display: block;
        float: left;
    }
    #innerHomeThree {
        width: 45%;
        height: auto;
        margin-left: 10px;
        margin-top: 5px;
        float: left;
        clear: right;
        display: block;
    }
    #innerHomeFour {
        width: 43%;
        height: auto;
        margin-left: 20px;
        margin-top: 5px;
        float: left;
        clear: right;
        display: none;
    }
    #menulist {
        width: 110px;
        height: 34px;
        margin-bottom: 0px;
        background: lightgrey;
        display: block float: left;
    }
    #CareerProfile {
        /* main center div for profile in careers dropdown*/
        width: 90%;
        height: auto;
        margin-top: 20px;
        color: white;
        border-radius: 5px;
        background: none;
        float: left;
        clear: right;
        padding-top: 5px;
    }
    #CareerProfile2 {
        width: 90%;
        height: auto;
        margin-left: 20px;
        margin-top: 20px;
        float: left;
        clear: right;
        border-radius: 5px;
        background: none;
        padding-top: 5px;
        color: white;
    }
    .client_dis {
        width: 222px;
        text-align: right;
        font-weight: normal;
        font-size: 12px;
        color: white;
        margin-right: 0px;
        background: none;
    }
    #innerHomeOne22 {
        width: 90%;
        height: auto;
        margin-left: 20px;
        background: white;
        float: left;
        clear: right;
    }
    .jobHolder_tbl1 {
        width: 364px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: 100;
        color: #666;
    }
    .jobHolder_tbl1 p.PlainText {
        width: 145px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: 100;
        color: #666;
    }
    #careerTextOne {
        width: 180px;
        height: 160px;
        padding-left: 5px;
        background: #F0F0F0;
        float: left;
        clear: right;
        font-size: 12px;
        text-align: justify;
        color: #666;
        margin-top: 2px;
        margin-left: 2px;
        border-radius: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerprofileimg {
        /* looks after image and text*/
        width: 200px;
        height: 160px;
        float: right;
        font-size: 10px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        padding: 5px;
        text-align: left;
        color: #666;
        background: #F0F0F0;
    }
    #careerText {
        width: 95px;
        height: 160px;
        padding-right: 2px;
        text-align: right;
        background: #F0F0F0;
        color: black;
        float: left;
        clear: right;
        font-size: 12px;
        border-radius: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerTextTwo {
        width: 380px;
        height: auto;
        padding: 5px;
        margin: 0 auto;
        clear: both;
        margin-top: 5px;
        background: #F0F0F0;
        font-size: 12px;
        color: #666;
        border-radius: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careeerPic {
        width: 100px;
        height: 150px;
        float: right;
        color: #666;
        background: #F0F0F0;
    }
    #innerHomeTwo a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeTwo a:hover {
        color: white;
        display: block;
        padding: 4px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeThree a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeThree a:hover {
        color: white;
        display: block;
        padding: 4px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeFour1 {
        width: 222px;
        height: 450px;
        margin-left: 160px;
        display: none;
        float: left;
        clear: right;
        background: white;
    }
    #innerHomeFour1 a {
        color: white;
        display: block;
        padding: 4px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeFour1 a:hover {
        color: grey;
    }
    #showCollege {
        width: 222px;
        heigth: auto;
        display: none;
        background: none;
        margin-left: 5px;
        margin-top: 10px;
    }
    /*-------- small dropdodwn menu  --------------*/
    #jumptop {
        display: block;
    }
    #reply3 {
        display: none;
    }
    #reply4 {
        display: none;
    }
    #tableCareer {
        display: none;
    }
    .adult {
        background: -webkit-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        background: -moz-linear-gradient(90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        background: -ms-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        margin-bottom: 1px;
    }
    .guidance {
        background: -webkit-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
        background: -moz-linear-gradient(90deg, #2B3478, #34428E, #2B3478) no-repeat;
        background: -ms-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
        margin-bottom: 1px;
    }
    .school {
        background: -webkit-linear-gradient( 90deg, #487e7e, #366764, #487e7e) no-repeat;
        background: -moz-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
        background: -ms-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
        margin-bottom: 1px;
    }
    .college1 {
        background: #B63437;
        margin-bottom: 1px;
    }
    .jobseekers {
        background: -webkit-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        background: -moz-linear-gradient(90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        background: -ms-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        margin-bottom: 1px;
    }
    .parents {
        background: -webkit-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        background: -moz-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        background: -ms-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        margin-bottom: 5px;
    }
    .default1 {
        background: #1F8AF5;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    #sideMenu {
        width: 480px;
        height: 359px;
        position: absolute;
        background: white;
        top: 152px;
        display: none;
        border-radius: 5px;
        z-index: 1;
        padding-bottom: 20px;
    }
    #sideMenu ul {
        color: black;
    }
    #sideMenu ul li {
        text-decoration: none;
        /*height: 30px;*/
        font-size: 14px;
        width: 95%;
        /*border-radius: 4px;*/
        margin-bottom: 2px;
        background: #F0F0F0;
        margin-top: 2px;
        margin-left: 10px;
        text-align: left;
        /*border-bottom: 1px groove grey;*/
        height: 39px;
        display: block;
    }
    #sideMenu ul li a {
        text-decoration: none;
        color: white;
        height: 30px;
        display: block;
        padding-left: 15px;
        padding-top: 10px;
    }
    #sideMenu ul li a:hover {
        text-decoration: none;
        color: black;
        background: #5EA4DE;
        cursor: hand;
        cursor: pointer;
    }
    #searchbox2 {
        width: 470px;
        height: 35px;
        border-top-left-radius: 5px;
        background: #003A81;
        padding: 4px;
        display: none;
        padding: 0px;
        padding-left: 10px;
    }
    .searchbtn {
        height: 25px;
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 5px;
        width: 152px;
        border-radius: 5px;
        border: 1px solid #666;
        background-image: url("../images/search.gif");
        background-repeat: no-repeat;
        background-size: cover;
    }
    #submitbtn {
        width: 45px;
        height: 16px;
        border: none;
        margin-left: 30px;
        background-image: url("../images/buttons/tiny_go.gif");
        background-repeat: no-repeat;
        background-size: 45px 16px;
    }
    #submitbtn {
        width: 65px;
        height: 19px;
        border: none;
        margin-left: 30px;
        background-image: url("../images/buttons/tiny_go.gif");
        background-repeat: no-repeat;
        background-size: 45px 16px;
        background: wheat;
        border: 1px solid gray;
    }
    #submitbtn:hover {
        border: 1px solid grey;
    }
    #menu_btn {
        position: absolute;
        top: 60px;
        left: 86%;
        width: 50px;
        height: 16px;
        background: none;
        z-index: 1;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        border: none;
        padding-top: 20px;
        display: block;
        color: black;
        border-radius: 2px;
    }
    #menu_btn:hover {
        box-shadow: 1px 1px 1px lightgrey;
        color: #666;
        cursor: hand;
        cursor: pointer;
    }
    #navbar ul li:last-child {
        border-right: none;
    }
}

@media only screen and (max-width:479px) {
    /* ------------------------ smart phone portrait------------------*/
    .sociallogo {
        width: 150px;
        background: white;
        float: left;
        margin-left: 5px;
        clear: right;
        display: none;
    }
    .topone {
        width: 30px;
        margin-left: 12px;
        color: white;
        text-decoration: none;
        font-size: 10px;
        margin-top: 5px;
    }
    .dropdownheading {
        width: 260px;
        height: 20px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
    }
    .dropdownheadingBack {
        width: 280px;
        height: 25px;
        padding-left: 5px;
        padding-top: 5px;
        font-size: 14px;
        font-weight: bold;
        background: none;
        color: white;
        text-align: justify;
        text-decoration: none;
    }
    .contentHead {
        width: 100%;
        height: auto;
        color: black;
        padding-bottom: 10px;
        margin-left: 5px;
        background: none;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .contentHead2 {
        width: 98%;
        height: 32%;
        color: black;
        font-size: 12px;
        margin: 1px;
        background: none;
        border: 1px solid darkgrey;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .contentHead3 {
        /* for desktop */
        width: 100%;
        height: auto;
        color: black;
        margin: 5px;
        margin-bottom: 10px;
        font-size: 12px;
        background: none;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    .padimg {}
    .jobHod_dis {
        width: 180px;
        padding: 5px;
        font-weight: normal;
        background: none;
    }
    .jobHolder_tbl1 {
        width: 240px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: 100;
        color: #666;
    }
    body {
        margin: 0px;
        padding: 0px;
    }
    #outerwrapper {
        width: 320px;
        height: auto;
        margin: 0 auto;
        background: none;
        position: relative;
    }
    #header {
        width: 100%;
        height: 100px;
        background: none;
        color: black;
        padding: 0px;
        font-size: 20px;
        text-align: center;
    }
    #headerwrapper {
        /* wrapper to center header on desktop view*/
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: none;
    }
    #header {
        width: 100%;
        height: 110px;
        background: white;
        color: brown;
        padding: 0px;
        margin-left: 0%;
        font-size: 0px;
        text-align: left;
    }
    #logoImage {
        width: 100%;
        height: 63px;
        float: left;
        clear: right;
    }
    #socialmf {
        width: 60px;
        height: 114px;
        float: right;
        /*background: #2C7FBB;*/
    }
    #socialmfa {
        width: 60px;
        height: 114px;
        float: right;
        background: #5596FC;
    }
    #headertop1 #firstnametop {
        width: 120px;
        background: none;
        height: 20px;
        float: right;
        margin-top: 2px;
        padding-top: 5px;
        font-size: 12px;
        color: white;
        display: none
    }
    #headertop1 #firstnametop a {
        font-size: 11px;
    }
    #toplinkshead {
        /*width:220px;*/
        background: none;
        height: 20px;
        float: left;
        clear: right;
        margin-top: 2px;
        padding-top: 5px;
        background: none;
        font-size: 12px;
    }
    #toplinkshead a:hover {
        color: lightgrey;
    }
    #social {
        width: 55%;
        height: 30px;
        float: right;
        background: white;
        display: none;
    }
    #searchbox {
        width: 200px;
        background: white;
        heigth: 23px;
        float: right;
        text-align: right;
        margin-right: 10px;
        display: none;
    }
    #rightHead {
        float: right;
        background: none;
        width: 10%;
        height: 41px;
    }
    #innersocial {
        width: 40%;
        height: 24px;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 5px;
        text-align: left;
        background: none;
    }
    #innersocial2 {
        width: 418px;
        height: 18px;
        float: right;
        font-size: .65em;
        background: white;
        text-align: left;
        margin-top: 8px;
        padding-left: 0px;
        padding-top: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        display: none;
    }
    #innersocial2 li {
        display: block;
        width: 10%px;
        background: none;
        float: left;
        margin-left: 2.5%;
        font-size: 10px;
        text-decoration: none;
        display: none;
    }
    #innersocial2 li a {
        display: none;
    }
    #navbar1 {
        width: 100%;
        height: 72px;
        background: #003A81;
        margin: 0 auto;
    }
    #navbar {
        width: 100%;
        /* allow for padding on the dropdown*/
        height: 0px;
        background: #003A81;
        display: block;
        padding-left: 0px;
        color: #99ccff;
        margin: 0 auto;
        overflow: visible;
        border-top: 1px solid #003A81;
        border-bottom: 1px solid #003A81;
    }
    #navbar ul li {
        width: 31%;
        height: 26px;
        float: left;
        display: block;
        margin-left: 0px;
        padding-top: 5px;
        padding-left: 2px;
        padding-bottom: 1px;
        font-weight: 400;
        font-size: 12px;
        text-align: center;
        background: #003A81;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        border-left: none;
        border-right: none;
        box-shadow: none;
    }
    #navbar ul li:hover {
        color: white;
        border-left: none;
        border-right: none;
        width: 31%;
        height: 26px;
    }
    #home {
        /* Careers dropdown     */
        width: 320px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #myhome:hover {
        color: black;
    }
    #name0 {
        /* Self Assessment dropdown     */
        width: 320px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #myname0:hover {
        color: black;
    }
    #name1 {
        /* Sectors dropdown     */
        width: 320px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #name1:hover {
        color: black;
    }
    #name2 {
        /* Course dropdown     */
        width: 320px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #name2:hover {
        color: black;
    }
    #name3 {
        width: 320px;
        height: auto;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #name3:hover {
        color: black;
    }
    #name4 {
        width: 320px;
        height: 600px;
        background: #003A85 url('../images/bg/menu-bg-tile2.png') repeat;
        font-size: 12px;
        position: absolute;
        top: 181px;
        display: none;
        z-index: 3;
        overflow: hidden;
        border-top: none;
        margin: 0 auto;
    }
    #name4:hover {
        color: black;
    }
    #innerHomeOne {
        width: 222px;
        height: auto;
        margin-left: 10%;
        display: none;
        float: left;
        background: none;
        display: block;
    }
    #innerHomeTwo {
        width: 222px;
        height: auto;
        margin-left: 10%;
        display: block;
        float: left;
    }
    #innerHomeThree {
        width: 222px;
        height: auto;
        margin-left: 10%;
        margin-top: 5px;
        float: left;
        display: block;
    }
    #innerHomeFour {
        width: 222px;
        height: auto;
        margin-left: 10%;
        margin-top: 5px;
        float: left;
        display: block;
    }
    #showCollege {
        width: 100%;
        heigth: auto;
        display: block;
        background: none;
    }
    #menulist {
        width: 110px;
        height: 34px;
        margin-bottom: 0px;
        background: lightgrey;
        display: block float: left;
    }
    #CareerProfile {
        /* main center div for profile in careers dropdown*/
        width: 95%;
        height: 600px;
        margin: 0 auto;
        margin-top: 200px;
        color: white;
        background: none;
        padding-top: 5px;
        float: left;
        clear: right;
        margin-left: 20px;
        border-radius: 5px;
    }
    #careerTextOne {
        width: 80px;
        height: 100px;
        padding: 5px;
        margin-left: 0px;
        color: black;
        background: none;
        margin-top: 2px;
        text-align: justify;
        float: left;
        clear: right;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerprofileimg {
        /* looks after image and text*/
        width: 280px;
        height: 160px;
        float: left;
        font-size: 12px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
        padding: 5px;
        text-align: left;
        color: #666;
        background: none;
    }
    #careerText {
        width: 50%;
        height: 160px;
        padding-right: 2px;
        text-align: left;
        color: white;
        background: none;
        float: left;
        clear: right;
        font-size: 12px;
        border-radius: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careerTextTwo {
        width: 280px;
        height: auto;
        padding: 5px;
        margin: 0 auto;
        clear: both;
        margin-top: 0px;
        color: black;
        background: none;
        text-align: justify;
        font-size: 12px;
        border-radius: 5px;
        font-family: "franklin-gothic-ext-urw-comp", sans-serif;
    }
    #careeerPic {
        width: 100px;
        height: 150px;
        float: right;
        color: #666;
        background: none;
    }
    #careeerPicAss {
        width: 100px;
        height: 150px;
        clear: both;
        float: right;
        margin-top: 20px;
        margin-right: 10px;
    }
    .administrative {
        margin-left: 10px;
    }
    #innerHomeOne22 {
        width: 100%;
        height: auto;
        margin-left: 20px;
        margin-right: 5px;
        background: none;
        float: left;
    }
    #innerHomeTwo a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeTwo a:hover {
        color: white;
        display: block;
        padding: 4px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeThree a {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: block;
        padding: 4px;
    }
    #innerHomeThree a:hover {
        color: white;
        display: block;
        padding: 4px;
        background: #80BBF1 url('../images/bg/menu-bg-tile2.png') repeat;
    }
    #innerHomeFour1 {
        text-decoration: none;
        color: #99ccff;
        font-size: 14px;
        display: none;
        padding: 4px;
    }
    #innerHomeFour1 a {
        text-decoration: none;
        color: black;
    }
    #innerHomeFour1 a:hover {
        color: grey;
    }
    #showCollege {
        width: 222px;
        heigth: auto;
        display: block;
        background: none;
        margin-left: 10px;
    }
    .dropdownheadingOne {
        width: 260px;
        height: 20px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 2px solid #99ccff;
        text-decoration: none;
        margin-left: 5px;
    }
    .client_dis {
        width: 90%;
        text-align: right;
        font-weight: normal;
        font-size: 12px;
        color: white;
        margin-right: 0px;
        background: none;
        float: left;
        border-radius: 5px;
        box-shadow: 2px 2px 2px Darkgrey;
        clear: both;
        position: absolute;
        top: 320px;
        left: 20px;
    }
    .jobHod_dis {
        width: 180px;
        padding: 5px;
        font-weight: normal;
        background: none;
    }
    .jobHolder_tbl1 {
        width: 245px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        font-weight: 100;
        color: #666;
    }
    #CareerProfile2 {
        width: 255px;
        height: 430px;
        margin-left: 20px;
        color: white;
        background: none;
        margin-top: 12px;
        float: left;
        clear: right;
        border-radius: 5px;
    }
    #jumptop {
        display: block;
        margin-top: 20px;
    }
    #jumptop a {
        color: black;
    }
    #reply3 {
        display: none;
    }
    #reply4 {
        display: none;
    }
    .adult {
        background: -webkit-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        background: -moz-linear-gradient(90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        background: -ms-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
        margin-bottom: 1px;
    }
    .guidance {
        background: -webkit-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
        background: -moz-linear-gradient(90deg, #2B3478, #34428E, #2B3478) no-repeat;
        background: -ms-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
        margin-bottom: 1px;
    }
    .school {
        background: -webkit-linear-gradient( 90deg, #487e7e, #366764, #487e7e) no-repeat;
        background: -moz-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
        background: -ms-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
        margin-bottom: 1px;
    }
    .jobseekers {
        background: -webkit-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        background: -moz-linear-gradient(90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        background: -ms-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
        margin-bottom: 1px;
    }
    .parents {
        background: -webkit-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        background: -moz-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        background: -ms-linear-gradient( 90deg, #272F71, #272F71, #343A65) no-repeat;
        margin-bottom: 1px;
    }
    .college1 {
        background: #B63437;
        margin-bottom: 1px;
    }
    .default1 {
        background: #1F8AF5;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    /*         extra nav menu dropdwon*/
    #sideMenu {
        width: 320px;
        height: 359px;
        position: absolute;
        background: white;
        display: none;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        z-index: 3;
        z-index: 2;
        padding-bottom: 20px;
    }
    #sideMenu ul {
        color: black;
    }
    #sideMenu ul li {
        text-decoration: none;
        height: 30px;
        font-size: 14px;
        width: 99%;
        /*border-radius: 4px;*/
        margin-bottom: 2px;
        background: #F0F0F0;
        margin-top: 2px;
        margin-left: 5px;
        text-align: left;
        /*border-bottom: 1px groove grey;*/
        height: 39px;
        display: block;
    }
    #sideMenu ul li .adult {
        padding: 4px;
        width: 97%;
    }
    #sideMenu ul li .college {
        padding: 4px;
        width: 97%;
        background: #B63437;
    }
    #sideMenu ul li .jobseekers {
        padding: 4px;
        width: 97%;
    }
    #sideMenu ul li .school {
        padding: 4px;
        width: 97%;
    }
    #sideMenu ul li .parents {
        padding: 4px;
        width: 97%;
    }
    #sideMenu ul li .guidance {
        padding: 4px;
        width: 97%;
    }
    #sideMenu ul li a {
        text-decoration: none;
        color: white;
        height: 30px;
        width: 95%;
        display: block;
        padding-left: 15px;
        padding-top: 10px;
    }
    #sideMenu ul li a:hover {
        text-decoration: none;
        color: black;
        background: #5EA4DE;
        cursor: hand;
        cursor: pointer;
    }
    #searchbox2 {
        width: 312px;
        height: 35px;
        background: #003A81;
        padding: 4px;
        display: none;
    }
    .searchbtn {
        height: 25px;
        margin-left: 20px;
        margin-right: 5px;
        margin-top: 5px;
        width: 152px;
        border-radius: 5px;
        border: 1px solid #666;
        background-image: url("../images/search.gif");
        background-repeat: no-repeat;
        background-size: cover;
    }
    #logoImagecpip {
        width: 88%;
        height: 74px;
        float: left;
        clear: right;
        / padding: 20px;
        / border: none;
        background: #0099FF;
    }
    #socialcpip {
        width: 0px;
        height: 114px;
        float: right;
        background: #0099FF;
    }
    #submitbtn {
        width: 65px;
        height: 19px;
        border: none;
        margin-left: 30px;
        background-image: url("../images/buttons/tiny_go.gif");
        background-repeat: no-repeat;
        background-size: 45px 16px;
        background: wheat;
        border: 1px solid gray;
        /* padding: 5px; */
    }
    #submitbtn:hover {
        opacity: 0.8;
    }
    #menu_btn {
        position: absolute;
        top: 70px;
        left: 70%;
        width: 70px;
        height: 20px;
        background: none;
        z-index: 3;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        border: none;
        padding-top: 20px;
        display: block;
        color: black;
        border-radius: 2px;
    }
    #menu_btn:hover {
        box-shadow: 1px 1px 1px lightgrey;
        color: #666;
        cursor: hand;
        cursor: pointer;
    }
    #parentDis {
        position: absolute;
        top: 280px;
        margin-left: -30px;
    }
    .downArrow {
        display: block;
        font-size: 10px;
        margin-top: -1px;
    }
    .upArrow_1 {
        display: none;
    }
    .upArrow_2 {
        display: none;
    }
    .upArrow_3 {
        display: none;
    }
    .upArrow_4 {
        display: none;
    }
    .upArrow_5 {
        display: none;
    }
    .upArrow_6 {
        display: none;
    }
    #outerButtonMenu {
        width: 100%;
        background: yellow;
        height;
        auto;
    }
    @media only screen and (min-width:414px) and (max-width:420px) {
        #menu_btn {
            left: 70%;
        }
    }
    /* *** Sol *** 28 11 2016 *** */
    @media only screen and (max-width: 479px) {
        .reach-footer {
            width: 320px;
        }
    }