body {
   margin: 0px;
   background: #F49C37;
}
body, td, p  {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
}

a { 
   color: #206EB0; 
}
a:hover {
   color: #565656; 
}

img {
   max-width: 100%;
   max-height: 100%;
}
hr {
   border-width: 2px 0px 0px 0px;
   border-style: solid;
   border-color: #F49C37;
}

.Corporate {
   text-decoration: none;
}
.Nav { 
   text-decoration: none;
   color: #FFFFFF;
   font-size: 16px;
}
.Nav:visited {
   color: #FFFFFF;
}
.Nav:hover {
   color: #565656; 
}

.Highlight {
   background-color: #FFFF7F;
}

h1 {
   font-family: Verdana, Arial, Sans-Serif;
   font-weight: normal;
   font-size: 24px;
   margin: 0px;
}
h2 {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
   color: #005FAE;
   margin: 0px;
}
h3 {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
   margin: 0px;
}
h4 {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   margin: 0px;
   margin-bottom: -15px;
}





#Header {
   background: #EEEEEE;
}
#Header > div {
   max-width: 980px;
   margin: 0px auto;
   padding: 10px 20px;
   position: relative;
}

#Navigation {
   position: absolute;
   top: 20px;
   bottom: 15px;
   right: 20px;
   white-space: nowrap;
   text-align: right;
   z-index: 50;
}

#SignInNav,
#MainNav {
   padding: 0px;
   margin: 0px;
   list-style: none;
   font-size: 0px;
   position: absolute;
   bottom: 0px;
   right: 0px;
}
#SignInNav li,
#MainNav li {
   padding: 0px;
   margin: 0px 8px;
   display: inline-block;
   font-size: 16px;
}
#MainNav li:last-child {
   margin-right: 0px;
}
#SignInNav a,
#MainNav a {
   color: #2E2858;
   text-decoration: none;
}
#SignInNav {
   bottom: 60px;
}
#SignInNav li {
   margin: 0px;
   font-size: 14px;
}
#SignInNav li:after {
   content: "\00A0\00A0\2022\00A0\00A0";
}
#SignInNav li:last-child:after {
   content: none;
}
#MobileLogo,
#MobileNav,
#MobileNavClose {
   display: none;
}

@media (max-width: 720px) {
   #Navigation.Toggle {
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      text-align: left;
      background: #EEEEEE;
      z-index: 100;
   }

   #Navigation > ul {
      position: static;
      display: none;
   }
   #Navigation.Toggle > ul {
      display: block;
   }
   #SignInNav li,
   #MainNav li {
      display: block;
      margin: 0px;
   }
   #SignInNav li:after {
      content: none;
   }
   #SignInNav a,
   #MainNav a {
      display: block;
      padding: 15px 20px;
      text-align: left;
      background-color: #EEEEEE;
      font-size: 16px;
   }

   #Navigation.Toggle #MobileLogo {
      display: inline-block;
      padding: 10px 20px;
   }
   #Navigation.Toggle #MobileNavClose {
      display: inline-block;
      cursor: pointer;
      position: absolute;
      top: 13px;
      right: 17px;
      color: #2E2858;
      font-size: 36px;
      z-index: 110;
   }
   #MobileNav {
      display: inline-block;
      cursor: pointer;
      position: absolute;
      top: 20px;
      right: 20px;
      color: #2E2858;
      font-size: 24px;
      z-index: 60;
   }
}


#Content {
   background-color: white;
}
#Content > div {
   max-width: 900px;
   margin: 0px auto;
   padding: 40px 20px;
   padding: 20px;
}



#Footer {

}
#Footer > div {
   max-width: 1020px;
   margin: 0px auto;
   padding: 20px;
   text-align: center;
   color: #333333;
   line-height: 1.4em;
   font-family: arial;
}
#Footer h5 {
   font-size: 16px;
   margin: 0px 0px 3px 0px;
}
#Footer a {
   text-decoration: none;
   color: #333333;
}

.Form.Narrow {
   max-width: 350px;
   margin: 10px auto;
}
.Form > div {
   padding: 3px 0px;
   box-sizing: border-box;
   position: relative;
   display: block;
   clear: both;
}
.Form label {
   font-size: 14px;
   text-align: right;
   width: 40%;
   display: inline-block;
   vertical-align: middle;
   padding-right: 5px;
}
.Form label.AlignTop {
   vertical-align: top;
   padding-top: 0px !important;
}
.Form label.Required::before {
   content: "* ";
   color: red;
}
.Form input[type=text],
.Form input[type=email],
.Form input[type=tel],
.Form input[type=password],
.Form select,
.Form textarea,
.Form .FormInputHelper {
   font-size: 13px;
   font-family: arial, sans-serif;
   margin: 0px;
   max-width: 100%;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   -webkit-border-radius: 0px;
}
.Form textarea { /* Default size */
   width: calc(70% - 10px);
   max-width: 450px;
   height: 60px;
}
@media (max-width: 720px) {
   .Form.Narrow {
      max-width: 100%;
   }
   .Form > div {
      font-size: 17px;
      margin: 5px 0px;
   }
   .Form label {
      text-align: left;
      width: 100% !important;
      margin-top: 0px;
   }
   .Form label.HideMobile {
      display: none;
   }
   .Form input[type=text],
   .Form input[type=email],
   .Form input[type=tel],
   .Form input[type=password],
   .Form select,
   .Form textarea,
   .Form .FormInputHelper {
      width: 100% !important;
      max-width: 100% !important;
      font-size: 17px;
      margin-top: 3px;
   }

   .FooterInfo > h5 {
      text-align: center;
      padding-bottom: 10px;
   }

   .center {
      display: block;
      text-align: center;
      line-height: 6px;
   }
}





.btnSignUp {
   width: 193px;
   height: 35px;
   display: block;
   background-image: url(/Images/btnSignUpOff.gif);
}
.btnSignUp:hover {
   background-image: url(/Images/btnSignUpOn.gif);
}

.AltColor {
   background-color: #E6EDF5;
}

/*Homepage Styles*/
.boxTitle {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 15px;
   font-weight: bold;
   color: #FFFFFF;
   display: block;
   margin-bottom: 3px;
   padding-top: 155px;
}

.boxText {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   color: #FFFFFF;
}

/*Description Level Styles*/
.btnStudents {
   width: 190px;
   height: 48px;
   display: inline-block;
   margin: 0px 5px;
   background-image: url(/Images/btnStudentsOff.gif);
}
.btnStudents:hover {
   background-image: url(/Images/btnStudentsOn.gif);
}
.btnEmployees {
   width: 190px;
   height: 48px;
   display: inline-block;
   margin: 0px 5px;
   background-image: url(/Images/btnEmployeesOff.gif);
}
.btnEmployees:hover {
   background-image: url(/Images/btnEmployeesOn.gif);
}
.btnEmployers {
   width: 190px;
   height: 48px;
   display: inline-block;
   margin: 0px 5px;
   background-image: url(/Images/btnEmployersOff.gif);
}
.btnEmployers:hover {
   background-image: url(/Images/btnEmployersOn.gif);
}
.ImageLink {
   text-decoration: none;
   display: block;
   -moz-box-sizing: border-box;
   margin: 0px -3px 15px -20px;
   height: 250px;
   padding-left: 20px;
   width: 212px;
   position: absolute;
}

/*Audience Level Styles*/
.SideNav {
   color: #8A430B;
   list-style: none;
   margin-top: 5px;
}
.SideNav li {
   margin-left: -43px;
   margin-right: -3px;
   padding: 2px 0px 2px 30px;
   border-bottom: 1px solid #E0A87C;
}
.SideNav a {
   color: white;
   font-size: 11px;
   text-decoration: none;
}
.SideNav a:visited {
   color: white;
}
.SideNav a:hover {
   color: #565656;
}

/* Employer Area Styles */
.LoginSide {
   margin: 0px;
   padding: 5px;
   /*border: solid 2px black;*/
   width: 220px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
.LoginSide li {
   list-style: none;
   padding: 2px;
}
.LoginSide a {
   text-decoration: none;
   color: black;
}
.LoginSide a:hover, .LoginSide a.On {
   font-weight: bold;
   color: #206EB0;
}





/* 2 or 3 Column layout */
.Columns {
   font-size: 0px;
}
.Columns > div {
   display: inline-block;
   vertical-align: top;
   text-align: left;
   font-size: 14px;
}
.Columns.Two > div {
   width: 45%;
   /* max-width: 350px; */
   margin-left: 2%;
   margin-right: 2%;
}
.Columns.Three > div {
   width: 25%;
   /* max-width: 250px; */
   margin-left: 1.5%;
   margin-right: 1.5%;
}
@media (max-width: 720px) {
   .Columns > div {
      display: block;
      width: 100% !important;
      width: 100%  !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-bottom: 10px;
   }
}






/* Used to edit CMS editor area */
#FCKEditor, #FCKEditor td { background-color: white; }
