﻿/* 
=============================================================================
	main.css
	v1.0
	2011/06/24

	Headscape
	Written by Chris Sanderson (chris.sanderson@headscape.co.uk)
=============================================================================
*/

/* =General
-----------------------------------------------------------------------------*/
body {max-width: 940px; margin: 0 auto; font: 0.6251em Arial, Helvetica, sans-serif; background: #f8f5ed url(../images/0bkg_noise.png); padding-bottom: 100px;}
.skip {position: absolute; left: -5000em; top: auto; width: 1px; height: 1px; overflow: hidden;}
.hide {display: none;}
.clear {clear: left;}
a {text-decoration: none; color: #666; }
a:hover  {color: #000;  }
#pageContent .article a:hover  {color: #000; border-bottom: 1px dotted #ccc;  }
input, textarea, select, button {font-family: Arial, Helvetica, sans-serif;}

p#vtip { display: none; margin-top: 9px; padding: 10px; left: 0px; font-size: 0.7em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: relative; top: -22px; left: 80px }
#vtip { display: none; }

ul, ol { padding: 0; margin: 0; }
li { list-style: none;   }

.wrapper { background: #fff; }

/* =Header
-----------------------------------------------------------------------------*/
#pageHeader {  width: 99.14893617021277%; margin: 0 auto; padding: 0 4px 0px 4px; background: #fff; min-height: 159px;}  /*932/940*/


/* =Branding
-----------------------------------------------------------------------------*/
#branding {position: relative; float: left; height: 65px;}
#branding #logo {display: none;}
#branding #sitename {position: absolute; width: 300px; height: 95px;  text-indent: -5000em; background: url(../images/essex_logo.gif) no-repeat;} /*300/940*/


/* =Site tools
-----------------------------------------------------------------------------*/
#pageHeader .siteTools {float: right; margin-top: 24px;}
#pageHeader .siteTools ul li {display: inline;}
#pageHeader .siteTools ul li a {  float: left; display: block; margin-left: 25px; padding: 3px; color: #78756B; text-transform: uppercase; font-size: 1.1em;}
#pageHeader .siteTools ul li a:hover {color: #000;}


/* =Site search
-----------------------------------------------------------------------------*/
#pageHeader .siteSearch {float: right; margin: 20px 20px 0 25px; }
#pageHeader .siteSearch fieldset {border: none; }
#pageHeader .siteSearch input { margin: 0; padding: 2px 6px; vertical-align: middle; border: 1px solid #beb7a8; font-size: 1.2em;}
#pageHeader .siteSearch button {margin-left: -3px; width: 5em; padding: 3px 0 2px 0; vertical-align: middle; background: #78756B; border: none; color: #fff; text-transform: uppercase; font-size: 1.1em; line-height: 1.5em; font-weight: bold; cursor: pointer;}
#pageHeader .siteSearch button:hover { background: #9f9a8f;}


/* =Main nav
-----------------------------------------------------------------------------*/
#pNav {clear: both; overflow: hidden; width: 100%; margin-bottom: 4px; background: #f9f4e8 url(../images/pnav.gif) repeat-x bottom;}
#pNav ul {width: 100%; margin: 0; display: table;}
#pNav ul li {display: table-cell; text-align: center;}
#pNav ul li a {display: block; padding: 11px 1.27659574468085%; font-size: 1.4em; color: #595548;} /*12/940*/
#pNav ul li a:hover {background: #e5dcc6;}
#pNav ul li.active  a { background: #e5dcc6; }


/* =CTA nav
-----------------------------------------------------------------------------*/
#ctaNav {clear: both; margin-bottom: 4px;}
#ctaNav ul  {position: relative; margin: 0; }
#ctaNav ul > li {float: left; display: inline; margin-left: 0.425531914893617%; background: #9e0813; width: 24.6791% }
#ctaNav ul > li:first-child {margin-left: 0;}

#ctaNav ul > li.active,
#ctaNav ul > li:hover {background-color: #8B0711; }
#ctaNav ul > li a {display: block; ; padding: 11px 10.34% /*22/940*/; background: url(../images/bullet_white.gif) no-repeat 10px 16px; color: #fff; font-weight: bold; font-size: 1.5em; text-transform: uppercase;} 
#ctaNav ul > li.active a,
#ctaNav ul > li a:hover  {background: url(../images/bullet_white_down.gif) no-repeat 8px 18px;}

#ctaNav.norm ul > li a:hover {background: url(../images/bullet_white.gif) no-repeat 10px 16px;}

#ctaNav ul > li .toolbox {display: none; padding-top: 4px;}
#ctaNav ul > li .toolbox .container {position: relative; background-color: #8B0711;}
#ctaNav ul > li .toolbox .container p {font-size: 1.2em; color: #fff;}
#ctaNav ul > li .toolbox .container.psp {left: -234px;}
#ctaNav ul > li .toolbox .container.odays {left: -468px;}
#ctaNav ul > li .toolbox .container.git {left: -702px;}


/* =Main content
-----------------------------------------------------------------------------*/
#pageContent {overflow: hidden; width: 99.14893617021277% /*932/940*/; margin: 0 auto; padding: 0; background: #fff;}
#pageContent #carousel {position: relative; overflow: hidden; margin-bottom: 24px; margin-top: 20px; background: #fff;}
#pageContent #carousel .nav ul {position: absolute; top: 0; right: 0; z-index: 11; width: 24.57446808510638% /*231/940*/; margin: 0; list-style: none;}
#pageContent #carousel .nav ul li {overflow: hidden; float: right; clear: right; width: 100%; height: 62px; border-top: 4px solid #fff; border-left: 4px solid #fff; background: #f0ebe0;}
#pageContent #carousel .nav ul li:first-child {border-top: none;}
#pageContent #carousel .nav ul li:hover {background: #ddd6c8;}
#pageContent #carousel .nav ul li.active {background: #ffffff;}
#pageContent #carousel .nav ul li a {display: block; height: 62px;}
#pageContent #carousel .nav ul li .caption h1 {margin: 0; padding: 10px 15px 0 15px; font-size: 1.5em; line-height: 1.3em; font-weight: normal; color: #4A473F;}
#pageContent #carousel .nav ul li .caption p {display: none;}
#pageContent #carousel .nav ul li .thumb {float: right; margin-left: 10px;}
#pageContent #carousel .nav ul li .image {display: none;}

#pageContent #carousel > ul {position: relative; width: 9400px;}
#pageContent #carousel > ul > li {position: relative; float: left; background: #ffffff; border-right: 4px solid #fff;}
#pageContent #carousel > ul > li .active:hover .caption {background: #0056a1;}
#pageContent #carousel > ul > li .caption {display: none; position: absolute; z-index: 10; top: 40px; width: 75% /*561/940*/; padding: 10px; color: #fff; background: #0065bd; border: 4px solid #fff; border-left: none;}
#pageContent #carousel > ul > li .caption.bottom {top: auto; bottom: 40px;}
#pageContent #carousel > ul > li .caption h1 {margin: 0; font: 4em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.05em; line-height: 1em;}
#pageContent #carousel > ul > li .caption p {margin: 0; font: 1.5em Vollkorn, "Times New Roman", Times, serif; line-height: 1.3em;}
#pageContent #carousel > ul > li img {display: block;}
#pageContent #carousel > ul > li .thumb {display: none;}

#pageContent #carousel #pause { z-index: 999; float: left; position: absolute; bottom: 10px; right: 250px; width: 40px; height: 40px; background: url(../images/pause.png) -40px -40px no-repeat; }
#pageContent #carousel #pause:hover {background-position: 0 -40px; cursor: pointer;}
#pageContent #carousel #pause.paused {background-position: -40px 0;}
#pageContent #carousel #pause.paused:hover {background-position: 0 0;}

#pageContent #modules {clear: both;}
#pageContent #modules .feature { min-height: 400px; float: left; width: 22.76595744680851%; /*214/940*/ margin: 0 0 1.59574468085106% 1.59574468085106%;} 
#pageContent #modules .feature#chooseEssex { width: 48.34042553191489%; /*445/940*/ }
#pageContent #modules .feature .image img { max-width: 100%; height: auto;}

#pageContent #modules .feature#twoCol { width: 64.4%;  }

#pageContent #modules .feature.nth-child1 h2 {background: #b94a28;}
#pageContent #modules .feature.nth-child2 h2 {background: #d55c19;}
#pageContent #modules .feature.nth-child3 h2 {background: #e98300;}

#pageContent #modules .feature h2 {margin: 0; padding: 7px; font: 2em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.05em; color: #fff; background: #b94a28; line-height: 1em;}
#pageContent #modules .feature h2.red { background: #8B0711;}
#pageContent #modules .feature h3 {margin: 0; font-size: 1.8em; color: #595548; font-weight: normal;}
#pageContent #modules .feature h4 {margin: 0; color: #595548; font: italic 1.5em/1.5em Vollkorn, "Times New Roman", Times, serif;}
#pageContent #modules .feature p {font-size: 1.3em; color: #595548; line-height: 1.7em; padding:0; margin: 0;}
#pageContent #modules .feature.text p { margin: 0 0 2em 0; }
#pageContent #modules .feature.text p.intro { font-weight: bold;  }

#pageContent #modules .feature p a {color: #595548; border-bottom: 1px dotted #595548;}
#pageContent #modules .feature p a:hover {color: #000; border-bottom: 1px solid #4a473f;}
#pageContent #modules .feature#chooseEssex .image {width: 48%;  height: 30%; }
#pageContent #modules .feature#chooseEssex .image img {float: left; max-width: 100%; margin: 0 0 10px 0; }
#pageContent #modules .feature#chooseEssex ol { margin: 1.5em 0 0 0 ; list-style: none;}
#pageContent #modules .feature#chooseEssex ol li {  float: left; width: 43.90243902439024%; margin-left: 4.434589800443459%;} /*198/451*/
#pageContent #modules .feature#chooseEssex ol li.two {clear: left; width: 47.45011086474501%; margin-left: 0;} /*214/451*/
#pageContent #modules .feature#chooseEssex ol li .num {float: left; margin-right: 0.1em; font-weight: bold; font-size: 4.9em; color: #beb7a8; line-height: 0.9em;}

#pageContent #modules .feature .featureColsRight { float: left; width: 50%; padding: 40px 0 0 0; }
#pageContent #modules .feature .featureColsLeft { float: left; width: 50%;  }
#pageContent #modules .feature .featureColsLeft  h3 { margin: 0 0 10px 0; }
#pageContent #modules .feature .featureColsLeft  li { font-size: 1.3em; padding: 0 0 5px 15px; background: url(../images/bullet_blue.gif) 0 3px no-repeat; }

#pageContent #modules .feature a.twitter{ font-size: 16px; display: block;  padding: 0 0 20px 50px; background: url(../images/icon_twitter.jpg) no-repeat 0 0; }
#pageContent #modules .feature a.facebook{ font-size: 16px; display: block;  padding: 0 0 20px 50px; background: url(../images/icon_facebook.jpg) no-repeat 0 0;}

/* =AskEssex
-----------------------------------------------------------------------------*/

#pageContent #modules .feature.askessex h2 { background: #BF000C; }
#pageContent #modules .feature.askessex { background: #D6D0C3; }
#pageContent #modules .feature.askessex img { margin:0; padding: 0; }
#pageContent #modules .feature.askessex legend { float: left;  display: none; }
#pageContent #modules .feature.askessex .surround { padding: 10px; }
#pageContent #modules .feature.askessex input { margin: 10px 0; padding: 5px; width: 90%;  }
#pageContent #modules .feature.askessex button p  { color: #fff; font-weight: bold; padding: 5px 20px 5px 20px; margin: 0; font-size: 13px;  }
#pageContent #modules .feature.askessex button p:hover  { color: #000; }
#pageContent #modules .feature.askessex button { border: none; display: block; background: #BF000C; }
#pageContent #modules .feature.askessex button:hover  {  background: #8B0711; }

/* =GoogleMaps
-----------------------------------------------------------------------------*/

#pageContent .article .mapSurround { margin: 30px 0; display: block; padding: 4px; background: #fff;  border: 1px solid #ebe5d8; width: 98%;  height: 500px; }
#mapCanvas { display: block;  height: 500px;  }



/* =Feature Testimonial
-----------------------------------------------------------------------------*/
#pageContent #modules .feature.testimonial h2 { background: #0056A1; }
#pageContent #modules .feature.testimonial img { margin:0; padding: 0; }
#pageContent #modules .feature.testimonial .surround { padding: 10px; }
#pageContent #modules .feature.testimonial { background: #0056A1; }
#pageContent #modules .feature.testimonial p { color: #fff; font: 2em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.02em; line-height: 1.1em; }
#pageContent #modules .feature.testimonial p a  { color: #C6DDEF; border-bottom: 1px dotted #C6DDEF; }
#pageContent #modules .feature.testimonial p a:hover { color: #fff; border-bottom: 1px solid #fff; }
#pageContent #modules .feature.testimonial .testquoteOpen { font-size: 40px; font-weight:bold;  float: left; line-height:20px; padding-right: 10px; }
#pageContent #modules .feature.testimonial .testquoteClosed { font-size: 40px; font-weight:bold;  float: right;  }
#pageContent #modules .feature.testimonial small { font-size: 10px; display: block; color: #ddd; margin: 20px 0 0 0; }



/* =Feature WhyEssex
-----------------------------------------------------------------------------*/
#pageContent #modules .feature.whyessex h2 { background: #E98300; }
#pageContent #modules .feature.whyessex img { margin:0; padding: 0; }
#pageContent #modules .feature.whyessex .surround { padding: 10px; }
#pageContent #modules .feature.whyessex { background: #F2ECDE; }
#pageContent #modules .feature.whyessex p {  color: #555;  line-height: 1.1em; }
#pageContent #modules .feature.whyessex p a  { color: #555; border-bottom: 1px dotted #C6DDEF; }
#pageContent #modules .feature.whyessex small { font-size: 10px; display: block; color: #ddd; margin: 20px 0 0 0; }

#pageContent #modules .feature.whyessex ul li a { display: inline-block; font-size: 12px; margin: 0 0 8px 0;  border-bottom: 1px dotted #555; }
#pageContent #modules .feature.whyessex ul li a:hover { border-bottom-style: solid; }
#pageContent #modules .feature.whyessex ul { margin-top: 15px; }






/* =Feature Twitter
-----------------------------------------------------------------------------*/
#pageContent #modules .feature.twitter h2 { color: #1671AD; background: url("../images/twitter25px.png") no-repeat scroll 4px 4px #71C6E8;  padding-left:35px; }
#pageContent #modules .feature.twitter img { margin:0; padding: 0; }
#pageContent #modules .feature.twitter .surround {  padding: 10px; }
#pageContent #modules .feature.twitter { background: #EFF5F7;}
#pageContent #modules .feature.twitter p { color: #075675; font-size: 13px; letter-spacing: -0.02em; line-height: 16px;}
#pageContent #modules .feature.twitter p a  {  color: #075675; border-bottom: none;  line-height: 15px; }
#pageContent #modules .feature.twitter small { font-size: 10px; display: block; margin: 5px 0 15px 0; }
#pageContent #modules .feature.twitter vcard { clear: left !important; }



/* =Feature Facebook
-----------------------------------------------------------------------------*/
#pageContent #modules .feature.facebook h2 { color: #ddd; background: url("../images/facebook25px.png") no-repeat scroll 4px 4px #3B5998;  padding-left:35px; }
#pageContent #modules .feature.facebook img { margin:0; padding: 0; }
#pageContent #modules .feature.facebook .surround {  padding: 10px; }
#pageContent #modules .feature.facebook { background: #6B89C6;}
#pageContent #modules .feature.facebook p { letter-spacing: -0.02em; line-height: 15px;}
#pageContent #modules .feature.facebook p a  { color: #fff; font-size: 13px; border-bottom-color: #fff;  line-height: 16px; }
#pageContent #modules .feature.facebook small { font-size: 10px; display: block; margin: 5px 0 15px 0; }
#pageContent #modules .feature.facebook a.twitterFollow { font: 12px Arial, Helvetica, sans-serif; color: #238ACB; letter-spacing: 0;  padding-left: 2px; }
#pageContent #modules .feature.facebook a.twitterFollow:hover { color: #fff; }


#pageContent  #socMediaAdd { text-align: left; display: block; padding-top: 20px; margin-top: 15px;  border-top: 1px dotted #D6D0C3;  }
.socMediaTwitter, .socMediaFacebook { display: block; float: left; margin-right: 15px;  }


/* =SubCol Testimonial
-----------------------------------------------------------------------------*/
#pageContent #sNav .feature.testimonial { width: 100%; float: left; margin-top: 30px;  background: #0056A1; }
#pageContent #sNav .feature.testimonial .surround { padding: 10px; }
#pageContent #sNav .feature.testimonial p {  color: #fff; font: 1.4em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.02em; line-height: 1.1em;  }
#pageContent #sNav .feature.testimonial p a  { color: #C6DDEF; border-bottom: 1px dotted #C6DDEF; }
#pageContent #sNav .feature.testimonial p a:hover  { color: #DDEEFF; border-bottom: 1px solid #C6DDEF; }
#pageContent #sNav .feature.testimonial h2 { display: none; }
#pageContent #sNav .feature.testimonial img { max-width: 100%; height: auto; margin:0; padding: 0; }
#pageContent #sNav .feature.testimonial small { font-size: 10px; display: block; color: #ddd; margin: 20px 0 0 0; }





/* FAQ Module
-----------------------------------------------------------------------------*/
#pageContent #modules .feature.faq h2 { background: #444; }
#pageContent #modules .feature.faq { background: #F0EBE0; }
#pageContent #modules .feature.faq  ul {  background: #fff;  }
#pageContent #modules .feature.faq .question { display: block; font-weight: bold;  padding: 10px; background: #F0EBE0;  line-height: 16px;  margin-bottom: 4px; }
#pageContent #modules .feature.faq .question:hover {cursor: pointer; font-weight: bold;  padding: 10px; background: #E2D9C5;  }
#pageContent #modules .feature.faq .answer {  padding: 10px 0 20px 0;  padding:10px;  margin-bottom: 4px; background: #fff;}



/* =Articles 
-----------------------------------------------------------------------------*/
#pageContent .article { float: left; margin: 0 1.595744680851064% 3em 2.127659574468085%; width: 71.48936170212766%;  } 
#pageContent h1 {color: #ffffff; font-size: 3em; line-height: 1.2em; margin: 0 0 20px 0; }
#pageContent .article h1 { clear: left; color: #222222; }
#pageContent .landing h1 { clear: left; color: #222222; }

#pageContent .article .feature img { width: 100%; padding: 4px; margin: 0;  border: 1px solid #EBE5D8;  border-bottom: none;  }
#pageContent .article .feature { }
#pageContent .article .feature p { width: 100%; clear: left; padding: 5px; margin-top: -3px; background: #EBE5D8; }
#pageContent .article .feature p a {  }

#pageContent .article p { margin-bottom: 2em;}
#pageContent .article p,
#pageContent .article li { color: #595548; font-size: 1.3em; line-height: 1.7em;}
#pageContent .article li li,
#pageContent .article li p { font-size: 1em;}

/* =Content Feature
-----------------------------------------------------------------------------*/
#pageContent .header .feature img { max-width: 100%;  margin: 0;  border: 1px solid #EBE5D8;  border-bottom: none;  }
#pageContent .header .feature p { clear: left; padding: 5px; margin-top: -3px; background: #EBE5D8; }

#pageContent .header .titleBox  {  width: 49%; position: absolute; bottom: 30px; }
#pageContent .header .titleBox h3 { margin:0; padding: 0 0 5px 15px; font-weight: normal; font-size: 1.8em; letter-spacing: -0.05em; }
#pageContent .header .titleBox h2 { margin:0; }
#pageContent .header .titleBox h2 a { display: block; padding: 0 0 0 15px; font-weight: normal; font-size: 2.5em; letter-spacing: -0.05em; line-height: 0.8em; color: #fff; }
#pageContent .header .titleBox h2 a:hover { color: #ddd; }


#pageContent .header .feature { width: 49.8%; float: right; line-height:0;  border-left: 4px solid #FFFFFF;} /*940- 4px 4px 4px borders /2 = 464 */

/*main heading titles*/

#pageContent .header { margin-top: 0px; overflow: hidden; background: #0056A1; font-family: Vollkorn, "Times New Roman", Times, serif; color: #fff; position: relative; }


/* = Example colour coding by class of page content
-----------------------------------------------------------------------------*/

#pageContent.green .header {background: #2c5433 !Important;}
#pageContent.green .header  .feature .strap {background: #2c5433 !Important;}

#pageContent.orange .header {background: #B94A28 !Important;}
#pageContent.orange .header  .feature .strap {background: #B94A28 !Important;}


/* = Example Academic department colouration 
-----------------------------------------------------------------------------*/

#pageContent.essex_business_school .header {background: #002F57 url(../images/logoEssexBusinessSchool.gif) bottom left no-repeat !Important; 
overflow: hidden; }
#pageContent.essex_business_school .header  h2 { margin-left: -5000px; }
#pageContent.essex_business_school #modules .feature h2 { background: #002F57; }
#pageContent.essex_business_school .header  .feature .strap { background-color: #002F57 !Important;}


/* =Venue Essex department colouration 
-----------------------------------------------------------------------------*/

#pageContent.venue_essex .header {background: #622567 url(../images/logoVenueEssex.gif) bottom left no-repeat !Important; 
overflow: hidden; }
#pageContent.venue_essex .header  h2 { margin-left: -5000px; }
#pageContent.venue_essex #modules .feature h2 { background: #622567; }
#pageContent.venue_essex .header  .feature .strap { background-color: #622567 !Important;}


/* =Image straplines
-----------------------------------------------------------------------------*/

#pageContent .header  a .feature .strap  { background: #0056A1 url(../images/right.png) right 10px no-repeat; padding: 15px 35px 15px 10px; }
#pageContent .header .feature img {display: block; max-width: 100%; }
#pageContent .header .feature .strap { font-size: 1.6em; float: right; position: absolute; right: 0; bottom: 20px; background: #0056A1; color: #fff; display: block; border: 4px solid #fff; border-right: none; max-width: 37.23404255319149%;  line-height: 19px;  max-width: 40%; padding:  15px 35px 15px 10px;  line-height: 10px;}


/* =Breadcrumbs
-----------------------------------------------------------------------------*/

#pageContent #breadcrumbs { display: block; padding: 0px 0px 0px 0px;  margin: 8px 0px 0px 230px; }
#pageContent #breadcrumbs ul { margin: 0; }
#pageContent #breadcrumbs ul li { background: url(../images/breadcrumb.png) right 0px no-repeat;  float: left;  font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; list-style: none outside none;  margin: 0 0 2px;  padding: 2px 15px 0 5px; line-height: 14px; }
#pageContent .header #breadcrumbs ul li a { color: #ddd; }


/* =Side navigation
-----------------------------------------------------------------------------*/
#pageContent #sideNavigation { float:left; width:23%; padding:0 0 0 0; margin:0 0 10px 0;}
#pageContent #sideNavigation #SideNavigation1_lhsUpLinks { padding: 10px 10px 0px 10px; }
#pageContent #sideNavigation #SideNavigation1_lhsUpLinks h3 { margin: 2px 0 1px 0; font-size:9pt; }
#pageContent #sideNavigation #SideNavigation1_lhsUpLinks h3 a { right; background: #ded4bb url(../images/up3.png) right 10px no-repeat; padding: 10px 40px 10px 10px; color: #222; display: block; }
#pageContent #sideNavigation #SideNavigation1_lhsUpLinks h3 a:hover { background: #dbcfb3 url(../images/up3.png) right 10px no-repeat;  }
a.currentLinkOverride:link { background: #ded4bb !important; }
a.currentLinkOverride:hover { background: #dbcfb3 !important; }

#pageContent #sideNavigation #SideNavigation1_lhsStaticLinks { padding:0px 10px 0px 10px; }
#pageContent #sideNavigation #SideNavigation1_lhsStaticLinks ul li a { font-size:9pt; font-weight:bold; padding-left:10px; padding-bottom:10px; padding-top:10px; display: block; }
#pageContent #sideNavigation #SideNavigation1_lhsStaticLinks ul li a:hover { background:#E2D9C5; display: block; }
#pageContent #sideNavigation #SideNavigation1_lhsStaticLinks ul li { background:#f0ebe0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }

/* =Secondary nav
-----------------------------------------------------------------------------*/
#pageContent #sNav h3 { margin: 3px 0; }
#pageContent #sNav h3 a { background: #ded4bb url(../images/up.png) right 10px no-repeat; font-size: 0.9em; padding: 10px 40px 10px 10px; color: #222; display: block; }

#pageContent #sNav h3.noarrow a { background: #ded4bb !Important; }
#pageContent #sNav h3.noarrow a:hover { background: #DBCFB3 !Important; }
#pageContent #sNav h3.arrow2 a { background: #ded4bb url(../images/up3.png) right 10px no-repeat !Important; }

#pageContent #sNav h3 a:hover { background: #dbcfb3 url(../images/up.png) right 10px no-repeat;  }
#pageContent #sNav { float: left; width: 22.34042553191489%;/*210/940*/ margin: 1.2em 0 3em 1.595744680851064%; font-size: 1.2em;} 
#pageContent #sNav li { list-style:none; border-bottom: 3px solid #fff; }
#pageContent #sNav li.active { background: #e5dcc6;  background: #f0ebe0 url(../images/right5.png) right 8px no-repeat;}

#pageContent #sNav li a, 
#pageContent #sNav li.current { font-size: 13px; background: #F0EBE0; display: block;  font-weight: bold; color: #222; padding: 0; }

#pageContent #sNav li.current ul li { padding:  0 !important; margin-left: 0px; margin-right: 0px; }

#pageContent #sNav li.current a { background: #e9e1cf url(../images/right7.png) right 7px no-repeat;}
#pageContent #sNav li.current a:hover { background: #E2D9C5 url(../images/right7.png) right 7px no-repeat;}

#pageContent #sNav li.current ul li a { background: #f0ebe0; padding: 5px 0 5px 20px; }
#pageContent #sNav li.current ul li a:hover { background: #E2D9C5; }

#pageContent #sNav li ul li.currentSub  { font-weight: normal; padding: 5px 10px 5px 20px; font-size: 11px; background: #f0ebe0 url(../images/right7.png) right 1px no-repeat; border-top: 1px solid #fff;  }

#pageContent #sNav li a, #pageContent #sNav li.active { font-size: 13px; background: #f0ebe0; padding: 10px; display: block;  font-weight: bold; color: #222; }

#pageContent #sNav li a.noicon  { background: #E2D9C5 !important; }

#pageContent #sNav li a.icon  { background: #f0ebe0 url(../images/right7.png) right 1px no-repeat !important; }

#pageContent #sNav li.active { padding: 0px;}
#pageContent #sNav li.active a {  background: #E2D9C5 url(../images/right7.png) right 8px no-repeat !important; }
#pageContent #sNav li.active li a {  background: #f0ebe0 !important; padding: 5px 10px 5px 20px; }
#pageContent #sNav li.active li a:hover {  background: #E2D9C5 !important; padding: 5px 10px 5px 20px; }



#pageContent #sNav li.currentSub a { background: #E2D9C5; }
#pageContent #sNav li.currentSub a:hover { background: #E2D9C5;}
#pageContent #sNav li.currentSub ul li a { background: #f0ebe0 !important; }
#pageContent #sNav li.currentSub ul li.current  { background: #f0ebe0 url(../images/right7.png) right 1px no-repeat; border-top: 1px solid #FFFFFF; font-size: 11px;  font-weight: normal; 
padding: 5px 10px 5px 20px; }

#pageContent #sNav li.currentSub ul li a:hover {  background: #E2D9C5 !important;  }

#pageContent #sNav li a:hover { background: #E2D9C5; display: block;    }
#pageContent #sNav ul { padding: 0;  margin: 0;}
#pageContent #sNav li ul  {  padding: 0 0 0 0;  }
#pageContent #sNav li ul li { border: none;   }
#pageContent #sNav li ul li a {font-weight: normal; padding: 5px 10px 5px 20px; font-size: 11px; background: #f0ebe0; border-top: 1px solid #fff;  }
#pageContent #sNav li ul li.active  {font-weight: normal; padding-left: 20px; font-size: 11px;  }

/* =Page content 
-----------------------------------------------------------------------------*/

#pageContent .article h3 { }
#pageContent .article h4 { color: #666; }
#pageContent .article h5 { color: #666;  border-top: 1px solid #EBE5D8; padding-top: 20px; }

#pageContent .article table { margin-bottom: 2.5em; font-size: 1.3em; border-collapse: collapse; }

#pageContent .article img.left	{ float: left; margin: 0 20px 20px 0; padding:4px; border: solid 1px #ebe5d8; }
#pageContent .article img.right	{ float: right; margin: 0 0 20px 20px; padding:4px; border: solid 1px #ebe5d8; }

#pageContent .article .profileleftcol {float: left; width: 172px;}
#pageContent .article .profilerightcol {margin-left: 195px;}
#pageContent .article p.profile_link {overflow: hidden; margin-bottom: 1em;}
#pageContent .article p.profile_link img {float: right;}

#pageContent .article .textsplash  { margin: 20px 30px 20px 0; display: block; background: #fff; padding: 4px; border: 1px solid #ebe5d8;   }
#pageContent .article .textsplash p { background: #EBE5D8; padding: 30px; font-size: 1.3em; margin: 0;   }
#pageContent .article .textsplash em { font-style: italic; }

#pageContent .article blockquote { display: inline-block; background: #0056A1; color: #fff; margin: 20px 0 20px 0; padding: 30px; font: 2.2em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.025em; line-height: 1.5em; }
#pageContent .article blockquote p { color: #fff; font-size: 1em; margin: 0; }  
#pageContent .article blockquote.testimonial { font: 1.8em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.05em; line-height: 1.5em; }
 
#pageContent .article blockquote strong { padding: 15px 0 10px 0; display: block; clear: left; font-size: 15px; font-weight: normal; letter-spacing: normal; }
#pageContent .article blockquote em { font-style: italic; }
#pageContent .article blockquote img { display: block; float: right; margin: 0 0 0 30px; padding: 3px; background: #fff; border: 1px solid #000055;  }

#pageContent .article .content a {color: #595548; border-bottom: 1px dotted #595548;}
#pageContent .article .content a:hover {color: #000; border-bottom: 1px solid #4a473f;}

#pageContent .article .content ul, #pageContent .article .content ol { margin: 0 0 2.5em 0; }
#pageContent .article .content ul ul, #pageContent .article .content ol ol { margin: 0; }
#pageContent .article .content ul li { padding-left: 20px;  background: url(../images/bullet_blue2.gif) 0 8px no-repeat; }
#pageContent .article .content ol li { list-style: decimal; margin-left: 20px; }
#pageContent .article .content ol ol li { list-style: lower-alpha; }

#pageContent .article .content .news { float:left; clear: left; display: block; }
#pageContent .article .content .news ul  { margin: 20px 0;  }
#pageContent .article .content .news ul li { padding: 0; width: 100%; background: none; }
#pageContent .article .content .news ul li.hentry .datetime { margin: 10px 0 ; font-size: 0.9em;  font-weight: bold; text-decoration: none; border-bottom: none;  }
#pageContent .article .content .news ul li.hentry abbr { border-bottom: none;  }
#pageContent .article .content .news ul li.hentry .category { margin: 10px 0 ; font-size: 1em;  }
#pageContent .article .content .news ul li.hentry .entry-content { margin: 20px 0 0 0; }


#pageContent .article form { margin: 30px 0;  padding: 20px;  background: #F2ECDE;  }
#pageContent .article form  .label { clear: left; padding: 15px 0 3px 0; }
#pageContent .article .errorMessage h4 { color: #AA1B25;  }
#pageContent .article .errorMessage p { color: #AA1B25;  }

#pageContent .article .form .field { padding: 5px;  background: #E8DFCC; display: inline;  float: left;    }
#pageContent .article .form .field input, #pageContent .article .form .field select, #pageContent .article .form .field textarea { padding: 3px;  border: 1px solid #ccc; color: #666; font-size: 1.1em; }

#pageContent .article .success h4 { color: #060;  }
#pageContent .article .success p { color: #060;  }

#pageContent .article .form ul li { padding-left: 0; background: none; }
#pageContent .article .form ul li.button  { margin: 20px 0 0 0; }
#pageContent .article .form ul li.button button { background: #ccc; border: none; padding: 7px 14px;  background: #9E0813;  color: #ddd;  font-weight: bold; }
#pageContent .article .form ul li.button button:hover { background: #8B0711; color: #fff;  }

#pageContent .article .form linput { margin-top:2px; }
#pageContent .article .form label{ display: block; clear: left; }
#myTextarea { width: 300px; }


/* Print Button
-----------------------------------------------------------------------------*/
#pageContent .article .printButton { background: none !important; }
#pageContent .article .printButton form   { margin: 0 0 20px 0; background: none !important; }
#pageContent .article .printButton button { background: url(../images/icon_print.png) 0 0 no-repeat; }
#pageContent .article .printButton form input { border: none; padding: 10px 14px 10px 50px;  background:url(../images/icon_print.png) #9E0813 10px 5px no-repeat;  color: #ddd;  font-weight: bold; cursor: pointer; }
#pageContent .article .printButton form input:hover { background:url(../images/icon_print.png) #8B0711 10px 5px no-repeat;  color: #fff;  }



/* =Download listings
-----------------------------------------------------------------------------*/

#pageContent .article .download h3 { margin: 0 0 30px 0; }
#pageContent .article .download  .rsList li { background: none; border-left: 4px solid #E2D9C5; padding: 5px 0 10px 20px; margin-top: 15px; border-bottom: 1px dotted #E2D9C5;  font-size: 12px; }
#pageContent .article .download  .rsList h4 { font-size: 13px; padding: 2px 0 7px 25px; margin:10px 0 0 0;   }

#pageContent .article .download  .rsList h4.pdf { background: url(../images/iconFiletype_pdf.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.doc { background: url(../images/iconFiletype_doc.png) 0 0 no-repeat; } 
#pageContent .article .download  .rsList h4.docx { background: url(../images/iconFiletype_doc.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.xls { background: url(../images/iconFiletype_xls.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.xlsx { background: url(../images/iconFiletype_xls.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.ppt { background: url(../images/iconFiletype_ppt.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.pptx { background: url(../imagesiconFiletype_ppt.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.zip { background: url(../images/iconFiletype_zip.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.gif { background: url(../images/iconFiletype_gif.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.png { background: url(../images/iconFiletype_png.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.jpg { background: url(../images/iconFiletype_jpeg.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.jpeg { background: url(../images/iconFiletype_jpeg.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.mp3 { background: url(../images/iconFiletype_mp3.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.mp4 { background: url(../images/iconFiletype_mp4.png) 0 0 no-repeat; }
#pageContent .article .download  .rsList h4.avi { background: url(../images/iconFiletype_avi.png) 0 0 no-repeat; }

#pageContent .article .download  .rsList p { margin: 0; font-size: 12px;   }
#pageContent .article .download  .rsList .datetime abbr { border: none;  color:#9B8B65;  }
#pageContent .article .download  .rsList .meta { font-weight: normal;  }
#pageContent .article .download  .rsList .filesize { float: left; padding-left: 8px;  }
#pageContent .article .download  .rsList .type { float: left; }
#pageContent .article .download  .rsList .description { clear: left; padding: 20px 0; }

#pageContent .article a.download { background: url(../images/iconFiletype_pdf.png) 0 0 no-repeat; padding-left: 20px; }
#pageContent .article a.download.pdf { background: url(../images/iconFiletype_pdf.png) 0 0 no-repeat; }
#pageContent .article a.download.doc { background: url(../images/iconFiletype_doc.png) 0 0 no-repeat; } 
#pageContent .article a.download.docx { background: url(../images/iconFiletype_doc.png) 0 0 no-repeat; }
#pageContent .article a.download.xls { background: url(../images/iconFiletype_xls.png) 0 0 no-repeat; }
#pageContent .article a.download.xlsx { background: url(../images/iconFiletype_xls.png) 0 0 no-repeat; }
#pageContent .article a.download.ppt { background: url(../images/iconFiletype_ppt.png) 0 0 no-repeat; }
#pageContent .article a.download.pptx { background: url(../imagesiconFiletype_ppt.png) 0 0 no-repeat; }
#pageContent .article a.download.zip { background: url(../images/iconFiletype_zip.png) 0 0 no-repeat; }
#pageContent .article a.download.gif { background: url(../images/iconFiletype_gif.png) 0 0 no-repeat; }
#pageContent .article a.download.png { background: url(../images/iconFiletype_png.png) 0 0 no-repeat; }
#pageContent .article a.download.jpg { background: url(../images/iconFiletype_jpeg.png) 0 0 no-repeat; }
#pageContent .article a.download.jpeg { background: url(../images/iconFiletype_jpeg.png) 0 0 no-repeat; }
#pageContent .article a.download.mp3 { background: url(../images/iconFiletype_mp3.png) 0 0 no-repeat; }
#pageContent .article a.download.mp4 { background: url(../images/iconFiletype_mp4.png) 0 0 no-repeat; }
#pageContent .article a.download.avi { background: url(../images/iconFiletype_avi.png) 0 0 no-repeat; }


/* =FAQ listings
-----------------------------------------------------------------------------*/

#pageContent .article .FAQ h3 { margin: 0 0 30px 0; }
#pageContent .article .FAQ .rsList li { padding-left: 0; background: none; }
#pageContent .article .FAQ .rsList h4 { font-size: 14px;   padding: 10px; ; margin: 0 0 4px 0;  background: #E2D9C5; }
#pageContent .article .FAQ .rsList .answer p { padding: 10px;   background: #F2ECDE; font-size: 13px; margin-bottom: 4px;    }


/* =Gallery
-----------------------------------------------------------------------------*/
#pageContent .article #gallery {font-size: 1.3em;}
#pageContent .article #gallery .row {float: left; margin-bottom: 2.5em;}
#pageContent .article #gallery .row .column { width: 31.24087591240876%; /*214/685*/ float: left; margin: 0 2.91824817518248% 15px 0px;}
#pageContent .article #gallery .row .column3 {margin-right: 0;}
#pageContent .article #gallery .row .column span {display: block; border: 1px solid #E2D9C5; margin-bottom: 0.3em; padding: 4px;}
#pageContent .article #gallery .row .column span a { overflow: hidden; display: block; text-align: center; border-bottom: none; }
#pageContent .article #gallery .row .column span a img { max-width: 100%; display: inline; vertical-align: bottom; padding: 0; border: none;}
#pageContent .article #gallery .row .column .gCaption {font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
.pp_description,
.pp_nav {font: 1.3em Arial, Helvetica, sans-serif;}


/* =Search Listings
-----------------------------------------------------------------------------*/

#pageContent .article #noResults { background: #9e0813;  color: #fff;  padding: 15px 15px 1px; margin: 30px 0; font-size: 1.1em }
#pageContent .article #noResults p { color: #fff;  }
#pageContent .article #noResults ul li { padding-left: 0; background: none; color: #fff;  }
#pageContent .article #noResults ul li a { color: #fff; border-bottom-color: #fff;  }

#pageContent .article #searchAgain form { padding: 15px;  }
#pageContent .article #searchAgain form #sButton p { margin: 0; font-size: 13px;  }
#pageContent .article #searchAgain form legend { font-weight: bold; font-size: 16px; margin-bottom: 15px;  }
#pageContent .article #searchAgain form input#saField { width: 230px; padding: 5px;  }
#pageContent .article #searchAgain form label { display: none;   }

#pageContent .article .searchResults { margin: 20px 0; padding: 20px 0 ; clear: left;   border-top: 1px dotted #E2D9C5;   }

#pageContent .article .searchResults ul li  { background: none; clear: left; border-bottom: 1px dotted #E2D9C5; border-left: 4px solid #E2D9C5; padding: 5px 0 10px 20px; margin-top: 15px; }

#pageContent .article .searchResults li p { margin:5px 0 10px 0; line-height: 18px; }

#pageContent .article .searchResults li .listTitle  { font-size: 15px; font-weight: bold; }
#pageContent .article .searchResults li .listDescription  { font-size: 13px; font-weight: normal; }
#pageContent .article .searchResults li .listURL { display: inline-block; font-size: 12px; padding: 0; margin-bottom: 10px; }


/* =Contact Details
-----------------------------------------------------------------------------*/

#pageContent .article .contact { background: #F7F5EF; border: 1px solid #E2D9C5; border-left: 4px solid #E2D9C5; padding: 5px 20px 30px 20px;  font-size: 13px;  margin: 20px 0 20px 0;}
#pageContent .article .contact img { float: right;padding: 4px; border: 1px solid #E2D9C5; background: #fff; }
#pageContent .article .contact h3 { margin: 10px 0; font-size: 15px; color: #aaa; }
#pageContent .article .contact dt { clear: left; float: left; }
#pageContent .article .contact .fn a { font-size: 22px; color: #000; }
#pageContent .article .contact .email  { clear: left; padding-top: 15px; display: block;   }
#pageContent .article .contact .org  { font-weight: bold;   }

#pageContent .article .contact .adr  { display: inline-block; padding: 10px 0; width: 60%;}
#pageContent .article .contact dd { float: left;  }


/* =MAP
-----------------------------------------------------------------------------*/
#pageContent .article .mapping { background: #efefef; border: 1px solid #333;  padding: 10px; }



/* =Is Helpful
-----------------------------------------------------------------------------*/
#pageContent .article .isHelpful h3 { font-size: 20px; margin: 0 0 10px 0; padding: 0; }
#pageContent .article .isHelpful form { padding: 15px; display:block;  }
#pageContent .article .isHelpful form #sButton p  { color: #fff; font-weight: bold; padding: 5px 20px 5px 20px; margin: 0; font-size: 13px;  }
#pageContent .article .isHelpful form #sButton p:hover  { color: #000; }
#pageContent .article .isHelpful form #sButton  { border: 4px solid #fff; display: block; position: relative; float: right; top: -20px; right: 20px; background: #BF000C; }
#pageContent .article .isHelpful form legend { display:block; font-size: 12px;  margin: 0 20px 15px 0;   }
#pageContent .article .isHelpful form input{ float: left;   }
#pageContent .article .isHelpful form label { float: left; font-size: 18px; display: block; margin: 0 30px 0 5px;    }



/* =Landing Page
-----------------------------------------------------------------------------*/

#pageContent .landing {  float: left;  margin: -30px 0 3em 2.340425531914894%;  width: 72.87234042553191%; /*685/940*/ } 

#pageContent .landing #modules {clear: left;  }
#pageContent .landing #modules .feature {float: left; width: 31.24087591240876%; /*214/685*/ margin: 0 1.751824817518248% 15px 0px;} /*12/685*/
#pageContent .landing #modules .feature .image { margin: 0 0 10px 0; }


/* = News
-----------------------------------------------------------------------------*/

#pageContent .news ul li { clear: left;  float: left;  border-bottom: 1px dotted #DBCFB3; }
#pageContent .news ul li .image { display: block; float: right; margin: 0 0 20px 20px;  width: 30.5%; background: #fff; padding: 4px;
border: 1px solid #ddd;  }
#pageContent .news ul li .image a { padding: 0; margin: 0;   }
#pageContent .news ul li .image img { float: left;  max-width: 100%;  margin: 0; }

#pageContent .landing #modules .feature h4 { font-size: 13px;  font-family:Arial, Helvetica, sans-serif; font-style: normal; line-height: 10px; padding: 0 0 5px 0; }
#pageContent .landing #modules .news ul li { width: 100%; margin: 0 0 5px 0;  border-bottom: 1px dotted #ddd; }
#pageContent .landing #modules .news .datetime abbr { border: none;  }


/* = Pagination
-----------------------------------------------------------------------------*/

#pageContent .article .content .pagination { font-size: 1.3em;  margin: 20px 0;  float: left;  }
#pageContent .article .content .pagination a { padding: 5px 8px;  background: #F0EBE0 ; color: #000; border-bottom: none; }
#pageContent .article .content .pagination a:hover, 
#pageContent .article .content .pagination a.next:hover,
#pageContent .article .content .pagination a.previous:hover  { background: #E5DCC6; color: #000;  }
#pageContent .article .content .pagination a.next { margin: 0 0 0 5px; padding: 5px 8px;  background: #F0EBE0; color: #000;  }
#pageContent .article .content .pagination .previous { margin: 0 5px 0 0; padding: 5px 8px;  background: #F0EBE0; color: #000;  }
#pageContent .article .content .pagination .active { padding: 5px 8px;  background: #9E0813; color: #fff;  }


/* = AtoZ
-----------------------------------------------------------------------------*/
#pageContent .article .AtoZ a { display: inline-block; font-size: 13px;  padding: 5px 6px; background: #F0EBE0; font-weight: normal; border-bottom: none; }
#pageContent .article .AtoZ a:hover { background: #E5DCC6;  font-weight: normal; padding: 5px 6px; border: none; }
#pageContent .article .AtoZ a.current { background: #AA1B25; color: #fff;  }


/* =Footer
------------------------------------------------------------------------------------------------------------------*/
#pageFooter {overflow: hidden; width: 100%; margin: 0 auto; padding-bottom: 0px;}
#pageFooter .container {overflow: hidden; padding: 20px 0; background: #F2ECDE url(../images/footer_microscope.gif) no-repeat right bottom;}
#pageFooter .container .col {float: left; width: 22.34042553191489% /*210/940*/  ; margin-left: 2.021276595744681%; /*19/940*/}  
#pageFooter .container #socialMedia { margin-top: 4px; }
#pageFooter .container .col h3 {margin: 0; font-size: 1.6em; line-height: 1.4em;}
#pageFooter .container .col .vcard {margin-bottom: 1.7em; font-size: 1.2em; color: #4a473f;}
#pageFooter .container .col .vcard div,
#pageFooter .container .col .vcard dl dd {line-height: 1.8em; margin:0;}
#pageFooter .container .col ul {margin: 0; list-style: none; font-size: 1.2em; color: #4a473f;}
#pageFooter .container .col ul li {line-height: 1.8em;}
#pageFooter .container .col a {color: #4a473f; border-bottom: 1px dotted #595548;}
#pageFooter .container .col a:hover {color: #000; border-bottom: 1px solid #4a473f;}
#pageFooter .container .col#socialMedia ul li {margin-bottom: 1.4em; padding-left: 44px; line-height: 1.5em;}
#pageFooter .container .col#socialMedia ul li.hover {cursor: pointer;}
#pageFooter .container .col#socialMedia ul li.hover a {color: #000; border-bottom: 1px solid #4a473f;}
#pageFooter .container .col#socialMedia ul li.facebook {background: url(../images/facebook.png) no-repeat;}
#pageFooter .container .col#socialMedia ul li.twitter {background: url(../images/twitter.png) no-repeat;}
#pageFooter .container .col#socialMedia ul li.youtube {background: url(../images/youtube.png) no-repeat;}
#pageFooter .container .col#socialMedia ul li.rss {background: url(../images/rss.png) no-repeat;}
#pageFooter p.meta {margin: 0; padding: 10px 20px; background: #d6d0c3; font-size: 1.2em; color: #4a473f;}


/* =jQuery UI tabs
------------------------------------------------------------------------------------------------------------------*/
#pageContent .article .tabbed-box { width: 100%;  background: #fff;  border: 1px solid #ddd; padding: 4px;  margin: 0 0 30px 0; }
#pageContent .article .tabbed-box .tabs { margin: 0 0 0 0; padding: 0; }
#pageContent .article .tabbed-box .tabs li {padding: 0; list-style: none; float: left; background: none; }
#pageContent .article .tabbed-box .tabs li a { display: block; width: 100px; padding: 10px 10px 5px 10px; font-weight: bold; text-align: center; text-decoration: none; height: 40px; color: #222; background: #ebe5d8; border-right: 4px solid #fff; border-bottom: none; }

#pageContent .article .tabbed-box .tabs li:first-child a { border-left: none; }
#pageContent .article .tabbed-box .tabs li a:hover { color: #333; }
#pageContent .article .tabbed-box .tabs li a:focus { outline: none; }
#pageContent .article .tabbed-box .tabs li a.active { background: #fff; color: #333; border-bottom: 1px solid #fff; }
#pageContent .article .tabbed-content { clear: left; padding: 3em 2em 2em 2em;display: none; }

/* alternative style */

#pageContent .article .tabbed-box.alt { clear: left;  float: left; width: 660px;  background: #F7F5EF;  border: 1px solid #ddd; margin: 80px 0 30px 0; padding:0;}
#pageContent .article .tabbed-box.alt .tabs { margin: -51px 0 0 -1px; padding: 0; }
#pageContent .article .tabbed-box.alt .tabs ul { margin:0; padding: 0; }
#pageContent .article .tabbed-box.alt .tabs li {list-style: none; float: left;  }
#pageContent .article .tabbed-box.alt .tabs li a { border: 1px solid #ddd;  display: block; width: 100px; padding: 10px 8px 5px 8px; font-weight: bold; text-align: center; text-decoration: none; height: 34px; color: #222; background: #ebe5d8; margin-right: 4px;  font-size: 12px;   }

#pageContent .article .tabbed-box.alt .tabs li a:hover { color: #333; }
#pageContent .article .tabbed-box.alt .tabs li a:focus { outline: none; }
#pageContent .article .tabbed-box.alt .tabs li a.active { background: #F7F5EF; color: #333; border-bottom: 1px solid #F7F5EF; }
#pageContent .article .tabbed-box.alt .tabbed-content.alt { clear: left; display: none; }

/* courses */

#pageContent .article .tabbed-box.crsdetails { clear: left;  width: 100%;  background: #F7F5EF;  border: 1px solid #ddd; margin: 80px 0 30px 0; padding:0;}
#pageContent .article .tabbed-box.crsdetails .tabs { margin: -51px 0 0 -1px; padding: 0; }
#pageContent .article .tabbed-box.crsdetails .tabs ul { margin:0; padding: 0; }
#pageContent .article .tabbed-box.crsdetails .tabs li {list-style: none; float: left;  }
#pageContent .article .tabbed-box.crsdetails .tabs li a { border: 1px solid #ddd;  display: block; width: 80px; 
    padding: 10px 4px 5px; font-weight: bold; text-align: center; text-decoration: none; height: 34px; color: #222; background: #ebe5d8; margin-right: 4px;  font-size: 12px;   }
#pageContent .article .tabbed-box.crsdetails .tabs li a:hover { background: #fff; }

#pageContent .article .tabbed-box.crsdetails .tabs li a:hover { color: #333; }
#pageContent .article .tabbed-box.crsdetails .tabs li a:focus { outline: none; }
#pageContent .article .tabbed-box.crsdetails .tabs li a.active { background: #F7F5EF; color: #333; border-bottom: 1px solid #F7F5EF; }
#pageContent .article .tabbed-box.crsdetails .tabbed-content.alt { clear: left; display: none; }

#pageContent .article .applybutton { text-align: center;  display: block; float: right; 
font-weight: bold; margin-right: 6px; margin-top: 4px; padding: 11px 25px 11px 20px;  width: 45px;  background: #AA1B25 url(../images/right6.png) right 8px no-repeat; }

#pageContent .article .applybutton:hover {  background: #8B0711 url(../images/right6.png) right 8px no-repeat; }

#pageContent .article .applybutton a { color: #ddd; font-weight: bold; font-size: 13px; border-bottom: none; }
#pageContent .article .applybutton:hover a { color: #ffffff !important; border-bottom: none; }
#pageContent .article .sidepanel { clear: right !important; display: block; float: right; width: 30%; border: 4px solid #fff; background: #EBE5D8; padding: 20px; margin: 0 0 30px 20px; }

#pageContent .article .sidepanel h3 { margin: 0 0 10px 0; }
#pageContent .article  h3 {  clear: left !important;  margin: 0 0 10px 0; }

/*Fix for Safari -problem with 5.03*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#pageContent .article .tabbed-box.crsdetails { margin: 130px 0 30px 0; padding:0;}
}


/* =Mega menu styling
------------------------------------------------------------------------------------------------------------------*/

#wrapper_menu { z-index: 5000; clear:both;width:100%;display:block;position:relative; background:#f9f4e8 url(../images/pnav.gif) repeat-x bottom;margin:0 auto 4px;}

.menu {  display:table; list-style:none; width:100%; height:38px; margin:0; padding:0 4px;}
.menu li { float:left; position:relative; margin-top:5px; border:none; display:table-cell; text-align: center; }

.menu li.fullwidth { position:static !important;}
.menu li.hover { background:#fff;}
.menu li.nodrop:hover { background:#fff; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; padding:4px 10px 4px 9px;}
.menu li.nodrop:hover a { padding:5px;}
.menu li a { text-decoration:none; display:block; font-size:1.1em; color:#595548; padding:12px 12px; }
.menu li a:hover { background: #fff !important; }

.menu li.active a { background:#e5dcc6;}
.menu li:hover a { color:#161616;background:#fff;text-shadow:none;position:relative;z-index:11;}
.menu li.hover div a { display:inline; text-decoration:none; text-shadow:none; border:none; padding:0; margin: 0; }

.menu .dropdown_fullwidth { left:-999em; display:block; position:absolute; z-index: 999; background:#fff;border:4px solid #f0ebe0;border-top:none; text-align:left;width:874px;margin:15px 0 0;padding:25px; -webkit-box-shadow: 0px 9px 11px rgba(3,3,3,0.1); -moz-box-shadow: 0px 9px 11px rgba(3,3,3,0.1); box-shadow: 0px 9px 11px rgba(3,3,3,0.1); }

.menu li.hover .dropdown_fullwidth { left:0;top:33px; }
.menu li.hover .align_right { left:auto;right:-1px;top:25px; }
.menu li.right .dropdown_fullwidth { right:18px;top:33px; }

.menu .col_1,.menu .col_2,.menu .col_3,.menu .col_4,.menu .col_5,.menu .col_6 { display:inline; float:left; position:relative; margin-left:20px; }
.menu .col_1 { margin-top: 10px; width:152px; margin-left: 25px; border-left: 1px solid #F0EBE0;  padding-left: 13px; margin-left: 13px; }
.menu .col_1.narrow { width:100px; margin-left: 25px; border-left: 1px solid #F0EBE0;  padding-left: 13px; margin-left: 13px; }
.menu .col_1.wide { width:200px; margin-left: 25px; border-left: 1px solid #F0EBE0;  padding-left: 13px; margin-left: 13px; }
.menu .col_1.mid { width:120px; margin-left: 25px; border-left: 1px solid #F0EBE0;  padding-left: 13px; margin-left: 13px; }


.menu .col_3 { width:510px; border-left: 1px solid #F0EBE0; padding-left: 13px; margin-left: 13px;}
.menu .col_2 { width:310px; border-left: 1px solid #F0EBE0; padding-left: 13px; margin-left: 13px;}

.menu .firstcolumn { margin-left:0; clear:left; border-left: none; padding-left:0 !important;  }

.menu p,.menu ul,.menu li,.menu h2,.menu h3 { font-size:14px;  font-family:Arial, Helvetica, sans-serif; text-align:left;color:#333; }
.menu p { color: #555; font-size:12px; line-height:18px; text-shadow:1px 1px 1px #efefef; margin:0 0 10px 0; }
.menu .strong { font-weight:700;}
.menu .italic { font-style:italic;}
.menu h2,.menu h3 a { margin-top: -5px; }

.menu h2  { display: block; font-weight:400; padding-bottom:5px; letter-spacing: -0.05em;  font: 18px Vollkorn,"Times New Roman",Times,serif; }
.menu h2 a { color: #555 !important; background: none;  }
.menu h2 a:hover { color: #000 !important; }

.col_3 h2, .col_2 h2 { padding: 10px 0 0 0; }


.menu h3 { border: none; float: left; font-size:12px; padding:0 0 5px 10px; line-height: 5px;  background: url(../images/right8.png) 0 0 no-repeat; }
.menu h3 a { font-weight:600; color: #555 !important; }
.menu h3 a:hover { font-weight:600; color: #000 !important; }

.menu img { padding: 4px; margin-bottom: 5px; background: #fff; border: 1px solid #ddd; }
.menu img:hover { padding: 4px; background: #fff; border: 1px solid #555; }

.menu li.hover .col_1 ul { list-style:none; margin:0 0 12px 0;padding:0; margin: 0; }
.menu li.hover .col_1 ul li { font-size:12px; position:relative; float:left;  width:150px; margin:0 0 1px 0; padding:0 0 5px 0;  line-height: 0px }
.menu li.hover .col_1 ul.strong li { font-size:13px; font-weight: normal; position:relative; float:left; width:155px;  margin:0 0 10px 0;  line-height: 0px;  }
.menu li.hover .col_1 ul.strong li a { background: url(../images/right8.png) 0 3px no-repeat !Important;  color: #555; line-height: 15px; }
.menu li.hover .col_1 ul.strong li a:hover { background: url(../images/right8.png) 0 3px no-repeat !Important;  }

.menu li.hover .col_1.narrow ul li { width:100px; }
.menu li.hover .col_1 ul li a { background: url(../images/right9.png) 0 0 no-repeat;  float: left; padding:0 0 0 10px;  display: block; color: #666; }
.menu li.hover .col_1 ul li a:hover { background: url(../images/right9.png) 0 0 no-repeat !important; color: #000; }

.menu li.hover ul.mm_rsList li a { background: none; padding: 8px 0 0 0; }

.menu li.hover ul.mm_rsList li .datetime { margin: 0; font-size: 1em;  text-decoration: none; border-bottom: none; padding: 0;  }
.menu li.hover ul.mm_rsList li abbr { border-bottom: none;  }
.menu li.hover ul.mm_rsList li a { padding: 0 0 10px 0; margin: 0;  }


/* =CTA styling
------------------------------------------------------------------------------------------------------------------*/

/* =Course finder etc */

#ctaNav .toolbox a {padding: 0; background: none;}

#ctaNav .toolbox form { width: 872px; background: #9B141D; color: #fff; float: left; padding: 10px; border: 20px solid #8B0711; font-size: 9px; }

#ctaNav .toolbox .col_1,
#ctaNav .toolbox .col_2,
#ctaNav .toolbox .col_3,
#ctaNav .toolbox .col_4,
#ctaNav .toolbox .col_5,
#ctaNav .toolbox .col_6,
#ctaNav .toolbox .col_7,
#ctaNav .toolbox .col_8 { display:inline; float:left; position:relative; padding-right:40px; background: url(../images/ctaArrowSmall.png) right 10px no-repeat; }
 
#ctaNav .toolbox .col_1,
#ctaNav .toolbox .col_5 { display: block; width: 190px; min-height: 161px; }
#ctaNav .toolbox .col_2,
#ctaNav .toolbox .col_6 { display: block; width: 195px; min-height: 161px; }
#ctaNav .toolbox .col_3,
#ctaNav .toolbox .col_7 { display: block; width: 195px; min-height: 161px; }
#ctaNav .toolbox .col_4,
#ctaNav .toolbox .col_8 { display: block; width: 170px; min-height: 161px; }

#ctaNav .toolbox .fac .col_2 {min-height: 131px; padding-top: 30px;}
#ctaNav .toolbox .fac .col_3.option_1 {min-height: 88px; padding-top: 73px;}
#ctaNav .toolbox .fac .col_3.option_2,
#ctaNav .toolbox .fac .col_3.option_5 {min-height: 152px; padding-top: 9px;}
#ctaNav .toolbox .fac .col_3.option_4 {min-height: 116px; padding-top: 45px;}
#ctaNav .toolbox .fac .col_4 {min-height: 97px; padding-top: 64px;}

#ctaNav .toolbox .psp .col_2.option_1,
#ctaNav .toolbox .psp .col_2.option_2 {width: 642px; padding-right: 0; background: none;}
#ctaNav .toolbox .psp .col_2.option_1 {min-height: 152px; padding-top: 9px;}
#ctaNav .toolbox .psp .col_2.option_2 {min-height: 157px; padding-top: 4px;}
#ctaNav .toolbox .psp .col_4 {min-height: 97px; padding-top: 64px;}

#ctaNav .toolbox .odays .col_1 {min-height: 134px; padding-top: 27px;}
#ctaNav .toolbox .odays .col_2 {min-height: 152px; padding-top: 9px;}
#ctaNav .toolbox .odays .col_4,
#ctaNav .toolbox .odays .col_5,
#ctaNav .toolbox .odays .col_8 {min-height: 97px; padding-top: 64px;}
#ctaNav .toolbox .odays .col_6 {min-height: 152px; padding-top: 9px;}

#ctaNav .toolbox .git .col_1 {min-height: 101px; padding-top: 60px;}
#ctaNav .toolbox .git .col_2 {min-height: 134px; padding-top: 27px;}
#ctaNav .toolbox .git .col_3 {min-height: 97px; padding-top: 64px;}
#ctaNav .toolbox .git .col_4 {min-height: 144px; padding-top: 17px;}

#ctaNav .toolbox .fac .col_2.option_1,
#ctaNav .toolbox .fac .col_3.option_1,
#ctaNav .toolbox .fac .col_4,
#ctaNav .toolbox .psp .col_2.option_1,
#ctaNav .toolbox .odays .col_2.option_1,
#ctaNav .toolbox .odays .col_3,
#ctaNav .toolbox .odays .col_4,
#ctaNav .toolbox .git .col_2,
#ctaNav .toolbox .git .col_3,
#ctaNav .toolbox .git .col_4 {display: block;}

#ctaNav .toolbox .col_4,
#ctaNav .toolbox .col_8 { padding-right: 0 !important; background: none !important; }

#ctaNav .toolbox .inputField {margin-bottom: 5px;}
#ctaNav .toolbox .inputField input[type=text] {width: 185px; font-size: 1.45em;}
#ctaNav .toolbox .inputField textarea {width: 185px; height: 100px; font-size: 1.45em;}
#ctaNav .toolbox .inputField select {width: 191px;}

#ctaNav .toolbox li { width: 100%; clear: left; }
#ctaNav .toolbox li:hover { background: #9B141D; }

#ctaNav .toolbox label, #ctaNav .toolbox  .label { float: left; font-size: 13px;  margin: 3px 0 0 0;}

#ctaNav .toolbox .button { display: block; text-align: center; cursor:pointer; font-size: 1.6em; padding: 15px 5px 15px 5px; width: 85%; background: #DDD6C8; color: #444; font-weight:bold; border: 4px solid #fff; margin-bottom: 2px;  }

#ctaNav .toolbox .button.small { padding: 8px 5px 8px 5px; }

#ctaNav .toolbox .options {width: 100%;}
#ctaNav .toolbox .options label { clear: left; width: 100%; }
#ctaNav .toolbox .button.current  { background: #BF000C; color: #fff;}
#ctaNav .toolbox .button:hover { background: #fff; color: #000;  }

#ctaNav .toolbox button#submit { font-size: 1.8em; height: 40px; width: 120px; background: #333; color: #fff; font-weight:bold; border: 4px solid #fff; margin-bottom: 2px; cursor: pointer; }
#ctaNav .toolbox button#submit:hover { background: #fff; color: #000;  }

#ctaNav .toolbox .formField {width: 100%;}
#ctaNav .toolbox .checkBoxList { background: #efefef; padding: 5px; overflow: scroll; overflow-x:hidden;  color: #000; height: 150px; display: block; width: 180px; font-size: 13px; }
#ctaNav .toolbox .checkBoxList .formField { clear: left; width: 100%;  }
#ctaNav .toolbox .checkBoxList .formField label  {  float: none; margin-left: 25px; display: block; }
#ctaNav .toolbox .checkBoxList .formField input  { float: left;  }

#pageContent .article .form .checkBoxList { background: #fff; overflow: scroll; overflow-x:hidden;  color: #000; height: 150px; display: block; width: 100%; font-size: 13px; }
#pageContent .article .form .checkBoxList .formField { display: inline-block; float: left; clear: left; width: 100%; }
#pageContent .article .form .checkBoxList .formField label { float: left; clear: none; }
#pageContent .article .form .checkBoxList .formField input { float: left; }

#ctaNav .toolbox .col_2,
#ctaNav .toolbox .col_3,
#ctaNav .toolbox .col_4,
#ctaNav .toolbox .col_5,
#ctaNav .toolbox .col_6,
#ctaNav .toolbox .col_7,
#ctaNav .toolbox .col_8 { display: none; }

.letterField { float: left; width: 46px; }
.letterField label { float: left;  font-size: 14px;  font-weight: bold;  padding-bottom: 7px;  width: 10px;}

#pageContent .article #letterFields {float: left;  margin: 20px 0; }
#pageContent .article #letterFields label {font-weight: normal;  }

#ctaNav .toolbox .prospBlock { padding-left: 20px; float: left; width: 135px;}
#ctaNav .toolbox .prospBlock:first-child { padding-left: 0;}
#ctaNav .toolbox p { margin: 0; padding: 0; }
#ctaNav .toolbox p a { display: inline; font-size: 11px; padding: 0; margin: 0; text-transform: none; border-bottom: 1px dotted #fff; background: none !important; }
#ctaNav .toolbox p a:hover {border-bottom-style: solid; }
#ctaNav .toolbox h2 { padding: 0; margin: 0; }
#ctaNav .toolbox h2 a { display: inline; text-transform: none; font-size: 1em; background: none !important; border-bottom: 1px dotted #fff; }
#ctaNav .toolbox h2 a:hover {border-bottom-style: solid; }
#ctaNav .toolbox h3 { padding: 0; margin: 0; background: none; }
#ctaNav .toolbox h3 a { padding: 0; margin: 0; font-size: 1.2em;   }
#ctaNav .toolbox h4 { padding: 0; margin: 0; }
#ctaNav .toolbox img { padding: 4px; margin-top: 10px; background: #fff; border: 1px solid #666; }
#ctaNav .toolbox img:hover { border: 1px solid #000; }

.campusSelect { display: block; margin: 10px 0 15px 0; float: left; }

.opendayDates  { display: block; clear: left; }
.opendayDates.option_southend { display: none; }
.opendayDates input { display: block; float: left; clear: left;}
.opendayDates label { display: block; float: left; }
.formField { float: left; }

#ctaNav .toolbox .ctaSocialMedia li a { display: block; padding-left: 40px; font-size: 13px; font-weight: normal; text-transform: none; background: none; }
#ctaNav .toolbox .ctaSocialMedia li.facebook {background: url(../images/facebook.png) no-repeat; min-height: 50px; }
#ctaNav .toolbox .ctaSocialMedia li.twitter {background: url(../images/twitter.png) no-repeat; min-height: 42px; padding-top: 8px; }
#ctaNav .toolbox .ctaSocialMedia li.youtube {background: url(../images/youtube.png) no-repeat; min-height: 50px; }

#lightsOut { display: none; background: url(../images/50black.png); width: 100%; height: 100%;  position: fixed; top: 0;  left: 0; }


/* clearfix */
#ctaNav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #ctaNav ul             { zoom: 1; } /* IE6 */
*:first-child+html #ctaNav ul { zoom: 1; } /* IE7 */
