@charset "utf-8";
/* CSS Document */

body{padding:0; margin:0;}
a:hover{text-decoration:none;}

.header-top-container{margin: 0 auto; width:100%; background:url(../images/layout/header_bg.gif) bottom repeat-x; } /*height:11.06em;*/

.header-bar-container{width:100%; background:#d5d5d5; float:left;}
.header-bar{margin: 0 auto; padding-left:4px; width:993px; color:#252525; }
ul.header-bar-text{text-align: left; width:997px; list-style: none; margin:0; padding:7px 0 8px 0;}
ul.header-bar-text li{ display:inline; } 
ul.header-bar-text li a:link,
ul.header-bar-text li a:visited{ color:#252525;} 

.no-header-divider{ padding:0 0.50em 0 0.50em;} /* 8px */
.header-divider{border-right:#0f4369 2px solid; padding:0 0.38em 0 0.50em;} /* 8px */

.header-top{margin: 0 auto; width:1024px; height:8.81em; background:url(../images/layout/header_groves.png) bottom no-repeat;}
h1#logo{ float:left; margin:12px 0 0 24px; padding:0;}

#header-nav-container{margin: 0 auto; padding:0; width:1024px; }
.header-nav{margin:0 23px; padding:0; float:left; background:#0972b8; width:977px;}
ul.header-nav-text{margin:0; padding:0; float:left; width:800px;}
ul.header-nav-text li{ list-style: none; padding:0;  margin:0; float:left; }
ul.header-nav-text li a:link,
ul.header-nav-text li a:visited{margin:0; padding:7px 12px 7px 12px; color:#FFFFFF; text-decoration:none; display:block; float:left;}
ul.header-nav-text li a:hover{ background:#5794f1; color:#FFFFFF; text-decoration:none; display:block; float:left;}

ul.accessibility{margin:17px 0px 0 668px; padding:0; float:right; width:200px;}
ul.accessibility li{ list-style: none; padding:0;  margin:0; float:left; }
ul.accessibility li a:link,
ul.accessibility li a:visited{margin:0; padding:9px 6px 7px 6px; color:#000000; text-decoration: underline; display:block; float:left;}
ul.accessibility li a:hover{ color:#000000; text-decoration:none; display:block; float:left;}

ul.accessibility li.aaa a:link,
ul.accessibility li.aaa a:visited{margin:0; padding:8px 6px 7px 6px; color:#000000; text-decoration: none; display:block; float:left; font:bold 16px Arial, Helvetica, sans-serif;}
ul.accessibility li.aaa a:hover{color:#000000; text-decoration:underline; display:block; float:left;}

ul.accessibility li.aaa-large a:link,
ul.accessibility li.aaa-large a:visited{margin:0; padding:7px 0px 7px 0; color:#000000; text-decoration: none; display:block; float:left; font:bold 18px Arial, Helvetica, sans-serif;}
ul.accessibility li.aaa-large a:hover{color:#000000; text-decoration:underline; display:block; float:left;}

/* apply btn */
ul.header-apply{margin:0; padding:0; float:right; width:120px; background:url(../images/layout/header_apply.gif) bottom left no-repeat #5794f1;}
ul.header-apply li{ list-style: none; padding:0;  margin:0; float:right; }
ul.header-apply li a:link,
ul.header-apply li a:visited{margin:0; padding:7px 14px 7px 0px; color:#FFFFFF; text-decoration:underline; display:block; float:right;}
ul.header-apply li a:hover{text-decoration:none;}
/* end apply btn */

/* breadcrumbs */
#breadcrumbs-container{margin: 0 auto; padding:0; width:1024px; }
.breadcrumbs-nav{margin:0 23px; padding:0; float:left; background:#ededed; width:977px;}
ul.breadcrumbs{margin:0; padding:0 0 0 12px; float:left; width:800px;}
ul.breadcrumbs li{ list-style: none; padding:7px 0 7px 0;  margin:0; float:left; color:#0972b8; background:url(../images/layout/breadcrumbs.gif) left no-repeat;}
ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited{margin:0; padding:0 7px 0 12px; color:#0972b8; text-decoration:underline; display:block; float:left; }
#breadcrumbs-container li.current-breadcrumbs{padding:7px 12px 7px 12px;  margin:0; float:left; color:#0972b8; }
#breadcrumbs-container li.no-crumb{background:none;}
/* end breadcrumbs */

/* main content holder*/
#content-container{margin: 0 auto; padding:0; width:1024px; }
.content{margin:0 23px; padding:0 0 100px 0; float:left; width:977px;}
/* end main content holder*/

/* homepage */
.homepage-flash{margin:15px 0 15px 0; float:left; width:977px; height:320px;}
.home-left-col{float:left; width:699px; margin-right:25px; }
.home-right-col{float:left; width:252px;}

.searchbox-courses{float:left; width:252px;}
.searchbox-courses-top{float:left; width:252px; height:7px; background:url(../images/layout/searchbox_top.gif) bottom left no-repeat}
.searchbox-courses-mid{float:left; width:252px; padding-bottom:10px; background:url(../images/layout/searchbox_mid.gif) top left no-repeat #286ce5}
.searchbox-courses-bot{float:left; width:252px; height:7px; background:url(../images/layout/searchbox_bot.gif) top left no-repeat}
ul.searchbox-courses-txt{padding:0; margin:0;}
ul.searchbox-courses-txt li{padding:0; margin:0 0 0px 0; list-style:none;}
ul.searchbox-courses-txt li a:link,
ul.searchbox-courses-txt li a:visited{display:block; padding:5px 17px 7px 17px; margin:0; color:#FFFFFF; font:bold 1em Arial, Helvetica, sans-serif; text-decoration:none;}
ul.searchbox-courses-txt li a:hover{margin:0; background:#5794f1;}
ul.searchbox-courses-txt li.searchbox-txt {color:#f9f9f9; font:0.88em Arial, Helvetica, sans-serif; margin:2px 0 10px 17px;}

.home-apply-now{float:left; width:252px; height:85px; margin-top:15px;}

.home-campus{float:left; height:143px; width:252px; background:url(../images/layout/home_campus.gif) no-repeat; margin-top:15px;}
.home-campus-links{color:#FFFFFF; font:bold 14px Arial, Helvetica, sans-serif; margin:102px 0 0 12px;}
.home-campus-links a:link{color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;}
.home-campus-links a:visited{color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;}

.home-banner{float:left; width:319px; height:93px; background:url(../images/layout/home_banner.jpg) no-repeat; color:#0972b8; font:bold 20px Arial, Helvetica, sans-serif; padding:15px 0 0 380px; margin-top:25px; text-decoration:none; cursor:pointer;}
.home-banner p{ margin:2px;}
.home-banner-link a:link,
.home-banner-link a:visited,
{font:bold 0.75em Arial, Helvetica, sans-serif; color:#0972b8; }

/* end homepage */

/* main content columns */
.left-col{float:left; width:190px; margin:17px 0 0 0;}
.main-col{float:left; width:763px; margin:17px 0 0 23px;}
.content-col{float:left; width:544px; margin:21px 21px 0 0;}
.right-col{float:left; width:198px; margin-top:21px;}
/* end main content columns */

/* course page elements */
.course-pic{width:763px; height:138px; background:#e9e9e9;}
h2.coursetitle{color:#0972b8; font:2em Arial, Helvetica, sans-serif; margin:0 0 30px 0;}
h3.coursesubtitle{color:#0972b8; font:bold 18px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.content-col p{color:#404040; font: 1em Arial, Helvetica, sans-serif; line-height:20px; margin:5px 0 15px 0;}
.content-col-courses p{color:#404040; font: 0.88em Arial, Helvetica, sans-serif; line-height:16px; margin:5px 0 15px 0;}
ul.course-points{color:#252525; font:bold 0.88em Arial, Helvetica, sans-serif;}
p.course-summary{color:#252525; font:bold 0.88em Arial, Helvetica, sans-serif; border-top:#e1e1e1 1px solid; padding-top:18px;}

.related-courses{float:left; width:198px;}
.related-courses-top{float:left; width:198px; height:7px; background:url(../images/layout/related_top.gif) bottom left no-repeat}
.related-courses-mid{float:left; width:198px; background:url(../images/layout/related_mid.gif) top left no-repeat #286ce5}
.related-courses-bot{float:left; width:198px; height:7px; background:url(../images/layout/related_bot.gif) top left no-repeat}
ul.related-courses-txt{padding:0; margin:0;}
ul.related-courses-txt li{padding:0; margin:0 0 10px 17px; list-style:none;}
ul.related-courses-txt li a:link,
ul.related-courses-txt li a:visited{padding:0; margin:0; color:#FFFFFF; font:bold 0.88em Arial, Helvetica, sans-serif;}

.student-opinion{float:left; width:198px; height:213px; margin-top:15px; background:#252525 url(../images/students/student_voice_5.jpg) bottom no-repeat;}
.student-voice{width:172px; background:#252525;  color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; padding:14px 13px 14px 13px;}

.apply-now{float:left; width:198px; height:84px; margin-top:15px;}
img{border-style: none;}

/* landing pages */
.call{float:left; width:236px; height:150px; border:#ebebeb solid 1px; padding:10px; margin-top:24px;}
.call2{float:left; width:236px; height:150px; border:#ebebeb solid 1px; padding:10px; margin:24px 0 0 13px;}
.pic-call{float:left; width:97px; height:122px; margin-right:12px;}
.call-text-container{float:left; width:120px; height:300px}
p.call-heading{ font:bold 16px Arial, Helvetica, sans-serif; color:#0972b8; margin:0 0 7px 0;}
p.call-text{font:14px Arial, Helvetica, sans-serif; color:#000000;}
.call-text-container a:link, .call-text-container a:visited{color:#0972b8;}

h2.landingtitle{color:#0972b8; font:2em Arial, Helvetica, sans-serif; margin:0 0 15px 0;}
h3.landingsubtitle{color:#0972b8; font:bold 18px Arial, Helvetica, sans-serif; padding:0; margin:0 0 23px 0;}
a.bluelink:link, a.bluelink:visited{color:#0972b8;}

.student-opinion-landing{float:left; width:198px;}
/* end landing pages */

/* course list */
.content-col-courses{float:left; width:544px; margin:0px 21px 0 0;}
.right-col-courses{float:left; width:198px; margin-top:0px;}

ul.course-list{padding:15px; margin:0 0 15px 0; border:#ededed 1px solid;}
ul.course-list li.course-category{padding:0; margin:0 0 16px 0; list-style:none;}
ul.course-list li{padding:0; margin:0; list-style:none; font:bold 20px Arial, Helvetica, sans-serif; color:#1c232d;}
ul.course-list li a:link,
ul.course-list li a:visited{display:block; padding:2px 0 2px 0px; margin:0; color:#0972b8; font:bold 0.88em Arial, Helvetica, sans-serif; text-decoration:underline;}
ul.course-list li a:hover{margin:0; text-decoration:none;}

h2.courselisttitle{color:#0972b8; font:2em Arial, Helvetica, sans-serif; margin:10px 0 15px 0;}

/* standard text */
.header-bar{font: 0.88em Arial, Helvetica, sans-serif;}

ul.header-nav-text li a:link,
ul.header-nav-text li a:visited{font:bold 0.88em Arial, Helvetica, sans-serif;}
ul.header-apply li a:link,
ul.header-apply li a:visited{font:italic 0.88em Arial, Helvetica, sans-serif;}

ul.accessibility li a:link,
ul.accessibility li a:visited{font:bold 0.88em Arial, Helvetica, sans-serif;}


ul.breadcrumbs li{ font:bold 0.88em Arial, Helvetica, sans-serif; }
ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited{font:14px Arial, Helvetica, sans-serif;}
ul.breadcrumbs li a:hover{ text-decoration:none;}
#breadcrumbs-container li.current-breadcrumbs{font:0.88em Arial, Helvetica, sans-serif; }

/* end standard text */

.course-splash{width:763px; height:242px; background:#e9e9e9;}

/* main menu */
ul#main-nav{
float:right;
margin:19px 24px 0 0;
padding:0;
width:auto;
position:relative;
display:block;
height:3.44em;
font-size:0.94em;
line-height:0.94em;
font-family:Arial, Helvetica, sans-serif;
}

ul#main-nav li{
display:block;
float:left;
margin:0;
padding:0;
list-style:none;
background:url(../images/layout/main_nav_div.png) bottom left no-repeat;
}
	
ul#main-nav li a{
width:7.94em; /*127px*/
height:2.75em;
display:block;
float:left;
color:#131922;
text-decoration:none;
padding:0 0 0.75em 16px;
background:url(../images/layout/nav_business_btn.gif) bottom left no-repeat;
}

ul#main-nav li.business-btn a{width:10.25em;} /*164px*/
ul#main-nav li.nav-sm-btn a{width:4.88em;} /*78px*/
ul#main-nav li.nav-first-btn{background:none;}
	
ul#main-nav li a:hover{	
color:#005daf;
background:url(../images/layout/main_nav_bot_blue.gif) bottom left no-repeat;		
}
	

ul#main-nav li a.current{
color:#005daf;
background:url(../images/layout/main_nav_bot_blue.gif) bottom left no-repeat;
}

.accesskey{text-decoration:underline;}

/* end main menu */


/* footer */
#footer-container{float:left; width:100%; border-top:#d5d5d5 1px solid; background:#f5f5f5; padding-bottom:62px;}

.footer-holder{margin: 0 auto; padding:0; width:1024px; }
.footer{margin:0 23px; padding:0; float:left; width:977px;}

h2.footer-text{ margin:20px 0 30px 0;  padding:0; color:#585858; font:bold 23px Arial, Helvetica, sans-serif;}
h3.sitemap-head{margin:0 0 8px 0; padding:0; color:#585858; font:bold 14px Arial, Helvetica, sans-serif;}
h3.sitemap-head2{margin:8px 0 8px 0; padding:0; color:#585858; font:bold 14px Arial, Helvetica, sans-serif;}

.sitemap-col1{float:left; width:152px; border-right:#d6d6d6 1px solid; padding-right:24px;}
.sitemap-col2{float:left; width:152px; border-right:#d6d6d6 1px solid; margin-left:24px; padding-right:24px;}
.sitemap-col3{float:left; width:130px; border-right:#d6d6d6 1px solid; margin-left:24px;}
.sitemap-col4{float:left; width:152px; margin-left:24px;}

ul.sitemap{padding:0; margin:0;}
ul.sitemap li{ color:#0972b8; font:14px Arial, Helvetica, sans-serif; line-height:16px; list-style:none; background:url(../images/layout/breadcrumbs.gif) 0 6px no-repeat; padding:0 0 0 9px; margin:0 0 8px 0;}
ul.sitemap li a:link,
ul.sitemap li a:visited{ color:#255dab; font:14px Arial, Helvetica, sans-serif; text-decoration:none;}
ul.sitemap li a:hover{ color:#255dab; font:14px Arial, Helvetica, sans-serif; text-decoration:underline}

.footer-logos{float:left; width:977px; height:320px; margin-top:45px;}
.footer-line{height:70px; width:977px; border-bottom:#FFFFFF 3px solid;}

/* vertical menu */
.thurrockmenu{padding: 0; width: 190px; border-bottom-width: 0;}

.thurrockmenu a.menuitem {
background: #1d242e;
font: bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 12px 0 12px 13px;
text-decoration: none;
text-transform:uppercase;
border-bottom:#FFFFFF 1px solid;
}


.thurrockmenu a.menuitem:visited{color: #FFFFFF;} 

.thurrockmenu .menuitem:active{color: #FFFFFF; background:#0972b8;}

.thurrockmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.thurrockmenu a.menuitem:hover{background:#0972b8;}

.thurrockmenu div.submenu{ background:#FFFFFF;}

.thurrockmenu div.submenu ul{list-style-type: none; margin: 0; padding: 0;}

.thurrockmenu div.submenu ul li{border-bottom:#e2e2e2 1px solid;}

.thurrockmenu div.submenu ul li a{
display: block;
font: normal 14px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration: none;
padding: 3px 0 3px 24px;
}

.thurrockmenu div.submenu ul li a:hover,
.thurrockmenu div.submenu ul li a:active{color:#0972b8; font: 14px Arial, Helvetica, sans-serif; background:url(../images/layout/thurrock-menu-arrow.gif) left no-repeat;}

.menu-courses{width:177px; height:25px; background:url(../images/layout/menu_courses.gif) no-repeat; color:#fff; font: bold 16px Arial, Helvetica, sans-serif; padding:7px 0 0 13px}

/* end vertical menu */

/* form */
h4{font: 20px Arial, Helvetica, sans-serif;}
h5{font: 20px Arial, Helvetica, sans-serif;}
h6{font: 20px Arial, Helvetica, sans-serif;}
td{padding:5px}

/* News */

ul.news li.news-dates{padding:0; margin:0 0 16px 0; list-style:none; color:#bcbcbc; border-bottom:#ededed 1px solid;}
ul.news{padding:15px; margin:0 0 15px 0; border:#ededed 1px solid;}
ul.news li{padding:0; margin:0; list-style:none; font:bold 18px Arial, Helvetica, sans-serif; color:#1c232d;}
ul.news li a:link,
ul.news li a:visited{color:#0972b8; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
ul.news li a:hover{margin:0; text-decoration:none;}
ul.news li p{list-style:none;  border-bottom:#0972b8 1px solid; padding-bottom:30px; line-height:18px;}
h2.newstitle{ font:26px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#252525;}
p.newsintro{margin-top:-15px}

.content-col-news{float:left; width:544px; margin:0px 21px 0 0;}
.content-col-news p.articleintro{font:18px Arial, Helvetica, sans-serif; color:#737373; border-bottom:#0972b8 1px solid; padding-bottom:14px; margin-bottom:10px;}
.content-col-news p.articlephoto{width:544px; font: 14px Arial, Helvetica, sans-serif; color:#888888;}
.content-col-news p.articleend{border-bottom:#0972b8 1px solid; padding-bottom:14px; margin-bottom:60px;}
.content-col-news p{color:#404040; font: 1em Arial, Helvetica, sans-serif; line-height:21px;}

.related-news{float:left; width:198px; margin-bottom:15px;}
.related-news-top{float:left; width:198px; height:7px; background:url(../images/layout/related_top.gif) bottom left no-repeat}
.related-news-mid{float:left; width:198px; background:url(../images/layout/related_mid.gif) top left no-repeat #286ce5}
.related-news-bot{float:left; width:198px; height:7px; background:url(../images/layout/related_bot.gif) top left no-repeat; }
ul.related-news-txt{padding:0; margin:0;}
ul.related-news-txt li{padding:0; margin:0 17px 10px 17px; list-style:none;}
ul.related-news-txt li a{line-height:12px;}
ul.related-news-txt li a:link,
ul.related-news-txt li a:visited{padding:0; margin:0; color:#FFFFFF; font:bold 0.75em Arial, Helvetica, sans-serif;}
ul.related-news-txt li.related-dates{font:12px Arial, Helvetica, sans-serif; color:#000000; margin-bottom:-3px;}

/* news end */