@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,900");


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/*Two colm layout, green box and pink box */
#ColmG {background-color:#b7d433; width:290px;  color:#fff; padding:10px;}
#ColmP {width:290px; float:right; background-color:#ec008c; color:#fff; margin-left:20px; margin-bottom:20px; padding:10px;}

#ColmG h2, #ColmP h2 {color:#fff; background-color:none; font-weight:normal; font-size:14pt; margin:10px 0px 10px 0px; padding:0px 0px 4px 8px; border-bottom:1px solid #fff;}
#ColmG a:link, #ColmG a:visited {color:#fff;}
#ColmG a:hover {color:#666;}
#ColmP a:link, #ColmP a:visited {color:#fff;}
#ColmP a:hover {color:#666;}

h2 a:link {color:#00adef; text-decoration:none;}
h2 a:hover {color:#b7d433; text-decoration:none;}


ul.gbg {margin:0px; padding:0px;}
ul.gbg li {list-style-type:none; background:url(../Images/Global/Bg/arrowgreenbg.gif) no-repeat top left; padding:0px 8px 15px 25px;}

.intro { font-size: 140%;
}

.PrintOnly {display:none;}

.FindPhrase{height:20px; width:120px; border:none; background: transparent url("/images/global/FindPhrase.gif") no-repeat;}
.Submit{border-style: none;
    border-color: inherit;
    border-width: medium;
    width:120px; height:20px; background: transparent url("/images/global/Submit.gif") no-repeat;
}
.SearchFAQ{height:20px; width:120px; border:none; background: transparent url("/images/global/search_faqs.gif") no-repeat;}
.Search{height:20px; width:120px; border:none; background: transparent url("/images/global/Search.gif") no-repeat;}

/*#TopNav {background-color:#444; height:43px; margin:0px 0px 8px 0px;} */
#TopNav {position: absolute; nowhitespace: afterproperty; bottom: 0; left: 0; padding: 0 0 0 30px; margin: 0; width: 930px; font-size: 100%; background-color: #444; /*overflow: hidden;*/ }
#menu {padding:0px; margin:0px 0px 15px 0px; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:0px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; border-right:1px solid #fff; background:#444; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 30px 0px 20px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#444;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#00adef;}
#menu li:hover > a.sub {color:#fff; background-color:#00adef;}

#menu :hover ul {left:0; top:40px; width:220px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #fff;}
#menu :hover ul li a {width:220px; padding:0; text-indent:10px; background:#444; color:#fff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#00adef; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu .login:link, #menu .login:visited {color:#ec008c; font-weight:bold;}

/*Gives the green filter bg */
#filter {background: url(/Images/Global/Bg/filterbg.png) no-repeat left; padding:25px 0px 0px 65px; width:350px; height:50px;}

/*Styling the breadcrumbs */
#Bread {Margin:0px 0px 3px 5px; color:#ec008c; font-size:8pt;}
#Bread .Bread:link, #Bread .Bread:visited {background: url(../images/global/SmallGreyArrow.gif) no-repeat right; padding-right:15px; color:#999; text-decoration:none;}
#Bread .Bread:hover {color:#b7d433;}

.PrintOnly {display:none;}

/*For the little email to a friend and print page links */
#Contacts {text-align:right; float:right;}

/*Two colm layout, green box and pink box */
#ColmG {background-color:#b7d433; width:290px;  color:#fff;}
#ColmP {width:280px; float:right; background-color:#ec008c; color:#fff; margin-left:20px; margin-bottom:20px;}

#ColmG h5, #ColmP h5 {color:#fff; font-weight:normal; font-size:14pt; margin:10px 0px 10px 0px; padding:0px 0px 4px 8px; border-bottom:1px solid #fff;}
#ColmG a:link, #ColmG a:visited {color:#fff;}
#ColmG a:hover {color:#666;}
#ColmP a:link, #ColmP a:visited {color:#fff;}
#ColmP a:hover {color:#666;}

/*To give padding inside the little rpice boxes - this wasn't needed originally*/
#ColmPP {padding:10px;}

/*Original MIST h1 styles 
h1.pink{background: url(/Images/Global/Bg/BtnRed.gif) no-repeat left; background-color:#ec008c; color:#fff; padding:6px 3px 3px 3px; font-size:11pt; margin:2px; font-weight:normal;}
h1.blue{background: url(/Images/Global/Bg/BtnBlue.gif) no-repeat left; background-color:#00adef; color:#fff; padding:6px 3px 3px 3px; font-size:11pt; margin:2px; font-weight:normal;}
    */

/*MIST buttons */
.GreenBtn:link, .GreenBtn:visited {Background-color:#00adef; color:#fff; text-decoration:none; padding:4px 10px 4px 10px;}
.GreenBtn:hover {color:#ccc;}
.BlueBtn:link, .BlueBtn:visited {Background-color:#b7d433; color:#fff; text-decoration:none; padding:4px 10px 4px 10px;}
.BlueBtn:hover {color:#999;}
.WhiteBtn:link, .WhiteBtn:visited {color:#00adef; text-decoration:none; padding:4px 10px 4px 10px; border:1px solid #00adef;}
.WhiteBtn:hover {color:#999;}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
 display: block }
audio, canvas, video {
 display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) {
 display: none }
[hidden] {
 display: none }
html {
 font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #fafafa; }
body {
 margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea {
 font-family: sans-serif; color: #222; }
::-moz-selection {
 background: #fe57a1; color: #fff; text-shadow: none; }
::selection {
 background: #fe57a1; color: #fff; text-shadow: none; }
a {
 color: #00adef; }
a:visited {
 color: #00adef; }
a:hover {
 color: #00e; }
a:focus {
 outline: thin dotted }
a:hover, a:active {
 outline: 0 }
abbr[title] {
 border-bottom: 0 dotted }
b, strong {
 font-weight: 700 }
blockquote {
 margin: 1em 40px }
dfn {
 font-style: italic }
hr {
 display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins {
 background: #ff9; color: #000; text-decoration: none; }
mark {
 background: #ff0; color: #000; font-style: italic; font-weight: 700; }
pre, code, kbd, samp {
 font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre {
 white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q {
 quotes: none }
q:before, q:after {
 content: ""; content: none; }
small {
 font-size: 85% }
sub, sup {
 font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {
 top: -.5em }
sub {
 bottom: -.25em }

ul, ol, li {
 margin: 0; padding: 0; list-style: none; }
dd {
 margin: 0 0 0 40px }
nav ul, nav ol {
 list-style: none; list-style-image: none; margin: 0; padding: 0; }
img {
 border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) {
 overflow: hidden }
figure {
 margin: 0 }
form {
 margin: 0 }
fieldset {
 border: 0; margin: 0; padding: 0; }
label {
 cursor: pointer }
legend {
 border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea {
 font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input {
 line-height: normal; *overflow: visible; }
table button, table input {
 *overflow: auto }
button, input[type="button"], input[type="reset"], input[type="submit"] {
 cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] {
 box-sizing: border-box }
input[type="search"] {
 -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0; padding: 0; }
textarea {
 overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid {
 background-color: #f0dddd }
address {
 font-style: normal }
table {
 border-collapse: collapse; border-spacing: 0; }
td {
 vertical-align: top }
body {
 margin: 0; text-align: center; font: 12px Arial, Helvetica, sans-serif; background: #999 url(../images/bg-main-04.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; font-family: Roboto; }
ul, ol {
 list-style: none; margin: 0; padding: 0; }
a img {
 border: 0 }
.gleft {
 float: left; margin: 0 15px 0 0; }
.gright {
 float: right; margin: 0 0 0 15px; }
.grightc {
 float: right; margin: 5px 15px; clear: both; margin-right: 0; }
img.spaced {
 margin: 30px 0 0 }
img.spaceb {
 margin: 0 0 15px }
#wrapper {
 width: 1010px; margin: 0 auto; text-align: left; background-color: #fff; }
#header {
 width: 960px; background: #fff; margin: 0 25px; height: 175px; position: relative;}
#logo {
 position: absolute; top: 23px; left: 30px; }
#sched {
 position: absolute; top: 33px; right: 210px; }
#sched li {
 display: inline; margin: 0 0 0 -2px; }
#sched li img {
 vertical-align: middle }
header .strap-top {
 position: absolute; top: 20px; right: 30px; font-size: 1.1em; font-weight: 400; color: #646464; letter-spacing: -1px; border: 1px solid black;}
header .strap-bottom {
 position: absolute; bottom: 50px; right: 30px; font-size: 1.9em; font-weight: 900; color: #646464; }
header .strap-top a {
 display: block; color: #646464; font-size: 1.4em; font-weight: 700; text-decoration: none; }
#topnav {
 position: absolute; nowhitespace: afterproperty; bottom: 0; left: 0; padding: 0 0 0 30px; margin: 0; width: 930px; font-size: 100%; background-color: #444; /*overflow: hidden;*/ }
#topnav li {
 display: inline; padding: 1.375em 20px; margin: 0; margin-left: -5px; line-height: 4em; -webkit-transition: background .7s ease-out; -moz-transition: background .7s ease-out; -ms-transition: background .7s ease-out; -o-transition: background .7s ease-out; transition: background .7s ease-out; }
#topnav li:hover {
 background-color: #666; -webkit-transition: background .2s ease-in; -moz-transition: background .2s ease-in; -ms-transition: background .2s ease-in; -o-transition: background .2s ease-in; transition: background .2s ease-in; cursor: pointer; }
#topnav li.sel:hover {
 color: #ddd; border-radius: 0; }
#topnav li.sel {
 background-color: #555 }
#topnav li.sel a {
 color: #fff }
#topnav a {
 color: #ddd; font-weight: 700; text-decoration: none; padding: 1em .3em; }
#topnav li:hover a {
 color: #fff }
#topnav .submenu {
 display: none }
#topnav .submenu .sublist {
 position: absolute; top: 99%; left: 0; z-index: 255; width: 100%; background-color: #444; background-color: rgba(50,50,50,0.95); padding: 5px 0 2em; display: none; }
#topnav .submenu .sublist h3 {
 margin: 5px 0; background-color: transparent; padding-left: 2px; }
#topnav .submenu .sublist .leftnav li {
 width: 23%; float: left; margin: 0; line-height: 1.2em; padding: 0 1%; }
#topnav .submenu .sublist .leftnav li a:hover {
 background-color: #fff; }
#topnav .submenu .sublist .leftnav li li {
 width: 98%; padding: 0 1%; }
#topnav .submenu .sublist .leftnav li:hover {
 background-color: transparent }
#topnav .submenu .sublist .leftnav  li:hover a, #topnav .submenu .sublist .leftnav li.current {
 color: #ddd; background: transparent; }
#topnav .submenu .sublist .leftnav li li a {
 font-weight: 300; color: #ddd; border-bottom: 1px solid #777; }
#topnav .submenu .sublist .leftnav li li a:hover {
 color: #fff }
#topnav .ccol {
 background-color: #00aeef !important }
#topnav .submenu .sublist a {
 padding: 5px 0 }
#banner img {
 width: 100% !important; height: auto !important; position:absolute; top:0; right:0;}
#sbanner {
 position: relative; height: 120px; }
#sbanner img {
 z-index: 0 }
#sbanner blockquote {
 width: 50%; position: absolute; font-style: italic; color: #fff; z-index: 1; top: 30px; right: 240px; text-align: right; font-weight: 700; }
#sbanner span {
 font-style: normal; padding-right: 10px; }
#leftcol {
 width: 255px; float: right; margin: 5px 0; border-right: 1px solid #555; }
.leftnav li {
 margin: 0 0 0 10px }
.leftnav li.current {
 background: #e5e5e5 url(../images/sidenav-back.png) repeat-y right center; -webkit-background-size: 14px 27px; }
.leftnav li.current a {
 border: 0; color: #333; }
.leftnav li.current a:hover {
 background-color: #e5e5e5 }
.leftnav li li {
 padding: 0 10px 0 0 }
.leftnav h3 {
 font-family: Roboto, sans-serif; color: #eee; font-size: 120%; text-transform: uppercase; margin: 20px 10px 5px; padding: 5px 10px; background-color: #666; border-bottom: 4px solid #eb2b8e; font-weight: 300; }
.leftnav h3.a {
 border-bottom: 4px solid #7da141 }
.leftnav h3.c {
 border-bottom: 4px solid #418ea1 }
.leftnav h3.d {
 border-bottom: 4px solid #ddb05a }
.leftnav h3.e {
 border-bottom: 4px solid #999 }
.leftnav h3 span {
 font-weight: 300; font-size: 90%; }
.leftnav a {
 text-decoration: none; color: #333; display: block; padding: 5px 3px 5px 13px; border-bottom: 1px solid #eee; }
.leftnav a:hover {
 background-color: #f9f7f7; color: #211; }
.courselist {
 position: absolute; left: -9999px; }
#holder {
 width: 960px; padding: 0 0 20px; margin: 0 25px; }
#demo {
 padding: 0 1px; margin: 0 25px; overflow: hidden; }
#area li {
 display: inline }
#maincol {
 width: 700px; margin: 15px 0; padding: 0 25px; float: right; color: #666; font-size: 13px; }
#maincol p strong, #maincol li strong {
 font-size: 13px }
#maincol h1, #maincol h2 {
 font-family: 'MoobiRegular', Roboto, sans-serif; text-transform: uppercase; font-size: 160%; margin: 8px 0; background-color: #eee; padding: 5px 10px; font-weight: 900; }
#maincol h1.home {
 margin: 0 0 10px; font-size: 270%; letter-spacing: -1px; }
#maincol h1 img {
 vertical-align: text-top; margin: 0 5px 0 0; }
#maincol h1 span, #maincol h2 span {
 font-weight: 300 }
.course #maincol h1 {
 text-transform: none; color: #eb2b8e; font-size: 220%; margin: 0; font-weight: 700; background-color: #fff; }
.course #maincol h1 strong {
 font-weight: 900 }
.course.a #maincol h1, .course.a #maincol h2 {
 color: #7da141 }
.course.b #maincol h1, .course.b #maincol h2 {
 color: #eb2b8e }
.course.c #maincol h1, .course.c #maincol h2 {
 color: #418ea1 }
.course.d #maincol h1, .course.d #maincol h2 {
 color: #ddb05a }
.course.e #maincol h1, .course.e #maincol h2 {
 color: #d20a0a }
.course #maincol h1, .course #maincol h2 {
 color: #666 }
.course #banner {
 position: relative; color: #fff; font-weight: 700; height:280px; overflow:hidden;}
.course #banner .area {
 position: absolute; bottom: 0px; left: 0; font-size: 3em; text-transform: uppercase; padding: 4px 15px; letter-spacing: -1px; }
.course.a #banner .area {
 background-color: #7da141 }
.course.b #banner .area {
 background-color: #eb2b8e }
.course.c #banner .area {
 background-color: #418ea1 }
.course.d #banner .area {
 background-color: #ddb05a }
.course #banner .area {
 background-color: #666 }
.course.e #banner .area {
 background-color: #d20a0a }
.course #banner blockquote {
 position: absolute; bottom: 5px; right: 2em; font-size: 1.5em; font-style: italic; width: 300px; line-height: 1.3em; text-shadow: 0 0 3px #333; text-align: right; margin:0;}
.course #banner blockquote img {
 width:75px !important; height:auto; position:static;}
.course #banner blockquote span {
 display: block; margin-top:10px;}
.course #maincol h1 span {
 font-size: 70% }
#maincol .subhead {
 color: #999; font-size: 1em; font-weight: 700; margin: 10px 0 .1em; text-transform: uppercase; }
#maincol h2 {
 margin: 1.6em 0 0; clear: both; color: #888; }
#maincol h2.nc {
 clear: none }
#maincol h3 {
 margin: 2em 0 -.5em }
#maincol h3 a {
 color: #668; font-size: .8em; float: right; }
#maincol h3.point {
 margin: 1em 0 -.5em; font-family: Roboto, sans-serif; text-transform: uppercase; font-weight: 300; font-size: 140%; }
#maincol h4 {
 font-size: 1.2em; margin: 1em 0 -.5em; }
#maincol p {
 padding: 0 10px; line-height: 1.6em; }
#maincol .hl {
 margin: 1em 0; background-color: #f1f1f1; padding: 1em 10px; }
#maincol p a {
 color: #00adef; font-weight: 700; }
#maincol p strong {
 color: #555 }
#maincol ul {
 list-style: square; padding: 0 0 0 30px; margin: 10px 0; border:0px solid #000; }
#maincol ul li a {
 color: #4e76aa }
#maincol ul.inc {
 list-style: none }
#maincol ul.inc li {
 line-height: 1.5em }
#maincol ul.highlights {
 padding: 0; list-style: none; float: left; width: 33%; margin: 0 0 30px; }
#maincol ul.highlights li {
 margin: 10px 0 0; color: #4e76aa; font-weight: 700; }
#maincol ul.highlights ul {
 list-style: square; padding: 0; }
#maincol ul.highlights ul li {
 margin: 0 5% 0 2em; color: #666; font-weight: 400; }
#maincol ul.adv, #maincol ul.addr {
 line-height: 1.5em }
#maincol p q span {
 display: block; text-align: right; }
#maincol p q:after, #maincol p q:before {
 content: "" }
#maincol ul.offers {
 padding: 0; margin: 0; list-style: none; }
#maincol p .subs {
 font-size: .9em }
#maincol blockquote {
 background-image: url(../images/quotes-close.png); background-position: right bottom; background-repeat: no-repeat; padding: 5px 3em 0 0; margin: 1em 3em 1.5em 2em; line-height: 1.6em; font-style: italic; }
#maincol blockquote span {
 background-image: url(../images/quotes-open.png); background-position: left top; background-repeat: no-repeat; padding: 0 0 0 4em; display: block; }
#maincol blockquote span strong {
 display: block; text-align: right; }
#dates {
 padding: 5px 4% 15px; min-height: 60px; }
#schedule p {
 text-align: right; margin: -10px 0 0; }
#schedule p a {
 color: #00adef; font-size: .9em; }
#overview #dates {
 width: 90%; font-size: 100%; border-collapse: collapse; background: 0; min-height: auto; margin: 0 auto; }
#dates tr th {
 border-bottom: 1px solid #dedede; text-align: left; min-width: 70px; color: #333; }
#dates tr .ctr {
 text-align: center }
#dates tr td {
 border-bottom: 1px solid #dedede; padding: 1px 0; line-height: .8em; vertical-align: middle; }
#dates td:first-child, #dates th:first-child {
 padding-left: 15px }
#dates tr .bno {
 border: 0 }
#dates tr:hover td {
 background-color: #ddd; background-color: rgba(220,220,220,0.7); }
#dates tr:hover td.bno {
 background-color: transparent }
#dates tr:first-child:hover {
 background-color: transparent }
#overview {
 background: #ccc url(../images/bg-overview.jpg) repeat center top; color: #333; margin: 0 0 25px; padding: 16px 0 0; width: 100%; background-size: cover!important; -webkit-background-size: 662px 375px; }
#overview h3 {
 margin: 0; border-top: 7px solid #666; padding: 15px 30px 0; font-family: Roboto, sans-serif; text-transform: uppercase; font-weight: 900; font-size: 150%; color: #666; }
#overview .dt {
 width: 270px; float: left; padding: 10px 30px 0; list-style: none; }
#overview .dt li {
 font-size: 100%; line-height: 1.7em; }
#overview .dt img {
 vertical-align: baseline }
#overview .dt span {
 font-weight: 700 }
#overview p {
 clear: both; padding: 12px 30px 0; }
#maincol #options {
 width: 100%; background-color: #666; list-style: none; padding: 0; margin: 20px 0 0; overflow: hidden; }
#maincol #options li {
 width: 16.66666%; float: left; padding: 0; text-align: center; }
#maincol #options.five li {
 width: 20% }
#maincol #options.four li {
 width: 25% }
#maincol #options.three li {
 width: 33.333% }
#maincol #options li a {
 padding: 13px 0 10px; display: block; color: #eee; text-decoration: none; border-bottom: 8px solid #888; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.a #maincol #options li a:hover {
 border-bottom: 8px solid #7da141 }
.b #maincol #options li a:hover {
 border-bottom: 8px solid #eb2b8e }
.c #maincol #options li a:hover {
 border-bottom: 8px solid #418ea1 }
.d #maincol #options li a:hover {
 border-bottom: 8px solid #ddb05a }
.e #maincol #options li a:hover {
 border-bottom: 8px solid #d20a0a }
#options a img {
 vertical-align: middle; margin: -3px 5px 0 0; }
#maincol #options li a:hover {
 color: #fff; background-color: #444; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.fshad {
 background: #fff url(../images/footer-shadow.jpg) no-repeat top; padding: 22px 0 0; clear: both; }
#footer {
 width: 960px; text-align: left; background: #000 url(../images/bg-footer.jpg) repeat-x bottom; padding: 20px 0 50px; margin: 0 25px; margin: 0 auto; }
#footer nav, #footer .fnav {
 width: 23.333%; float: left; color: #aaa; padding: 0 5%; }
#footer h3 {
 color: #ccc }
#footer ul {
 margin: 0 0 10px }
#footer ul li {
 border-bottom: 1px solid #333 }
#footer ul li a {
 line-height: 2em !important; color: #aaa; text-decoration: none; display: block; }
#footer ul li a.e {
 border-right: 0 }
#footer ul li a:hover {
 color: #fff; border-left: 10px solid #fff; padding: 0 0 0 5px; }
#footer p, #footer address {
 text-align: right; color: #eee; font-size: 90%; margin: 3px 3em 0; }
#footer address {
 clear: both }
table#cdates {
 width: 100%; margin: 5px 0 20px; font-size: 1em; }
table#dates .summary {
 display: none }
table#cdates th {
 font-weight: 700; padding: 5px 0; text-align: left; }
table#cdates tr td {
 border-collapse: collapse; vertical-align: middle; }
table#cdates tr:nth-child(even) {
 background-color: #fafafa!important }
table#cdates tr.dtop td {
 border: 0 }
table#cdates tr td.a {
 width: 55% }
table#cdates tr td.b {
 width: 25% }
table#cdates tr td.c {
 width: 10% }
table#cdates tr td a, table#cdates tr td a:visited {
 text-decoration: none; color: #00adef; }
table#cdates tr:hover {
 background-color: #f2f2f2 }
table#cdates tr .e {
 text-align: center; width: 8%; }
table#cdates td img {
 vertical-align: middle; padding: 0; }
#maincol .btn {
 background: #e6e6e6; nowhitespace: afterproperty; background: -moz-linear-gradient(top, #fff 2%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(top, #fff 2%, #e6e6e6 100%); background: -o-linear-gradient(top, #fff 2%, #e6e6e6 100%); background: -ms-linear-gradient(top, #fff 2%, #e6e6e6 100%); background: linear-gradient(to bottom, #fff 2%, #e6e6e6 100%); background-repeat: repeat-x; border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05); cursor: pointer; display: inline-block; line-height: 1.6em; margin-bottom: 0; padding: 2px 6px; text-align: center; /*text-shadow: 0 1px 1px rgba(255,255,255,0.75);*/ vertical-align: middle; width: 6em; color: #666; font-weight: 700; text-decoration: none; border-color: #c1c1c1 #c1c1c1 #b1b1b1; font-size: 1em; font-style: normal;; }
.course.a #maincol .open:hover {
 color: #7da141; box-shadow: 0 0 3px #7da141; }
.course.b #maincol .open:hover {
 color: #eb2b8e; box-shadow: 0 0 3px #eb2b8e; }
.course.c #maincol .open:hover {
 color: #418ea1; box-shadow: 0 0 3px #418ea1; }
.course.d #maincol .open:hover {
 color: #ddb05a; box-shadow: 0 0 3px #ddb05a; }
.course.e #maincol .open:hover {
 color: #d20a0a; box-shadow: 0 0 3px #d20a0a; }
#maincol .open:hover {
 background: #fff; background: -moz-linear-gradient(top, #e6e6e6 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 100%); background: -o-linear-gradient(top, #e6e6e6 0%, #fff 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #fff 100%); background: linear-gradient(to bottom, #e6e6e6 0%, #fff 100%); color: #333; }
#maincol .full {
 background: #333; background: -moz-linear-gradient(top, #333 0%, #666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #666)); background: -webkit-linear-gradient(top, #333 0%, #666 100%); background: -o-linear-gradient(top, #333 0%, #666 100%); background: -ms-linear-gradient(top, #333 0%, #666 100%); background: linear-gradient(to bottom, #333 0%, #666 100%); filter: none; color: #eee!important; cursor: auto; box-shadow: 0 0 0 none; }
#breadcrumbs {
 text-indent: -9999px; height: 0; overflow: hidden; }
img.choose {
 margin: 8px 15px 2em -20px }
img.selectaca {
 margin: 7px 0 2em -7px }
.customers img {
 margin: 0 30px 0 0; width: 100px; height: auto; }
h2.space {
 margin: 2em 0 .5em!important }
.adobe #maincol h1 {
 font-size: 150%; background: #d50968 url(../images/adobe-grad.jpg) repeat-x; color: #fff; text-transform: none; margin-bottom: 1em; padding: 10px 20px; }
.adobe #maincol h1 span {
 display: block; color: #fff; font-size: 180%; }
.one-quart {
 width: 24%; margin-right: 1%; float: left; }
.three-quart {
 width: 74%; margin-right: 1%; float: left; }
.one-third {
 width: 32.333%; margin-right: 1%; float: left; }
.two-third {
 width: 65.666%; margin-right: 1%; float: left; }
.associate {
 overflow: hidden; margin: 0 0 .2em; font-family: Roboto; }
.associate img {
 max-width: 100%; height: auto; margin: 0; padding: 0; float: left; width: 200px; }
.associate p {
 height: 5em; margin: 10px 0; }
.adobe .associate .options {
 overflow: hidden; padding: 0!important; margin-bottom: 3em!important; }
.adobe .associate .options li {
 line-height: 1.8em; border-bottom: 6px solid #999; width: 32.333%; margin-right: 1%; float: left; }
.adobe .associate .options a {
 padding: 5px 10px; display: block; text-decoration: none; color: #000; text-align: right; background-color: #f4f4f4; -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out; }
.adobe .associate .options strong {
 display: block; text-align: left; font-size: 1.1em; font-weight: 700; }
.adobe #content .associate .options span {
 display: block; font-size: 1.3em; color: #069; font-weight: 700; text-align: right; }
.adobe .associate .options a:hover {
 background-color: #e1e1e1; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.adobe #maincol h2 {
 background-color: transparent; font-weight: 700; font-size: 1.6em; padding: 0; text-transform: none; }
.adobe #maincol h3 {
 font-size: 1.2em; background-color: #333; color: #ccc; padding: 5px 10px; min-height: 3em; margin: 0; background-image: url(images/aca-100.jpg); background-repeat: no-repeat; background-position: 96% center; }
.adobe #maincol h3 strong {
 font-size: 1.8em; color: #fff; display: block; }
#rightcol img.aca {
 margin: -10px 0 2em -5px }
#content .associate .coption {
 font-weight: 700; height: 1em; }
.adobe .associate .options a.soon:hover {
 background-color: #F4F4F4 }
.soon {
 cursor: default }
.accessibility {
 display: none }
.highlights li li, .info li {
 list-style: square!important }
#bttop {
 background-color: #666; position: fixed; bottom: 0; right: 5%; box-shadow: 0 0 3px #fff; }
#bttop a {
 display: block!important; color: #fff; padding: .5em 1em; text-decoration: none; font-weight: 700; }
.course #maincol .gright {
 margin: 1em!important }
.choicebanner {
 margin: -20px 0 0 -5px }
.choices #content h1 {
 font-size: 170%; background: #eb2b8e; color: #fff; text-transform: none; margin-bottom: 1em; padding: 10px 20px; }
.choices.a #content h1 {
 background: #7da141 }
.choices.b #content h1 {
 background: #eb2b8e }
.choices.c #content h1 {
 background: #418ea1 }
.choices.d #content h1 {
 background: #ddb05a }
.adobe #content h1 {
 font-size: 170%; background: #d50968; color: #fff; text-transform: none; margin-bottom: 1em; padding: 10px 20px; }
.adobe #content h1 span {
 display: block; color: #fff; font-size: 180%; }
.choices #content h1 span {
 display: block; color: #fff; font-size: 180%; font-weight: 900 !important; }
.choices #content h2 {
 background-color: transparent; color: #d50968; font-weight: 700; font-size: 140%; text-transform: none; padding: 0; }
.choices .suggestions h3 {
 font-size: 180%; margin: .5em 0!important; }
.choices #content h4 {
 color: #324a9a }
.choices #content h4 a {
 font-size: 90%; color: #9B9B9B; font-weight: 400; }
.suggestions {
 border: 5px solid #f2f2f2; margin: 2em 0; padding: 10px 20px 20px; overflow: hidden; }
.adobe .suggestions {
 border: 0; margin: 2em 0 2.5em; padding: 0; overflow: hidden; }
.package {
 background: #888 url(images/package-grad.jpg) repeat-x bottom; position: relative; margin: 2em 0 0; padding: 10px 20px; }
.choices #content .package p {
 font-size: 120%; color: #fff; line-height: 1.2em; text-shadow: 1px 1px 1px #666; margin: 1em 0; }
.choices #content .package p span {
 font-size: 140%; border-bottom: 1px double #fff; }
.choose {
 margin: -5px 0 0 -35px }
#choices {
 font-size: 130%; padding-left:15px !important; }
#choices li {
 width: 30%; float: left; margin: 5px 3% 5px 0; }
#content #choices li a {
 text-decoration: none; color: #fff; display: block; height: 105px; background: #0e76bc; padding: 10px; }
#content #choices li a span {
 display: block; font-size: 140%; color: #fff; font-weight: 700; }
#content #choices li.a a:hover {
 background: #7da141 }
#content #choices li.b a:hover {
 background: #eb2b8e }
#content #choices li.c a:hover {
 background: #418ea1 }
#content #choices li.d a:hover {
 background: #ddb05a }
.clear {
 clear: both; padding-top: 1em!important; }
.cookietbl {
 margin: 0 0 30px }
.cookietbl td, .cookietbl th {
 border: 1px solid #ccc; color: #333; padding: 5px 10px; }
.travel {
 padding: 0 0 2em !important }
.travel li {
 margin-right: 2%; width: 31.333%; float: left; min-height: 200px; background-size:cover; background-position:center;}
.car {
 background: url(../images/by-car.jpg) no-repeat left top }
.bus {
 background: url(../images/by-bus.jpg) no-repeat left top }
.train {
 background: url(../images/by-train.jpg) no-repeat left top }
#about .travel a {
 display: block; text-decoration: none; }
#about .travel h2 {
 background-color: transparent; color: #eee!important; text-transform: none; padding: 20px 10px 0; margin: 0 0 10px; }
#about .travel h2 strong {
 font-size: 1.5em!important; font-weight: 700; }
#about .travel p {
 color: #eee; padding: 0 10px; }
#about .travel p span {
 color: #eee!important; font-weight: 700; font-size: 2em; display: block; }
table#cdates .summary, #courses, #summary, .buttons {
 display: none }
.ir {
 display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br {
 display: none }
.hidden {
 display: none!important; visibility: hidden; }
.visuallyhidden {
 border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
 clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible {
 visibility: hidden }
.clearfix:before, .clearfix:after {
 content: ""; display: table; }
.clearfix:after {
 clear: both }
.clearfix {
 zoom: 1 }
.wide-on {
 display: block }
.mob-on-b, .mob-on-i {
 display: none!important }
 .closed {
	color:#C16944;
	border:3px solid #C16944;
	padding:10px !important; 
	margin:2em 0;
 }
 .careers {
	padding-top:20px;
	min-height:166px;
	overflow:hidden;
	width:100%; 
 }
 
 .careers img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto; 
 }
 .careers p {
	color:#ad355d;
	text-align:center;
	font-size:1.2em;
	font-weight:700;
	line-height:1.2em !important;
 }
.careers p span {
	display:block;	
	font-weight:300;
	font-size:0.9em;
}
 .careers img.arrow {
	margin-top:40px;		 
 }
 .careers ul {
	margin:0 !important;
	padding:0 1% !important; 
 }
 .course-option-3 li {
	width:20%;
	padding:0 1.5%; 
	float:left;
 }
 .course-option-3 li.arrow {
	margin:40px 1% 0 3%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 35px;
	border-color: transparent transparent transparent #aaa;
	overflow:hidden;
 }
 
  .course-option-4 li {
	width:18%;
	padding:0 0.5%;
	float:left;	 
 }
 .course-option-4 li.arrow {
	margin:40px 0.5% 0 1%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent #aaa;
	overflow:hidden;
 }
 
 
@media only screen and (max-width: 960px) { 
    .mob-off {
     display: none !important }
    img {
     max-width: 100%; height: auto; }
    #wrapper {
     width: 700px; background-color: #fff;}
    #header {
     width: 100%; margin: 0; height: 175px; }
    #logo {
     top: 23px; left: 42px; }
    #sched {
     top: 33px; right: 205px; }
    #sched li {
     display: inline; margin: 0; }
    #topnav {
     padding: 0 0 0 30px; width: 670px; }
    #topnav li {
     padding: 1.375em 10px }
    #holder {
     width: 700px; background: none; padding: 0 0 20px; margin: 0; overflow: hidden; }
    .icon-circle-arrow-left:before {
     content: "\f0ab" }
    .wide-on {
     display: none }
    #footer {
     width: 700px; text-align: left; background: #000 url(../images/bg-footer.jpg) repeat-x bottom; padding: 20px 0 50px; margin: 0; }
    #footer h3 {
     font-size: 1.4em }
    #footer nav, #footer .fnav {
     width: 40%; float: left; color: #aaa; padding: 0 5%; }
    #footer ul li a, #footer ul li a:hover {
     padding: .8em 15px }
    #maincol {
     width: 660px; margin: 15px auto; padding: 0 20px; }
    #leftcol {
     width: 100% }
    .leftnav {
     width: 100%; padding: 0; margin: 0; }
    .leftnav li.current {
     background: #ededed; -webkit-background-size: 14px 27px; }
    .leftnav li.current a {
     border: 0; color: #333; }
    .leftnav li.current a:hover {
     background-color: #fff; }
    .leftnav li {
     width: 40%; float: left; padding: 0 5%; margin: 0; }
    .leftnav li li {
     width: 100%; padding: 0; display: block; }
    .leftnav h3 {
     font-size: 120%; padding: 4px 10px; margin: 10px 0 0; }
    .leftnav a {
     text-decoration: none; color: #333; display: block; padding: 8px 1em; border-bottom: 1px solid #eee; }
    .leftnav a:hover {
     background-color: #fff; color: #211; }
    .mob-on-b {
     display: block!important }
    .mob-on-i {
     display: inline!important }
    #topnav .mob-on-i {
     background-color: #00adef !important }
    img.choose, img.selectaca {
     display: none }
    .customers img {
     margin: 0 0 0 30px; width: 90px; height: auto; }
	 .course #banner {
      	width:100% !important; height:235px;
	  }
.course #banner .area {
  bottom: 0px; font-size: 2.3em; }
.course #banner blockquote {
  bottom: 0px; font-size: 1.4em; width: 250px; }
.course #banner blockquote img {
display:none !important;}	  
	  
}
@media only screen and (max-width: 480px) { 
    #wrapper {
     width: 98%; min-width: 320px; background-color: #fff; overflow: visible; }
    #header {
     width: 90%; margin: 0; height: auto; padding: 20px 5% 4em; text-align: center; }
    #logo, #sched, .strap-top {
     position: static!important; padding: 5px 0!important; }
    .strap-bottom {
     display: none }
    #holder {
     display: none!important }
    #sched li {
     display: inline; line-height: 35px; }
    #sched li img {
     vertical-align: middle }
    #topnav {
     font-size: 100%; padding: 0; width: 100%; }
    #topnav li:nth-child(3), #topnav li:nth-child(4) {
     display: none }
    .course #maincol .gright {
     float: none; display: block; margin: 1em auto; }
    .course #maincol h1 {
     font-size: 180%; padding: .2em .5em; }
    .course #maincol h1 span {
     display: block }
    #maincol #options {
     display: none }
    #overview {
     background: #ddd; color: #333; margin: 1em 0 25px; padding: 0 0 2em; border-bottom: 8px solid #666; width: 100%; }
    #dates td:first-child, #dates th:first-child {
     padding: 0; line-height: 1.4em; }
    #dates tr td {
     padding: 8px 0 }
    #dates tr:nth-child(odd) td {
     background-color: #ccc; border-bottom: 1px solid #ccc; }
    #dates .location, #dates .loctitle {
     display: none }
    #maincol ul.highlights {
     width: 50% }
    #footer {
     width: 90%; margin: 0 auto; padding: 0 5%; text-align: left; background: #000 url(../images/bg-footer.jpg) repeat-x bottom; }
    #footer h3 {
     font-size: 1.4em }
    #footer nav, #footer .fnav {
     width: 40%; float: left; color: #aaa; padding: 0 5%; }
    #footer ul li a, #footer ul li a:hover {
     padding: .8em 15px }
    #maincol {
     width: 90%; margin: 15px auto; padding: 0 5%; }
    #schedule tr th:nth-child(3), #schedule tr th:nth-child(5), #schedule tr td:nth-child(3), #schedule tr td:nth-child(5) {
     display: none }
    #schedule {
     background: #fff none; padding: 0; }
    #cdates th:last-child, #cdates td:last-child, #cdates td:nth-child(4n), #cdates th:nth-child(4n), #cdates td:nth-child(5n), #cdates th:nth-child(5n) {
     display: none }
    #cdates td {
     padding: .8em 0 }
    #maincol h1.home {
     font-size: 190% }
    .leftnav li {
     width: 90%; float: left; padding: 0 5%; margin: 0; }
    .map {
     width: 380px }
    #footer nav, #footer .fnav {
     width: 90%; float: left; color: #aaa; padding: 0 5%; }
    .customers img {
     margin: 0 0 0 20px; width: 100px; height: auto; }
    .course #banner blockquote {
     display: none }
    #bttop, .mhide {
     display: none !important }
    #dates .ctr {
     display: none }
    .travel li {
     margin: 15px 2%; width: 96%; float: none; height: 200px; }
    iframe {
     max-width: 100% !important }
 .careers {
	min-height: auto; 
 }
 .careers ul {
	margin:0 !important;
	padding:0 1% !important; 
 }
 .course-option-3 li {
	width:30%;
	padding:0 1.5%; 
	float:left;
 }
 .careers img.arrow, .course-option-3 li.arrow,  .course-option-4 li.arrow, .careers p {
	display:none !important;
 }
 
  .course-option-4 li {
	width:24%;
	padding:0 0.5%;
	float:left;	 
 }
 #choices li {
 width: 90%; float: left; margin: 5px 3% 5px 0; }
#content #choices li a {
 text-decoration: none; color: #fff; display: block; height: 105px; background: #0e76bc; padding: 10px; }
	 
}
@media print { 
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  #maincol {
	width:90%;
	margin:15px auto;	
	padding:0 5%;
}
blockquote {
	border:0;	
}
#bttop {
	display:none !important;	
}
#leftcol, #header, #footer, #options, .bno, #holder {
	display:none !important;
}
#dates tr td {
	padding:10px 0 !important;
}
#maincol h2 {
	clear:left !important;	
}
#bttop {
	display:none;
}

}
.dkkb ul li {
    list-style-image: url(/images/listar.png);
}




#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}

#containerx {
	
	margin: 0 -240px 0 0;
	width: 100%; border: 1px solid #999;
}
#contentx {
	margin: 0 280px 0 20px; border: 1px solid #777;
}