/* GLOBAL */

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

body { background-colour: #ffffff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #777777; padding-top: 12px; }
h1 { font-size: 22px; line-height: 135%; font-family: Helvetica, Arial, sans-serif; color: #009ee0; margin-bottom: 12px;}
h2 { font-size: 18px; line-height: 135%; font-family: Helvetica, Arial, sans-serif; color: #777777; }
h2 a {color: #777; text-decoration: underline;}
h2 a:hover {color: #009ee0}
h2 a, h2 a:hover {font-size: 18px; line-height: 135%; font-weight: bold;}
p { font-size: 15px; line-height: 135%; font-weight: normal; color: #777777; }
a { font-weight: normal; color: #009ee0; text-decoration: none; }
a.link {color: #777; text-decoration: underline;}
a.link:hover {color: #009ee0}
a:hover { font-weight: normal; color: #009ee0; text-decoration: underline; }
img {border: none}

#container { width: 937px; margin: 0 auto; padding-top: 40px; margin-top: 12px; }
#header { background-color: #fff; height: 440px; background-image: url('/images/home_banner.gif'); }
#header #strapline_bubble { position: relative; float: left; top: -40px; left: 12px; }
#header #eskills_logo { position: relative; float: right; top: -40px; }

#header.students_background { background-image: url('/images/students_banner.gif'); }
#header.employers_background { background-image: url('/images/employers_banner.gif'); }
#header.universities_background { background-image: url('/images/universities_banner.gif'); }
#header.content_background { background-image: url('/images/course_content_banner.gif'); }

/* MENU */
.pro9 {list-style:none; height:35px; position:relative;}
.pro9 li {float:left; text-align: center; }
.pro9 li a {
  display:block; 
  float:left; 
  height:35px; 
  line-height:34px; 
  background:url(pro_nine_0a.gif) no-repeat; 
  background-color: #7f71a4; 
  color:#fff; 
  text-decoration:none; 
  padding:0 6px;
  font-size: 13px; 
  font-family:arial, verdana, sans-serif; 
  font-weight:bold; 
  text-align:center;  
  cursor:pointer;
  width: 100px;
}
.pro9 li a strong { text-align: center; }
.pro9 li.current a {color:#fff; background-color: #b8b6c1; }
.pro9 li a:hover {color:#fff; background-color: #b8b6c1;}
.pro9 li.current a:hover {color:#fff; background-color: #b8b6c1;}

.pro9 li a#homepage { background:url('/images/home.gif') right top;}
.pro9 li a#students { background:url('/images/students.gif') right top; }
.pro9 li a#employers { background:url('/images/employers.gif') right top; }
.pro9 li a#universities { background:url('/images/universities.gif') right top; }
.pro9 li a#content { background:url('/images/course_content.gif') right top; width: 126px; }

.pro9 li a#homepage:hover { background:url('/images/home_rollover.gif') no-repeat; }
.pro9 li a#students:hover { background:url('/images/students_rollover.gif') no-repeat; }
.pro9 li a#employers:hover { background:url('/images/employers_rollover.gif') no-repeat; }
.pro9 li a#universities:hover { background:url('/images/universities_rollover.gif') no-repeat; }
.pro9 li a#content:hover { background:url('/images/course_content_rollover.gif') right top; }

.pro9 li.current a#homepage { background:url('/images/home_rollover.gif') no-repeat; }
.pro9 li.current a#students { background:url('/images/students_rollover.gif') no-repeat; }
.pro9 li.current a#employers { background:url('/images/employers_rollover.gif') no-repeat; }
.pro9 li.current a#universities { background:url('/images/universities_rollover.gif') no-repeat; }
.pro9 li.current a#content { background:url('/images/course_content_rollover.gif') right top; }


/* BREADCRUMB */
#breadcrumb { margin-bottom:12px; display: block; }
#breadcrumb li { display: inline; color: #b3b3b3; font-size: 13px; }
#breadcrumb a { color: #b3b3b3; text-decoration: underline; }
#breadcrumb a:hover { color: #009EE0 }

/* MAIN CONTENT */
#main { color: #777; margin-top: 20px; }
#main h1 { margin-bottom: 12px; }
#main #left-column { float: left; width: 584px; margin-right: 61px; }
#main #left-column p, #main #center-column p, #main #right-column p { margin: 12px 0; }
#main #right-column { float: left; width: 292px; }
#main .text-box, #main .quote-box { background-color: #F1F1F1; padding: 12px; }
#main .quote-box {  }

/* Homepage */


/* Universities */
.universities_right { margin-top: 42px; }
.un_content {background-color: #F1F1F1; padding: 12px 12px; position: relative;}
.uni-details-header { margin: 16px 0; color: #777777; display: block; font-size: 15px; line-height: 18px !important; line-height: 135%px; }
.uni-details-fchild { font-size: 13px; padding-right: 12px; width: 50%;}
.uni-details-table {width: 100%}
.uni-details-table tbody tr td { font-size: 15px; color: #777 !important; line-height: 18px !important; vertical-align: top; line-height: 135%px; padding-bottom: 4px;}
.uni-details-table tbody tr td a { font-size: 15px; color: #777; text-decoration: underline; line-height: 135%px;}
.uni-details-table tbody tr td a:hover {color: #009ee0}
#main #left-column.universities { width: 207px; margin-right: 12px; }
#main #left-column.universities ul { display: block; }
#main #center-column.universities { width: 365px; float: left; margin-right: 58px; }

#main #left-column.universities ul { background-color: #f1f1f1; padding: 10px; list-style-type: none; }
#main #left-column.universities ul li a { color: #777; font-size: 15px; text-decoration: underline; line-height: 135%}
#main #left-column.universities ul li.selected a { color: #009ee0;}
#main #left-column.universities ul li a:hover { text-decoration: underline; color: #009EE0}
#main #right-column.universities #signup-form-container { margin: 0; }

.googlelink { color:#777;text-align:left;text-decoration:underline;text-align:center;display:block;margin-top: 6px; }

/* Employers */
#main #left-column.employers p { font-size: 15px; line-height: 135%; }
#main #right-column.employers ul { list-style-type: none; }
#main #right-column.employers ul li a { color: #777; font-size: 15px; text-decoration: underline; line-height: 135%;}
#main #right-column.employers ul li a:hover {color: #009ee0}

/* Course Content */
#main #left-column.content ul li { color: #777; font-size: 15px; line-height: 135%; margin-left: 15px; }

/* Sign Up */
#main #right-column #signup-form-container {  background-color: #b5b5b5; color: #fff; padding: 10px;  padding-top: 14px; position: relative; top: -4px;}
#main #right-column #signup-form-container p { color: #fff; font-size: 15px; font-weight: bold; line-height: 135% }
#signup_header h2 { color: #fff; line-height: 135%; font-size: 15px; margin-left: 10px; padding-top: 4px;}

/* Sitemap */
#main #left-column.sitemap ul { background-color:#f1f1f1; padding: 10px; }
#main #left-column.sitemap ul ul { padding: 0 !important; }
#main #left-column.sitemap ul, #main #left-column.sitemap ul ul { list-style-type: none; }
#main #left-column.sitemap ul li a, #main #left-column.sitemap ul ul li a { color: #777; text-decoration: underline; line-height: 135%; font-size: 15px; }
#main #left-column.sitemap ul ul li { margin-left: 18px; }
#main #left-column.sitemap ul li a:hover { color: #009EE0 }

#signup_header {background-image: url('../images/text_box_292_top.png'); background-repeat: no-repeat; width: 292px; height: 31px; margin-top: 42px; position: relative; z-index: 10;}
#signup-form table {width: 100%; }
#signup-form table tr th { text-align: left; padding-top: 8px; width: 80px;}
#signup-form table tr td { padding-top: 8px; text-align: right;}
#signup-form table tr td ul { list-style-type: none; color: #7d6fa5; font-size: 13px; font-weight: bold; text-align: left; margin-left: 6px;}
#signup-form table input {height: 14px; width: 170px; padding: 3px; font-size: 11px;}
#signup-form table select { width: 180px; font-size: 11px;}

#signup-form .terms {width: 13px; padding-right: 3px;}
#signup-form table label { font-size: 15px; line-height: 135%}
/* FOOTER */
#footer { overflow:hidden !important; margin: 36px 0; padding-top: 10px; border-top: 1px solid #e4e4e4; color: #b3b3b3; }
#footer div, #footer div a { color: #b3b3b3; font-size: 11px; }

.terms ul li, ul.terms li {margin-left: 15px; font-size: 15px !important; line-height: 135% !important; color: #777777; margin-top: 3px;}

div.line {width: 100%; border-top: 1px solid #777; margin-top: 18px; margin-bottom: 18px; height: 1px;}