/* Global styles for Caledonian Club Microsite - CSS Document */

/* colours set in this css are all overridden by those set in colours.css */

/*LAYOUT & GLOBAL STYLES*/
html {font-size:100%;overflow-y:scroll;}
* {margin:0;padding:0;}
body {font-size:62.5%;}
#headerWrapper {background-repeat:repeat-x; background-position:top;}
#header {width: 97.5em; margin: 0 auto;}
#pageWrap {width: 97.5em; margin: 0 auto;}
#whiteWrap {padding: 1em 0 2em;}
#pageContent {padding: 0.5em 1.3em 0;}
#pageContent.subNav {padding: 0 0 0 1.3em;}
#footer {width:97.5em; margin:0 auto; clear:both; padding-top: 0.5em; }

/* micro site header */
#microSiteHeader {border-top:1px solid #fff; width: 97.5em; margin: 0 auto; border-bottom: 1em solid #ebebeb; }
#microSiteHeader a#home { padding: 0.67em 0 0.66em 1em; text-decoration:none; display:block; font-size: 4em; border-color:#FFFFFF; border-style:solid; border-width:0 12px 0 13px; margin-left:0; width:22.73em;}
#microSiteHeader #housekeepingLinks, #microSiteHeader #microSiteName { display:none; }
#microSiteHeader.microSiteName #microSiteName { display:inline; }
#microSiteHeader.logoImage a#home { padding-left: 4em; background:transparent url(/media/promo-image2.jpg) no-repeat top left; }
#microSiteHeader.backgroundImage { background:#fff url(/media/header-bkgd.jpg) no-repeat center top;}
#microSiteHeader.links #housekeepingLinks { display:block; }

/*Content areas*/
.leftColHome {width:70.6em; border-right:1px dotted #CDCDCD; float:left; padding-right:0.7em;}
.leftColHousekeeping {width:100%;float:left;}
.rightColHome {float:right; padding:0 0 0 0.7em; width:22.5em;}
#subPageWrap {background-repeat:no-repeat; background-position:1em top; padding:1em 0;}
#contentCol {float:left; width:78.4em; background-repeat:no-repeat; background-position:left top;}
.lhNav {width:17.8em; float:left; padding:2em 0 0 0; z-index:20; position:relative;}
.leftCol {width:56.1em; border-right:1px solid #b2d8eb;float:left; padding:0 0.7em 0 1.3em; margin:1.3em 0;}
.rightCol {float:left; padding:1.3em 0 0 0.7em; width:18em;}
.hasNav {width:18.9em; padding:0 1.3em 2.6em 0; margin:-1em 0 -2.6em 0;border-top:1em solid #b2d8eb;}
.hasNav #newsEvents {margin-left:0.8em;}

/*Misc*/
.clear {clear:both;line-height:0;height:0;font-size:0;overflow:hidden;}
a img {border:none;}
.hidden {display: none;}
ul.links {list-style-type:none;}
ul.horiz li {float:left;}
p, .htmlContent, .leftColHome .textPromo div.htmlContent {margin-bottom: 1em; font-size:1.2em; line-height:1.7em;}
div.htmlContent h2 { font-size:1.7em; }
div.htmlContent h3 { font-size:1.6em;} 
div.htmlContent h4, div.htmlContent h5, div.htmlContent h6 { font-size:1.5em;} 
div.htmlContent br { line-height: 0.5em; } 
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.error {font-weight: bold; font-size: 1.1em; }

/*.leftColHome div.htmlContent { font-size: 1em; line-height: 1.2em; }*/
.leftColHome div.htmlContent h1 { margin-bottom: 0.6em; line-height:1em;}
/*HEADER STYLES*/
#logo {float:left;margin-left:0.2em;}
#skipLink {position:absolute; top:auto; width:1px; height:1px; overflow:hidden; font-size:1.4em; top:4.2em; margin-left:-5em;}
#skipLink:focus, #skipLink:active {width:100px; height:30px;}

/*SEARCH PANEL */
#siteSearchPanel {float: right; width:24em; height:5.4em; background-repeat:repeat-x; background-position: top;}
#siteSearchPanel .searchForm {float:left; width:96%; height:3.2em; padding-top:2.2em; background-repeat:no-repeat; background-position:left top;}
#siteSearchPanel .rightCorner {background-repeat:no-repeat; background-position:right top; float:right; height:100%; width:4%;}
#siteSearch {border: 1px solid #868686; float:left; padding:0.3em; margin-left:1em;}
#siteSearchSubmit {float:right; border:0; width:26px; height:26px; overflow:hidden; background-repeat:no-repeat; font-size:0; padding-top:26px;}
#siteSearchSubmit:hover {cursor:pointer;}

/*HOUSEKEEPING LINKS*/
#housekeepingLinks {float: right; margin: 0.1em 1.3em 0 0; padding: 0 0 3em 6em; }
#housekeepingLinks ul {font-size:1.1em; line-height:1.5em; margin-right: -0.5em; }
#housekeepingLinks ul li {padding: 0.7em 0.5em; background-repeat: no-repeat; background-position: left center;}
#housekeepingLinks ul li:first-child {background-image:none;}
#housekeepingLinks a {text-decoration: none;}
#housekeepingLinks a:hover {text-decoration: underline;}
#housekeepingLinks img {vertical-align: middle; margin:-0.2em 0 0 0.2em;}

/*PRIMARY NAVIGATION*/
#topNav, #topNav ul, #topNav ul li { height:3.35em; }
#topNav {width:94.9em; margin:0 auto 1.2em; border-top:1px solid #fff; }
#topNav ul {list-style-type:none; float:left; }
#topNav li {position:relative; z-index:100; float:left; }
#topNav li a {display:block; float:left; padding:0.6em 1em 0.58em; text-decoration:none; font-size:1.4em; height: 1.2em;}
#topNav ul ul {display:none; position:absolute; z-index:200; margin:0; top:3.3em; left: 0em; height:auto;}
#topNav ul ul li {display:block;width:100%;margin:0;padding:0; height:auto;}
#topNav ul ul li.first a {border-top:1px solid #376483;}
#topNav ul ul li a {font-size: 1.1em; float:none; width:14em; border:1px solid #014061; border-bottom:1px solid #376483; height:auto; }
#topNav ul ul li a:hover {font-size: 1.1em; border: 1px solid #70a9c7; }

#topNav #rss { float:right; padding: 0.55em 0.8em; }

/*SECONDARY NAVIGATION*/
/*Left Nav Column*/
.lhNav ul {list-style-type:none;}
.lhNav ul li {padding-left:0;}
.lhNav a, .lhNav .submenu, .lhNav .noLink {font-size:1.2em; padding:0.5em; display:block; border-bottom: 1px dotted #b1b1b1;}
.lhNav a:hover, .lhNav a:active {text-decoration:none;}
.lhNav ul li a, .lhNav ul li .submenu, .lhNav ul li .noLink {padding-left:1em; font-size:1.4em; margin-left:-0.9em; border:none; font-weight: bold;}
.lhNav ul li li a, .lhNav ul li li .submenu, .lhNav ul li li .noLink {padding-left:0.5em; font-size:1.2em; margin-left:0; border-bottom: 1px dotted #b1b1b1;}
.lhNav ul ul li a {padding-left: 0.5em;font-weight:normal;}
.lhNav ul ul ul li a {padding-left: 1em;}
.lhNav ul ul ul ul li a {padding-left: 1.5em;}
.lhNav ul ul ul ul ul li a {padding-left: 2em;}
.lhNav p.h3 {font-size:1.2em; font-weight:bold; padding: 0.2em 0.5em; border-bottom: 1px dotted #b1b1b1;}
.lhNav p {margin-bottom:0;}
.lhNav li.open li.open a, .lhNav li.open li.open li.open a, .lhNav li.open li.open li.open li.open a, 
.lhNav li.open li.open .noLink {font-weight:bold; background: #fff no-repeat 98% center;}
.lhNav li.open li.open li a, .lhNav li.open li.open li.open li a {font-weight:normal; background:none;}
.lhNav li.open li.open a:hover, .lhNav li.open li.open li.open a:hover, .lhNav li.open li.open li.open li.open a:hover {background-image:none;}
.lhNav li.open li a {font-weight:normal; background:none;}
.lhNav li.current a, .lhNav li.open li.current a, .lhNav li.open li.open li.current a,
.lhNav li.current .noLink, .lhNav li.open li.current .noLink, .lhNav li.open li.open li.current .noLink {font-weight:bold; margin-right:-0.6em; background-repeat:no-repeat; background-position:right center; border:none;}
.lhNav li.current li a, .lhNav li.open li.current li a, .lhNav li.open li.open li.current li a {font-weight:normal; background:none; margin-right:0; border-bottom: 1px dotted #b1b1b1;}
.lhNav .submenu, .lhNav .newsBrowseBy {display:block;}

.lhNavProjects .first, .lhNavProjects .n2 {display:none;}

.lhNav li li li .noLink {padding-left:1em;}
.lhNav li li li li .noLink {padding-left:1.5em;}

.lhNav li ul {display:none;}
.lhNav li.current ul {display:block;}
.lhNav li.current li ul {display:none;}
.lhNav li.open ul {display:block;}
.lhNav li.open li.open li ul {display:none;}
.lhNav li.open li.open li.current ul {display:block;}
.lhNav li.open li.open li.open ul {display:block;}
.lhNav li.open li ul {display:none;}
.lhNav li.open li.current ul {display:block;}
.lhNav li.open li.open li ul {display:none;}
.lhNav li.open li.current li ul {display:none;}
.lhNav li.open li.open ul {display:block;}

/*Right Nav Column*/

#contentCol .rightCol .rhNav ul {border-bottom:0px solid #cdcdcd;}

.rhNav {margin:-0.7em 0 1em -1px;border-bottom:1px solid #b2d8eb;}
.rhNav h3 {margin:0.5em 0 0 0;padding:0.8em 0 0.8em 0.5em; font-size:1.4em;font-weight:bold; }
.rhNav h4 {margin:0.5em 0 0.3em 0.5em; }
.rhNav ul {list-style-type:none; }
.rhNav a, .rhNav span.noLink {font-size:1.2em; padding:0.5em; display:block; border-top: 1px dotted #b1b1b1;}
.rhNav .first a {border-top:none;}
.rhNav a:hover, .rhNav a:active {text-decoration:none;}
.rhNav ul li a {padding-left: 1em;}
.rhNav ul li span.noLink {padding-left: 1.5em;}
.rhNav ul ul li a {padding-left: 1.5em;}
.rhNav ul ul li span.noLink {padding-left: 2em;}
.rhNav ul ul ul li a {padding-left: 2em;}
.rhNav ul ul ul li span.noLink {padding-left: 2.5em;}

.rhNav li.open a, .rhNav li.open li.open a, 
.rhNav li.open span.noLink, .rhNav li.open li.open span.noLink {font-weight:bold; background: #fff no-repeat 97% center;}
.rhNav li.open li a, .rhNav li.open li.open li a,
.rhNav li.open li span.noLink, .rhNav li.open li.open li span.noLink {font-weight:normal; background:none;}
.rhNav li.open a:hover, .rhNav li.open li.open a:hover {background-image:none;}
.rhNav li.open li a, .rhNav li.open li span.noLink {font-weight:normal; background:none;}
.rhNav li.current li a, .rhNav li.open li.current li a,
.rhNav li.current li span.noLink, .rhNav li.open li.current li span.noLink {font-weight:normal; background:none; margin-left:0 ;border-top: 1px dotted #b1b1b1;}
.rhNav li.current a, .rhNav li.open li.current a, .rhNav li.open li.open li.current a, 
.rhNav li.current span.noLink, .rhNav li.open li.current span.noLink, .rhNav li.open li.open li.current span.noLink {font-weight:bold; margin-left:-0.6em; background-repeat:no-repeat; background-position:-1px 50%; border:none;}
.noNav .rhNav {border:none;}

/*GENERAL CONTENT*/
.leftCol ul, .leftCol ol, .leftColHome ul, .leftColHome ol, .leftColHousekeeping ul, .leftColHousekeeping ol {font-size:1.2em; line-height:1.6em; margin:0 0 0.5em 3em;}
.leftCol ul ul, .leftCol ol ol , .leftColHome ul ul, .leftColHome ol ol, .leftColHousekeeping ul ul, .leftColHousekeeping ol ol {font-size:1em;}
.leftCol table, .leftColHousekeeping table, .leftColHome table {width:95%; border: 1px solid #cdcdcd; border-collapse:collapse; margin-left:1.3em;}
.leftCol th, .leftCol td, .leftColHousekeeping th, .leftColHousekeeping td, .leftColHome td, .leftColHome th {padding:0.5em;}
.leftCol th, .leftColHousekeeping th, .leftColHome th {font-size:1.1em;text-align:left;}

/*BREADCRUMBS*/
#bc {margin:0 0.2em 1.4em 0.2em;}
#bc ul {margin-left:0; font-size:1.1em;}
#bc ul li {margin-right:0.2em; display:inline;}
#bc ul li a {padding-right:1em; background-repeat:no-repeat; background-position:right center;}

/*HEADINGS*/
h1, h2 {font-weight:normal;}
h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3.0em; margin-bottom:0.3em; }
h2 {font-size:2.1em; margin-bottom:0.5em;}
h3 {font-size:1.8em; margin-bottom:0.5em;}
h4 {font-size:1.6em; margin-bottom:0.5em;}
h5, h6 {font-size:1.2em; margin-bottom:1em; font-weight:bold;}

.content h2 { font-size: 3em; }

/*COLUMNS & PROMOS*/
.servicesWrap {border-bottom:1px dotted #CDCDCD; margin-bottom:1.3em;}
.services {float:left; margin:0 0 1em 1.7em; width:21.8em; border-color: #CDCDCD; border-right:1px dotted #CDCDCD; min-height:15em;}
.services h2 { font-size: 2em; }
.services ul {padding-right:1em; margin:0 0 1em 1.2em; line-height:1.4em; list-style-type: disc;}
.services ul li {margin-bottom:1em; font-size:1.1em;}
.services:first-child {margin-left:1.3em;}
.services:last-child {border:none;}
.services p { width: 17em; }

.leftCol, .leftColHome {overflow:hidden;}
.leftCol .promoArea {width:56em;}
.leftColHome .promoArea {width:72em;overflow:hidden;}

.rightCol.hasNav div.promoArea {margin-left:0.8em;}
.rightCol div.promoArea div.textPromo, .rightCol div.promoArea div.promo, .rightCol div.promoArea div.dualPromo {margin:0 0 1.3em 0;}
.promo, .textPromo, .dualPromo {margin:0 0.8em 1em 0;}
.promo.home, .textPromo.home, .dualPromo.home {margin:0 1.2em 1em 0;}
.promo {float:left;}
.promo.home {width:22.4em;}
.promo.last {border:none; margin-right:0;}
.promo img {border:none; margin:0;}

.dualPromo {float:left; width:17.9em; background: #cae4f1;}
.dualPromo.home {width:22.5em;}
.dualPromo.home h2 { min-height: 2.37em; margin-bottom:0; font-size:1.7em; }
.dualPromo.last {border:none; margin-right:0;}
.dualPromo img {border:none;}
.dualPromo div.promoText { border: 1px solid #aac1c7; border-top: 0; width:16.2em; padding:0.8em; margin-top:-0.25em; }
.dualPromo.home div.promoText { width:20.7em; }

.textPromo {float:left;border:1px solid #aac1c7; padding:0.8em; width:16.2em;}
.textPromo.home {width:20.8em;min-height:18.1em;}
.textPromo.last {margin-right:0;}
.textPromo.home p {min-height:7em;}
.textPromo h2 {font-size:2.1em;}
.textPromo p {line-height:1.4em;}
.moreLink {clear:both; float:right; background-repeat:no-repeat; background-position:right center; font-size:1.4em; padding-right:0.7em; margin-bottom:0.7em;}
.rightColHome .textPromo, .rightColHome .promo, .rightColHome .dualPromo {margin-right:0;float:none;}

.rssPromo {border:4px solid #B2D8EB;float:left;}
.rssPromo h2 {font-size:2.1em;padding:0.4em;margin-bottom:0;}
.rssPromo ul.rss-items {list-style-type:none;}
.rssPromo li.rss-item {padding:0.7em;font-size:1.2em;border-top:1px dotted #CDCDCD; }
.rssPromo a.rssLink {background-color:#B2D8EB;font-size:1.2em;text-align:right; padding:0.6em 2em 0.2em 0.4em;display:block;background-repeat:no-repeat;background-position:right 0.5em;}

/*CLIENT LOGIN*/
#clientLogin {margin-bottom:1.3em; border:1px solid #8eb300; width:22.5em; padding:1em 0;}
#clientLogin ul {list-style-type:none; padding:0 1.6em;}
#clientLogin li {margin-bottom:0.7em;}
#clientLogin a {font-size:1.1em;}
#clientLogin input.text {padding:0.2em;}
#clientLogin h3 {font-size:2em; text-align:center;}

/*LINKS LIST*/
/*ul.linksList, div.linksList {margin:0 0 1.3em 0; list-style-type:none;}
ul.linksList li, div.linksList {border-bottom:0.1em #b2b2b2 dotted; padding:1em 0 1em 0;line-height:1.8em;}
ul.linksList li a, div.linksList a {background-position:left 0.2em; background-repeat:no-repeat; padding: 0.1em 0 0.6em 1.4em; display:block; font-size:1.6em;width:21em;float:left; }
ul.linksList li p {margin:0.3em 0 0 2.4em; font-size:1em;line-height:1.3em;clear:left;}
ul.linksList li img, div.linksList img {margin:0; padding: 0; border:none;}
ul.linksList .image, div.linksList .image {width:100px;height:100px;overflow:hidden;float:right; padding-left:1em;}
ul.linksList li .image a {background-image:none;padding:0;margin:0;float:none;width:auto;}

div.linksList {font-size:1.2em;}
div.linksList p {margin:0.3em 0 0 1.9em;line-height:1.3em;xwidth:29em; clear:left;}
div.linksList a {width:21em; float:left;}
div.linksList img {float:right;margin-left:1em;}
div.linksList .image {border:none;}*/

ul.linksList {margin:0 0 1em 0;}
.content .linksList li {border-bottom:0.1em #b2b2b2 dotted;list-style-image: none; list-style-type: none; list-style-position: outside;padding:1em 0 1em 1em}
div.linksList {padding:0 0 1em 1em; border-bottom:0.1em #b2b2b2 dotted;margin:0 0 1em 0;}
ul.linksList li {margin-bottom:0em;}
ul.linksList li a, div.linksList a {background-position:left 0em; background-repeat:no-repeat; padding:0em 0em 0.5em 1.4em; display: block;}
ul.linksList li p, div.linksList p {margin:0 0em 0em 2.1em;}
ul.linksList li img, div.linksList img {margin:0em 0em 0em 2em; float: right; margin-top: -1.4em; display: block;border:1px solid #b2b2b2;}

div.linksList {font-size: 1.3em;}
.linksList li a, div.linksList a {font-size:1.5em;}
.linksList li p, div.linksList p {font-size:1em;}


/*NEWS & EVENTS PANEL*/
#newsEvents {width:18em; margin-bottom:1.3em;}
#newsEvents.home {width:22.6em;}
#tabs div {border: 0.5em solid #dbdbda; position:relative;}
#tabs div li div {border:none; position:relative;}
#newsEvents ul {list-style-type:none;}
#tabs-1 li, #tabs-2 li {border-bottom: 1px dotted #b1b1b1; margin-bottom:0;}
#tabs-1 li.last, #tabs-2 li.last {border-bottom:none;}
#newsEvents p {margin-bottom:0; line-height:1.4em; padding:0.5em;}
#newsEvents.home #tabs-1 p {width:10.9em; float:right;}
#newsEvents.home #tabs-1 img {padding:0em; float:left;}
#newsEvents .articlesList_img {width:67px;height:67px;overflow:hidden;margin:0.4em 0.2em;}
.leftCol .leftCol {margin:0;padding:0;border:none;}

/*FOOTER*/
#footer p {float:left; font-size:1.1em; padding-right:0.5em; line-height: 1.7em; }
#footer p.copyright { margin-bottom: 0; padding-bottom: 0; }
#footer ul {line-height:1.8em;}
#footer ul li {padding:0 0.7em; background-repeat: no-repeat; background-position: left center;}
#footer a {font-size:1.1em; }

/*Search engine results */
.results .title {font-weight: normal; font-size: 1.4em; line-height: 1.6em; display: block; margin: 0.5em 0 0.2em 0;}
.results .description {font-size: 1.2em; line-height: 1.6em; display: block;}
.results .publisher {display: none;}
.results .collections {display: none;}
.results .url {font-size: 1.2em; line-height: 1.4em; display: block; margin: 0 0 0.6em;}
.results .size {display: none;}
.results {border-top: dotted 1px #b2b2b2; margin-top: 1em;}

.leftColHousekeeping table { border: none; margin-left:0;width:100%; }
.results table {border-bottom: dotted 1px #B2B2B2;}
.results table table {border: none;}

.score, .date, .fs, .highlight-link {display: none;}
hr {display: none;}
.resultstop {display: none;}
.label {font-weight: normal;}
.search-options {display: none;}


.resultstop {font-size: 1.2em; line-height: 1.4em; }
.navbar {font-size: 1.1em; line-height: 1.2em; }
.score {font-size: 1.4em; line-height: 1.4em; }
.date {font-size: 1.4em; line-height: 1.4em; }
.fs {font-size: 1.4em; line-height: 1.4em; }
.highlight-link {font-size: 1.2em; line-height: 1.4em; }
.query {display: none;}
.tip {display: none;}
.pagebar b {font-weight: normal;}
.search .resultspage ul {list-style-position:outside;margin-left:3em;line-height:1.5em;font-size:1.2em}

.pagination {padding:1em 0em 1em 0em; text-align:right; font-size:1.1em;}
.pagination .prev_active {background-position:left center; background-repeat:no-repeat; padding-left:0.7em; margin:0em 1em 0em 1em; text-decoration:underline;}
.pagination .prev_disabled {background-position:left center; background-repeat:no-repeat; padding-left:0.7em; margin:0em 1em 0em 1em;}
.pagination .next_active {background-position:right center; background-repeat:no-repeat; padding-right:0.7em; margin-left:1em;text-decoration:underline;}
.pagination .next_disabled {background-position:right center; background-repeat:no-repeat; padding-right:0.7em; margin-left:1em;}
.pagination .page_no {margin:0em 0.5em;text-decoration:underline;} 
.pagination .current {margin:0em 0.5em; font-weight:bold; text-decoration:none;}

/* NEWS & EVENTS PAGES */
#newsHeader {margin:0.5em 0 0;}
.news {padding: 1em 0;}
.newsHome {margin-top: 0;} /*change*/
.newsArticle {padding-bottom: 2em;}
.newsArticle .articleImage {border: solid 1px #cbcbcb;overflow:hidden;float:left;margin-right:1em;}
.newsArticle .contents {float: left;}
h2.newsHeader, .h2.newsHeader {margin-bottom: 0.5em;}
p.introPara {line-height:1.6em;font-size:1.6em;}
p.newsDate {font-style:italic;font-size:1.2em;margin-top:1em;clear:both;}
.newsArticleFull .articleContent p:first-child {font-size:1.6em;}

/*** large ***/
.featured {border-bottom: dotted 1px #cdcdcd;}
.featured .contents {width: 46.7em;float:right;}
.featured .title {margin-bottom:0.3em;}
.featured .title a {font-size:0.7em;line-height:1.4em;}
.news .featured .articleImage {height:223px;width:223px;float:left;}

/*** small ***/
.smallNews {padding-top: 1em;}
.smallNews .subNews {float: left; margin-right: 0.8em;}
.smallNews .subNews.last {margin-right: 0;}
.featured h3, .featured .h3, .featured h4, .featured .h4 {margin-bottom: 0.3em;}
.subNews {width: 22.9em;float:left; padding-top:1em;}
.subNews .contents {width: 10.8em; padding-right: 1em;}
.subNews a {font-size: 1.4em;}
.news .subNews .articleImage {width:98px;height:98px;}
.news .newsArticle .summary {margin-top:1.2em;padding-right:1em;}

/* NEWS AND EVENTS HOME */
.newsTitle {float: left; margin-right: 0.3em; font-weight:normal; margin-bottom:0.5em;}

.newsHomeArticle .articleImage {margin: 0 0 0 1em; float:right;}
.newsHomeArticle .articleImage img{margin:0; border:none;}
.newsHomeArticle .contents {float: left; padding-left: 3em; background-repeat: no-repeat; background-position: 0 0.2em; }
.newsHomeArticle .contents a {display: block; margin-bottom: 0.3em; font-weight:normal; font-size: 180%; line-height: 1.2em; }

.newsHomeFeatured .contents {width:33em; float:left;}
.news .newsHomeFeatured .articleImage {height: 176px; width: 176px; float:right;}

.newsHomeSubNews {padding: 1em 0; border-bottom: dotted 1px #cdcdcd;}
.newsHomeSubNews .contents {width: 33em;}
.news .newsHomeSubNews .articleImage {width:61px;height:61px;}
.newsArticle .summary p {font-size:1.1em;}

.newsHomeEvents {margin-top:3em; padding: 0 0 0 1em;}
.newsHomeEvents .subHeader {margin-bottom: 2.4em;}
.newsHomeEvents .subSection {padding: 0 0 1em 3em; margin-top: 1em; border-bottom: dotted 1px #cdcdcd; background-repeat: no-repeat; background-position: 0 0.2em; }
.newsHomeEvents .subSection a {font-weight:normal; font-size:1.8em; line-height:1.4em; display: block; margin-bottom: 0.2em; }
.newsHomeEvents .date {font-size: 1.1em; line-height: 1.1em; font-style: italic; display:block;}
.news .moreLink, .newsHomeEvents .moreLink { float:left; margin-top: 0.7em; }

/*aritcle page images*/
.contentImg {float:right;margin:0 0 1em 1em;padding:0;width:200px;}
.newsArticleFull .contentImg {width:177px;}
.contentImg p {margin-bottom:0;line-height:1.4em; clear:both; padding:0.5em 0.8em;}   
.contentImg img {margin:0;}
.a2a_dd img {float:none;}
.articleContent h2 { font-size: 1.8em; margin-bottom: 0.5em; }

/* NEWS NAV STYLES*/
.newsNav li.active .noLink, .newsNav li.active a {background-position:right center;background-repeat:no-repeat;}
.newsNav ul ul li.active ul a {font-weight:normal;}
.newsNav ul ul li.active a {font-weight:bold;}
.newsNav ul li ul {display:block;}

/* EVENT PAGE and EVENTS LIST PG*/

/* Event summary panel - event pg */
.eventSummary {border-top:dotted 1px #cdcdcd;border-bottom:dotted 1px #cdcdcd;margin:1.4em 0;padding-bottom:1em;}
.eventSummary ul {list-style-type:none;margin:0.5em 0;}
.eventSummary ul li {padding:0.3em 0;}
.eventSummary .articleImage {float:right;margin:1em 0.5em;width:100px;height:100px;overflow:hidden;}
.eventSummary .articleImage img {border:none; margin:0;}
.eventSummary ul li span.evtLabel {width:20%;display:block;float:left;}
.eventSummary ul li span.evtDetail {display:block;width:55%;margin-left:20%;}
.eventSummary ul li span.evtLabel {font-weight:bolder;}

/* Events summary panel variations - events list pg */
ul.eventsList {list-style-type:none;margin:0;border-top:dotted 1px #cdcdcd; font-size:1em;}
ul.eventsList li a {font-size:1.7em;}
ul.eventsList li.eventSummary .eventDetails {width: 44em; float: left; padding-left: 3em; background-repeat:no-repeat; background-position: 0 0;}
ul.eventsList li.eventSummary .articleImage {width:60px;height:60px; padding: 0;}
ul.eventsList li.eventSummary .articleImage img {border:none; margin:0;}
ul.eventsList li.eventSummary {padding: 0.8em 0 1em 0.2em; margin:0;border-bottom:dotted 1px #cdcdcd;border-top:none; }
ul.eventsList li.eventSummary ul {margin:0.8em 0 0 0;font-size:1em;}
ul.eventsList li.eventSummary ul li {clear:left;padding:0.1em 0;font-size:1.2em;}
ul.eventsList li.eventSummary ul li span.evtDetail {width:75%;}
ul.eventsList li h3, ul.eventsList li .h3 {font-size:1.7em;}

/* Articles List */
ul.articlesList {margin:0; font-size:1em;}
.articlesList li {list-style:none; padding:0.8em 0em 1em 0.2em; margin:0; border-bottom:0.1em #b2b2b2 dotted; width: 45.2em;}
.articlesList li:first-child {border-top:0.1em #b2b2b2 dotted;}
.articlesList li a {font-size:1.7em;}
.articlesList li p {margin:0.3em 0em 0em 0em;line-height:1.7em;font-size:1.2em;}
.articlesList li .articlesList_img {margin:0 0 1em 1em; float:right;height:61px;overflow:hidden;width:61px; border: solid 1px #cbcbcb;}
.articlesList li .articlesList_img img {margin:0; border:none;}
.articlesList li .articleSummary {width:34em;float:left; padding-left: 3em; padding-bottom:1em; background-repeat: no-repeat; background-position: 0 0;}
.articlesList .listDate {margin:0.2em 0em 0em 0em;font-size:1.1em; }
.articlesList_img {float:right;}

/* VIEW ALL NEWS BUTTON */
.viewAll {display: block; padding-top: 0.4em; cursor: pointer;}
.viewAll .linkLeft {display: block; float: left; width: 1.7em; height: 1.9em;}
.viewAll .linkRight {display: block; float: left; width: 0.9em; height: 1.9em;}
.viewAll .linkCentre {display: block; float: left; padding: 0.28em 0em 0.28em 0.3em;line-height:1.35em;}
.subHeader a.relatedLink {font-size:1.4em;line-height:1.4em;}
.rightCol div.subHeader a.relatedLink {padding-top:0;}

/* safari styles only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .viewAll .linkCentre {padding: 0.3em 0em 0.3em 0.3em;}
}

/*FORMS*/
#pageContent fieldset {padding:1em; border:1px dotted #b1b1b1; margin-bottom:1em;}
#pageContent legend {font-size:1.6em; padding:0 0.5em; }
#pageContent label {font-size:1.1em; display:block; clear:both; margin:0.5em 0 0.2em 0;}
/*scholarship application form*/
#scholarshipApp ul {list-style-type:none; font-size:1em; margin-left:1em;}
#scholarshipApp li {margin-bottom:0.8em;}
#scholarshipApp textarea {width:95%;}
#scholarshipApp #address {width:19.6em;}

/*FORMS new*/
.contentFormFields {border: padding: 1em; margin-bottom: 1em;}/*new*/
.contentFormField {margin-bottom: 0.5em;}
.contentFormField.wide {}
.contentFormField .radioButtons {float:left; padding-left: 2em; margin-bottom:0.5em;margin-top:0.5em;}
.contentFormField .radioButtons label {margin: 0 0.5em 0 0.2em;}
.contentFormField .blockLabel {display: block; float: left; width: 13em; text-align: right;}
.contentFormField .contentField {width: 17em; padding: 0.3em; margin-left: 1em; float: left}
.contentFormField select.contentField {width: 17.8em;}
.contentFormField .contentField.multipleSelect {height: 10em;}
.contentFormField textarea.contentField {height: 10em; overflow: auto;}
.contentFormField input.radio {float: none;}
.contentFormButtons {text-align:right;}
.contentFormField label {font-size: 1.4em; line-height: 1.4em;}
.contentFormField .contentField {font-family: Arial, Helvetica, Sans-Serif;}
.contentFormFields {background-color: #f2f5fa;}
.contentFormFields {border: solid 1px #bed4ec;}
.contentFormField .contentField {border: solid 1px #b2b3b7;}
.contentFormField .contentField {font-size: 1.3em; color: #404040;}


/*PROFILES*/
.profile {margin-bottom:1.8em;}
.profile h2 {margin-bottom: 0.2em;}
.profile img {border: 1px solid #cbcbcb; margin:0.5em 0.5em 0.5em 1em; float:right;}
.profileContact p {margin-bottom:0;}

/* Collapsible Content */
div.showhide { clear:both;}
div.showhide h2, div.showhide h3, div.showhide h4 { background: url(/media/arrow_button_open.gif) 2px 8px no-repeat; padding:0.4em 0 0.4em 1.5em; margin-bottom:0; zoom:1;cursor:pointer;border-bottom:2px solid #c5ced7;color:#555;}
div.showhide.closed h2, div.showhide.closed h3, div.showhide.closed h4 { background-image: url(/media/arrow_button_closed.gif); }
div.showhide table { border:0; }
div.showhide table th, div.showhide table td { text-align: left; vertical-align: top; }
div.showhide table ul { list-style-type: disc; }
div.showhide .collapsible {padding-bottom:1em;border:1px solid #eff0f2;}

/* rotating images */
ul.slides { list-style-type:none; margin:0; }
div.slidesContainer { padding: 0 0 1em; margin-bottom: 1.5em; }

/* section panels */
div.sectionContentPanels { border-bottom:1px dotted #CDCDCD;}
div.sectionContentPanels ul { margin-left:-1.6em; }
div.sectionContentPanels li { float:left; display:block; width: 30%; padding-left:1.6em; }
div.sectionContentPanels li h2 { font-size: 1.79em; }
div.sectionContentPanels li p { padding:0.5em; font-size: 1em; }

/* quote */
blockquote { padding: 0.9em 2.3em 0.9em 3em; background: url(/media/quotes.jpg) no-repeat 0.9em 0; font-size: 1.7em; }
blockquote div { font-size: 0.7em; padding-top: 0.6em; }
blockquote cite { font-style: normal; font-weight: bold; }

/* downloads */
ul.downloads { margin: 0; }
ul.downloads li { padding:0.3em; margin-bottom: 0.6em; }
ul.downloads li img { vertical-align: middle; }

/* sitemap */
.sitemap ul { list-style-type:none; }

/* Facebook and Twitter Templates */
div.tweetsContentAreaDiv, div.facebookContentAreaDiv, div.tweetsPromo, div.facebookPromo { border: solid 1px #dbdbda; margin-bottom: 1.3em; }
div.tweetsPromo.slim, div.facebookPromo.slim { margin-left: 0.5em; }
div.tweetsContentAreaDiv div.headerArea, div.facebookContentAreaDiv div.headerArea { background-color: #e6eef9; height: 1.7em; padding: 1em 0.75em;  }
div.tweetsPromo div.headerArea, div.facebookPromo div.headerArea  { background-color: #e6eef9; padding: 1em 0.75em; padding-bottom: 0.3em; }
div.facebookContentAreaDiv div.bottomArea, div.tweetsContentAreaDiv div.bottomArea,
div.tweetsPromo div.bottomArea, div.facebookPromo div.bottomArea { background-color: #e6eef9; padding: 0.75em; }
div.tweetsContentAreaDiv div.headerArea h2, div.facebookContentAreaDiv div.headerArea h2,
div.tweetsPromo div.headerArea h2, div.facebookPromo div.headerArea h2 { font-size: 1.4em; line-height: 1.2em; font-family: Georgia, Arial, Helvetica, Sans-Serif; float: left; position: relative; }
div.tweetsContentAreaDiv div.headerArea h2 img, div.facebookContentAreaDiv div.headerArea h2 img,
div.tweetsPromo div.headerArea h2 img, div.facebookPromo div.headerArea h2 img { position: absolute;}
div.tweetsContentAreaDiv div.headerArea h2 img, div.facebookContentAreaDiv div.headerArea h2 img { top: -4px; }
div.tweetsPromo div.headerArea h2 img, div.facebookPromo div.headerArea h2 img { top: -3px; }
div.tweetsContentAreaDiv div.headerArea h2 span.serviceTitle, div.facebookContentAreaDiv div.headerArea h2 span.serviceTitle,
div.tweetsPromo div.headerArea h2 span.serviceTitle, div.facebookPromo div.headerArea h2 span.serviceTitle { color: #313131; font-size: 130%; }
div.tweetsPromo div.headerArea h2 span.serviceTitle, div.facebookPromo div.headerArea h2 span.serviceTitle { display: inline-block; margin-bottom: 0.4em; }
div.tweetsContentAreaDiv div.headerArea h2 span.serviceTitle, div.facebookContentAreaDiv div.headerArea h2 span.serviceTitle, 
div.tweetsPromo div.headerArea h2 span.headerTitle { margin-left: 32px; }
div.facebookPromo div.headerArea h2 span.headerTitle span.serviceTitle { display: block; margin-left: 32px; }
div.tweetsPromo div.headerArea h2 span.headerTitle, div.facebookPromo div.headerArea h2 span.headerTitle { display: inline-block; }
div.tweetsContentAreaDiv div.headerArea a.followAnchor, div.facebookContentAreaDiv div.headerArea div.likeButton { float: right; }
div.facebookContentAreaDiv div.headerArea div.likeButton { height: 2em; margin-top: -0.2em; }
div.tweetsContentAreaDiv div.socialContentIframe, div.facebookContentAreaDiv div.socialContentIframe, 
div.tweetsPromo div.socialContentIframe, div.facebookPromo div.socialContentIframe { clear: both; width: 100%; }
div.tweetsContentAreaDiv div.socialContentIframe iframe, div.facebookContentAreaDiv div.socialContentIframe iframe,
div.tweetsPromo div.socialContentIframe iframe, div.facebookPromo div.socialContentIframe iframe { width: 100%; border: none; border-bottom: dotted 1px #b6b6b6; border-top: dotted 1px #b6b6b6;}
div.tweetsContentAreaDiv div.socialContentIframe iframe { height: 20em; }
div.facebookContentAreaDiv div.socialContentIframe iframe { height: 32em; }
div.tweetsPromo div.socialContentIframe iframe { height: 36.4em; }
div.facebookPromo div.socialContentIframe iframe { height: 37em; }
div.tweetsContentAreaDiv div.bottomArea a, div.facebookContentAreaDiv div.bottomArea a, div.headerArea a.followAnchor,
div.tweetsPromo div.bottomArea a, div.facebookPromo div.bottomArea a { text-align:center; color: #000000; }
div.headerArea a.followAnchor, div.headerArea a.followAnchor span, div.bottomArea a.viewPageAnchor, div.bottomArea a.viewPageAnchor span { display: inline-block; }
div.bottomArea a.viewPageAnchor span, div.headerArea a.followAnchor span { background-repeat: no-repeat; background-position: left top; }
div.headerArea a.followAnchor { margin-top: -0.25em; }
div.headerArea a.followAnchor, div.bottomArea a.viewPageAnchor { font-size: 1.2em; }
div.headerArea a.followAnchor span { height: 1.9em; line-height: 1.7em; }
div.headerArea a.followAnchor span.left { width: 20px; }
div.headerArea a.followAnchor span.middle { height: 1.7em; position: relative; top: 1px; border-top: solid 1px #b6b6b6; border-bottom: solid 1px #b6b6b6; }
div#contentCol div.headerArea a.followAnchor span.middle { height: 1.67em; }
div.headerArea a.followAnchor span.right { width: 6px; }
div.bottomArea a.viewPageAnchor { width: 100%; }
div.bottomArea a.viewPageAnchor span { height: 2.42em; line-height: 2.42em; } 
div.facebookPromo div.bottomArea a.viewPageAnchor span, div.tweetsPromo div.bottomArea a.viewPageAnchor span { height: 2.5em; } 
div.bottomArea a.viewPageAnchor span.left, div.bottomArea a.viewPageAnchor span.right { width: 7px; }
div.bottomArea a.viewPageAnchor span.middle { width: 96%; height: 2.25em; position: relative; top: 1px; border-top: solid 1px #b6b6b6; border-bottom: solid 1px #b6b6b6; }
div.bottomArea a.viewPageAnchor span.middle, div.headerArea a.followAnchor span.middle{ background-repeat: repeat-x; }
div.facebookPromo div.bottomArea a.viewPageAnchor span.middle, div.tweetsPromo div.bottomArea a.viewPageAnchor span.middle { width: 92%;}
div.facebookPromo div.bottomArea a.viewPageAnchor span.middle { height: 2.3em;}
div.tweetsPromo.Home div.bottomArea a.viewPageAnchor span.middle { height: 2.27em;}
div.facebookPromo.slim div.bottomArea a.viewPageAnchor span.middle, div.tweetsPromo.slim div.bottomArea a.viewPageAnchor span.middle { width: 90%; height: 2.25em;}
div.headerArea a.followAnchor:hover, div.bottomArea a.viewPageAnchor:hover { text-decoration: none; }
div.facebookPromo span.headerTitle span.from { display: inline-block; }
div.facebookPromo.Home div.bottomArea a.viewPageAnchor span.middle { height: 2.25em; }

/* Photo Gallery Template */
html.js .photoGalleryImageList ul#mycarousel { margin-left: 4em; margin-right: 4em; }
.photoGalleryImageList a#mycarousel-prev, .photoGalleryImageList a#mycarousel-next { display: none; }
html.js .photoGalleryImageList a#mycarousel-prev, html.js .photoGalleryImageList a#mycarousel-next { display: inline-block; }
.photoGalleryImageList .jcarousel-controls { display: block; width: 100%; text-align:center; margin-top: 1.5em;}
.photoGalleryImageList .jcarousel-controls a { padding: 0.25em 0.6em; line-height: 0.7em; margin-right: 0.5em; background-color: #dadada; color: #373737; font-size: 0.9em; }
.photoGalleryImageList .jcarousel-controls a.current { background-color: #646464 !important; color: #ffffff !important; }
.photoGalleryImageList .jcarousel-controls a:hover, .photoGalleryImageList .jcarousel-controls a:active { background-color: #c6c6c6; color: #373737; }
.photoGalleryImageList { margin: 0.5em auto; margin-bottom: 1em; }
.photoGalleryImageListThreeCols { width: 55em; }
.photoGalleryImageList ul li.listItem { margin-right: 1em; margin-bottom: 1em;}     
.photoGalleryImageListThreeCols ul li.listItem {width: 15em; height: 15em;float:left; }
.photoGalleryImageList div.galleryThumbnails { position:relative; width: 55em; border: solid 1px #dadada; background-color: #fafafa; padding-top: 1.2em; padding-bottom: 0.2em; }
html.js .photoGalleryImageListThreeCols div.galleryThumbnails { height: 32.1em; overflow: hidden; }
.photoGalleryImageListThreeCols ul li.listItem a { width: 15em; height: 15em; display: inline-block; overflow:hidden; }
.photoGalleryImageList div.galleryThumbnails a.disabled { visibility: hidden; }
div#colorbox div.photoGalleryContent a.prevButton,div#colorbox div.photoGalleryContent a.nextButton, 
.photoGalleryImageList div.galleryThumbnails a#mycarousel-prev, .photoGalleryImageList div.galleryThumbnails a#mycarousel-next
{ cursor:pointer; background-repeat: no-repeat; background-position: left top; width: 31px; height: 41px; }
.photoGalleryImageList div.galleryThumbnails a#mycarousel-prev, .photoGalleryImageList div.galleryThumbnails a#mycarousel-next { outline:none; position: absolute; top: 43%; }
.photoGalleryImageList div.galleryThumbnails a#mycarousel-prev:hover,.photoGalleryImageList div.galleryThumbnails a#mycarousel-prev:active,
.photoGalleryImageList div.galleryThumbnails a#mycarousel-next:hover, .photoGalleryImageList div.galleryThumbnails a#mycarousel-next:active { outline: none; }
.photoGalleryImageList div.galleryThumbnails a#mycarousel-prev, div#colorbox div.photoGalleryContent a.prevButton { left: 0%; }
.photoGalleryImageList div.galleryThumbnails a#mycarousel-next, div#colorbox div.photoGalleryContent a.nextButton { right: 0%;}
.photoGalleryImageListThreeCols .jcarousel-clip { width: 48em; margin-left: 3.4em; margin-right: 3.4em; }
html.js .photoGalleryImageList .jcarousel-clip ul#mycarousel { margin-left: 0em; margin-right: 0em; }
.photoGalleryImageListThreeCols .jcarousel-item { margin: 0em; padding: 0em; width: 48em; }   
.photoGalleryImageList #galleryContent { display: none; }
div#colorbox div.photoGalleryContent { width: 52em; }
div#colorbox div.photoGalleryContent div.imageContainer { padding: 1em 6em; background-color: #fafafa; border: solid 1px #dadada;position:relative;}
div.photoGalleryContent div.imageContainer div.innerImageContainer { width: 40em; height: 40em; position: relative; overflow: hidden; }
div.photoGalleryContent div.imageContainer div.innerImageContainer img { position: absolute; top: 0em; bottom: 0em; left: 0em; right: 0em; margin: auto; }
div.photoGalleryContent p { margin-top: 0.25em; margin-bottom: 0em; }
div.photoGalleryContent p.title {  font-size: 1.8em; color: #555555; margin-top: 0.5em; min-height: 1.5em; }
div.photoGalleryContent p.description { font-size: 1.2em; color: #777777; min-height: 5em; }
div#colorbox div.photoGalleryContent a.prevButton, div#colorbox div.photoGalleryContent a.nextButton { position: absolute; top: 48%;}
.content .photoGalleryImageList ul { margin-bottom: 0em; margin-left: 0.5em; }
.photoGalleryImageList ul#mycarousel { list-style-type: none; margin-left: 3.9em; margin-right: 3.1em; font-size:1em; }
.photoGalleryImageList ul#mycarousel li { font-size:1em; }
.photoGalleryImageList ul#mycarousel li li { font-size:100%; }
.photoGalleryImageList ul#mycarousel a { position: relative; border: solid 1px #ececec; background-color: #fdfdfd; text-align:center; outline: none; }
.photoGalleryImageList ul#mycarousel a img { position: absolute; top: 0em; bottom: 0em; left: 0em; right: 0em; margin: auto;  }
.photoGalleryImageList ul#mycarousel a span.zoomIcon { display: inline-block; position: absolute; width: 18px; height: 18px; bottom: 5px; right: 5px;background-repeat: no-repeat; background-position: right bottom; }
.photoGalleryImageList ul#mycarousel a:hover, .photoGalleryImageList ul#mycarousel a:active { border: solid 1px #c9d4de; background-color: #e4ebf2; outline: none; }
.photoGalleryImageList ul#mycarousel li.doesNotHaveTitle { display: none; }
.photoGalleryImageList ul#mycarousel a span.zoomIcon { display:none;}

/* Schools Find Course Panel Styles */
#schoolsFindCoursePanel {background-color: #014061; display:block; margin-bottom:1em; padding: 1.6em 1.6em 2em;}
#schoolsFindCoursePanel h2 {color:#ffffff; margin-bottom: 0.4em; font-size: 2.4em;}
#schoolsFindCoursePanel li {list-style:none;}
#schoolsFindCoursePanel a {color:#ffffff; text-decoration:none; font-size:1.4em; line-height:1.6em; background:url('/media/micrositetemplate/site/images/nav/white-link-arrow.png') center right no-repeat; padding-right: 0.6em;}
#schoolsFindCoursePanel a:hover {text-decoration:underline;}