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

/*General*/

body{color: #6C6C6C; font: 62.5% Helvetica,Arial,sans-serif;background:#fff;  margin: 0;  padding: 0;}
html, body {background: #f3f3f1; height: 100%;}
#page-wrapper{background:#fff;  width:100%;}
.page-content-wrapper{width:100%;background: #fff;}
a img, :link img, :visited img {border: 0;}
a:link, a:active, a:visited {color: #3B7AB8;text-decoration:none;}
a:hover, a:focus {color: #3B7AB8;text-decoration:underline;}

.topImage DIV.csc-textpic-center DIV.csc-textpic-imagewrap {height: auto !important; max-width: 100%;border-top:5px solid #2C3856;}
.topImage{float:left;padding:0 0 0 0;width:auto;margin:0;}

/*Headings*/

.content .csc-header h1{font-size: 1.5em; font-weight: normal;color: #9F1D34;padding: 0 10px;}
.content .csc-header h1.csc-firstHeader {color: #9F1D34;font-size: 1.9em !important;font-weight: normal;padding: 0 10px;margin: 5px 0 10px 0;}
.content h2{font-size: 1.5em; font-weight: normal !important;color: #9F1D34;padding: 0 10px;margin:0;}

/*Clearfix code*/

.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}  /* for IE/Mac */
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}

/* Header */

#header{width:100%; margin:0 ;padding: 0; }

#header-inner{margin:0 auto ;padding: 0;font-size:1.1em;width:940px;min-height:125px;min-width:940px;}
#header-inner h4{color:#9F1D34; font-size:1.2em;padding:0;margin:0px 0 10px 0;}
#header-inner p{padding:0;margin:0;}
#header-inner .logo{width:25%; float:left; margin:7px 7px 0 10px; padding: 25px 0;}
#header-inner .logo img{max-width:100%;height:auto !important;}
#header-inner .quote-one{width:20%; float:left; margin:20px 5px 10px 7px;border-right: 1px dotted #9F1D34; padding: 5px 10px 10px 10px; }
#header-inner .quote-two{width:20%; float:left; margin:20px 5px 10px 7px;border-right: 1px dotted #9F1D34;padding: 5px 10px 10px 10px;}
#header-inner .social{width:25%; float:left; margin:40px 0 0 0;}
#header-inner .social ul{text-align: right;padding:0 10px 0 0; }
#header-inner .social li{display: inline;list-style-type: none;padding: 0 5px 0 0;}

/*Top Navigation */

#navcontainer-wrapper{background:#2C3856;width:100%;}
#navcontainer{ margin: 0 auto;max-width:940px;width:940px;}
#navcontainer ul{padding: 0;margin: 0 ; font-size: 1.5em; }
#navcontainer ul li {display: inline; float: left; background: url("/fileadmin/resources/uol-templates-2012/images/nav-divider.png") repeat-y top right;color: #fff;}
#navcontainer ul li a{color: #ffffff;text-decoration: none;float: left;padding: 15px 11px;font-weight: normal; }
#navcontainer ul li a:hover, #navcontainer ul li a.active{background:#5E7EAB;color: #fff;}
#navcontainer form{float: left;}
#navcontainer form fieldset{border: none;}
#navcontainer form label{display: none;}
#navcontainer form input{padding: 5px;margin: 10px 5px 0 10px}

/*Homepage carousel */

#carousel-container { width:940px; height: 300px; margin: 0 auto;position:relative;}
#carousel-container ul{padding: 0;margin: 0 20px 0 0; height: 300px;list-style: none;}
#carousel-container ul li img{ display: block; list-style: none;}

.infobox {position: absolute;width: 350px; background: #fff;}
#textbox li {list-style: none;}
#portfolio{position: absolute; }

/*Colleges */
.colleges{background:#9F1D34; color:#fff;float:right; width:320px; position:relative; }
.colleges h3{border-bottom:10px solid #fff;padding:10px 20px;font-size: 1.7em;margin:0;}
.arrow-up {background:url("/fileadmin/resources/uol-templates-2012/images/arrowUp8.png") no-repeat scroll 282px 13px #9F1D34;}
.arrow-down {background:url("/fileadmin/resources/uol-templates-2012/images/arrowDown8.png") no-repeat scroll 282px 13px #9F1D34;}

/*Colleges Dropdown List*/
.collegesList{background:#FFFFFF; color:#6C6C6C;float:right; width:298px; border: 1px solid #9F1D34;padding:10px;right:0; position:absolute; top:40px;}
.collegesList h3{border-bottom:10px solid #fff;padding:10px;font-size: 1.7em;margin:0;}
.collegesList a {font-size: 1.2em;text-decoration: none;color:#6C6C6C;}
.collegesList a:hover {text-decoration: underline;}
.collegesList li{padding: 3px;}

/*Course search */
.course-search { float:right;width: 320px; background:#fff url("/fileadmin/resources/uol-templates-2012/images/coursearch-bg.png") no-repeat bottom right; color:#fff;-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;height:250px;}
.course-search h3{ margin:0 0 10px 0 ;font-size: 1.7em;padding: 10px 20px; border-bottom:1px dotted #fff; }
.course-search form{ padding:0 20px 10px 20px; font-size: 1.2em;}
.course-search form select{ width: 280px;}
.course-search label{ padding:0 10px 5px 0; font-size: 1.2em;}
.course-search input{ margin:5px 0 15px 0; }
.course-search select{ margin:5px 0 0 0; }
.course-search p{ padding: 0 ;margin: 10px 0 5px 0; }
.course-search p.guide{ padding: 0 20px; color:#fff; font-size: 1.2em;}
.course-search p.guide a{ color:#fff; text-decoration:underline;}
.course-search .btn{ width: 100px;margin: 15px 0 0 0; background: #2C3856; color: #fff;}
.course-search input{width:275px; background:#fff url("/fileadmin/resources/uol-templates-2012/images/form_input.gif") repeat-x top;}
.course-search input,.course-search textarea,.course-search select{border-radius: 3px; border:1px solid #ccc; outline:medium none; }

/* Homepage 4 columns */
  
#page-wrapper-content{width:940px; margin: 10px auto;background:#fff;background:#fff url("/fileadmin/resources/uol-templates-2012/images/homecontent-bg.png") no-repeat top right; }  

#homeContent{font-size: 1.2em; min-height: 280px; width:940px;padding:5px; }
#homeContent h2{font-size: 1.5em;background:transparent; color: #293355; border-bottom:1px dotted #293355; }
#homeContent h3{color: #293355; font-size: 1em; font-weight:bold; margin:5px 0;}

#homeContent .column-one{clear:left; width:210px; float:left; margin:7px 7px 20px 0; padding:0 5px; padding: 0;min-height: 250px;  }
#homeContent .column-one img{ padding: 0 0 0 0}
#homeContent .column-one h2 { padding: 0 0 5px 0;margin:0px; }
#homeContent .column-one h2 a{color: #293355; margin:0px;}
#homeContent .column-one h2 a:hover{text-decoration: underline;}
#homeContent .column-one p{padding: 5px 0 5px 0;margin:0;}
#homeContent .column-one a{ text-decoration: none; }
#homeContent .column-one a:hover{text-decoration: underline;}

#homeContent .column-two{width:210px; float:left; margin:7px 5px 20px 7px; padding: 0 5px;  min-height: 250px;}

#homeContent .column-two img{padding: 0; margin:0}
#homeContent .column-two p{padding: 5px 0 5px 0;margin:0;}
#homeContent .column-two h2{width:100%; padding:0 0 5px 0; margin: 0;}
#homeContent .column-two h2 a{color: #2C3856; }
#homeContent .column-two h2 a:hover{text-decoration: underline;}
#homeContent .column-two h4 {color: #9F1D34; padding:5px 0; margin: 0;}
#homeContent .column-two a{text-decoration: none;}
#homeContent .column-two a:hover{ text-decoration: underline;}

#homeContent .tx_rssaggregator, #homeContent .tx_rssaggregator ul, #homeContent .tx_rssaggregator li{list-style-type: none;padding: 0; margin: 0:}
#homeContent .tx_rssaggregator li.summary {list-style-position: outside;margin: 0;padding: 0 0 0 0; line-height:1.5em;}
#homeContent .tx_rssaggregator .entry{
background-image:none !important;  
padding: 0px;
padding-left: 0px !important;
    /*padding-top: 80px;*/
    /*background-position: top center !important;*/
}
#homeContent .tx_rssaggregator .entry .collegeLogo {display:block !important;}
#homeContent .tx_rssaggregator .titlelink {margin:0; padding:0;}
#homeContent .tx_rssaggregator .titlelink a, #homeContent .tx_rssaggregator .titlelink a:visited{font-weight: bold; font-size:1em}
#homeContent .tx_rssaggregator .date{padding: 3px 0 3px 0; color: #9F1D34 !important;}
div.tx_rssaggregator {inline: true;}
#homeContent .tx-slubrssaggregator-pi1 { padding: 5px 0 ;}
#homeContent .entry{width:200px;}

#homeContent .column-four{width:210px; float:left; margin:7px 0 20px 8px; padding: 0 5px;  min-height: 250px;}
#homeContent .column-four p{padding: 5px 0 5px 0;margin:0;width:100%;}
#homeContent .column-four h2{width:100%; padding:0 0 5px 0; margin: 0;}
#homeContent .column-four h3{padding:5px 0; margin: 0;color:#9F1D34;}
#homeContent .column-four h2 a{color: #293355;}
#homeContent .column-four h2 a:hover {text-decoration: underline;}
#homeContent .column-four a { text-decoration: none;}
#homeContent .column-four a:hover { text-decoration: underline;}
#homeContent .column-four .jobs{padding: 5px 0;}
#homeContent .column-four .job-title{font-weight:bold;}

#homeContent .newsCarousel {overflow:hidden;float:left;width:100%;}
#homeContent .newsCarousel ul {padding:0px;}

#carousel-container .carousel-next,.carousel-previous {display:none;}
#homeContent .carousel-next,.carousel-previous {display:none;}
#homeContent li {list-style: none;}

/* Blog Content, 2 Cols */
#blog-content-2col .navigation{width:200px; float:left; margin:0px 7px 20px 0; padding: 0; border-top: 5px solid #2C3856;}
#blog-content-2col .content{width:55%; float:left; margin:0 auto; padding: 0 10px 10px 10px;  }
#blog-content-2col .blogWidgets{width:20%; float:left; margin:20px 5px 20px 7px;padding: 0 10px 10px 10px; background:#fff}

/* Page Content 3 columns */
#page-content-3col{width:100%; margin:0 auto ;padding: 0;font-size: 1.2em; width:940px;}

#page-content-3col .navigation{width:200px; float:left; margin:0px 10px 20px 0; padding: 0; border-top: 5px solid #2C3856;}
#page-content-3col .content{width:50%; float:left; margin:0px 5px 20px 0px; padding: 0 10px 10px 0px;border-top: 5px solid #2C3856;}
#page-content-3col .side{width:23%; float:left; margin:0px 5px 20px 7px;padding: 0 0 20px 0; background: #f1f1f3 url("/fileadmin/resources/uol-templates-2012/images/side-bottom-bg.png") no-repeat right bottom;border-top: 5px solid #2C3856;border-bottom-right-radius: 50px;-moz-border-radius-bottomright: 50px;}
#page-content-3col .side img, DIV.csc-textpic-center DIV.csc-textpic-imagewrap{max-width:100%;height:auto !important;}
#page-content-3col .side .csc-header h1{color: #9F1D34;font-size: 1.5em;font-weight: normal;padding: 0 10px;}
#page-content-3col h3{padding: 10px 0 0 10px; margin:0; color:#9F1D34; font-size: 1.1em;}
#page-content-3col p{padding: 5px 10px 10px 10px; margin:0;}

/* Page Content 2 columns */
#page-content-2col{width:100%; margin:0 auto ;padding: 0;font-size: 1.2em;width:940px;}
#page-content-2col h2{color:#9F1D34; padding:0;margin:0px 0 10px 0; font-size: 1.7em; font-weight:normal;}

#page-content-2col .navigation{width:200px; float:left; margin:0px 7px 0 0; padding: 0; border-top: 5px solid #2C3856;border-bottom-left-radius: 50px;}
#page-content-2col .content{max-width:700px; float:left; margin:0px 5px 20px 7px; padding: 0 10px 10px 10px; border-top: 5px solid #2C3856; }
#page-content-2col p{padding: 5px 10px 10px 10px; margin:0;}
#page-content-2col h3{padding: 10px 0 0 10px; margin:0; color:#9F1D34; font-size: 1.1em;}

/* Page Content 1 column */
#page-content-1col{width:940px; margin:0 auto ;padding: 0;font-size: 1.2em;background: #f3f3f1;}
#page-content-1col h2{color:#9F1D34; padding:0;margin:0px 0 10px 0; font-size: 1.7em; font-weight:normal;}
#page-content-1col .content{width:98%; float:left; margin:0 5px 20px 7px; padding: 10px;  background:#fff}

/* Left navigation */

.navigation h1{background:#2C3856; color: #fff; font-weight: normal; padding:3px 10px 5px 10px; margin:0; font-size: 1.3em;}
.navigation h3{font-size:1.5em; margin:0; padding:5px 10px;background:#5E7EAB;color:#fff;}
.navigation h3 a{background:#5E7EAB;color:#fff; text-decoration:none;}
.navigation ul{list-style: none outside none; margin: 0; padding: 0px 0px 30px 0px;}
.navigation ul ul{list-style: none outside none; margin: 0; padding: 0 0 0 10px;background:#f1f1f3;}
.navigation ul li{ padding: 0;}
.navigation ul ul li {background: url("/content/tasters_files/arrow-nav.png") no-repeat left center; }
.navigation ul li a {text-decoration: none;display:block;padding: 5px 10px;color: #333;border-bottom:1px dotted #aaaaaa;}
.navigation ul li a:hover {color: #fff;text-decoration: none;background: #9F1D34;}
.navigation ul li a.active {color: #fff; text-decoration: none;background:#9F1D34;}
.navigation ul ul li a {padding: 3px 0 3px 15px;}
.navigation ul ul li a:hover {color: #fff;text-decoration: none;background: #9F1D34 url("/content/tasters_files/arrow-nav.png") no-repeat left center;}
.navigation ul ul li a.active {color: #fff; text-decoration: none;background:#9F1D34 url("/content/tasters_files/arrow-nav.png") no-repeat left center;}

/* Footer */

#footer-block-above {background:#2C3856 !important;color:#ffffff;}
#footer-block-above .footer-inner{width:940px;margin:0 auto;max-width:940px; }
#footer-block-above .csc-default {float:left;margin:0 0 10px 10px;width:18.5%;}
#footer-block-above .csc-header h1{font-weight:normal !important; padding:0; margin:10px 0 10px 10px; font-size: 1.6em;color:#fff;}
#footer-block-above li {list-style: none;padding: 3px;}
#footer-block-above .footerList {float: left; display: inline;margin:0; background:#7A8194;padding:10px;border-radius:5px; moz-border-radius:5px;}
#footer-block-above .footerList a {color:#ffffff;text-decoration:none;font-size:1.2em;}
#footer-block-above .footerList a:hover {color:#ffffff;text-decoration:underline;}
#footer-block-above .footerList ul {padding:0; margin:0;}
.footer-inner ul.csc-menu{margin:0; padding:0;}

#footer-wrapper{width:100%; background: #c2c2c2;margin:0;}
#footer{margin:0 auto; padding: 0 10px;max-width:940px;width:940px;}
#footer p{margin:-25px 0 0 0; padding:0 0 10px 0;}
#footer ul{margin:0; padding:10px 0;}
#footer li{display: inline;list-style-type: none;padding: 0 5px 0 0;}
#footer li a{ text-decoration: none;color:#333;font-size: 1.1em; }
#footer li a:hover{text-decoration: underline; }

.studying-wrapper {width:100%;padding: 10px 20px;}
.studying-wrapper .study {float:left; width:42.5%;}
.studying-wrapper h2 {margin:0 !important; padding: 0 !important;font-size: 1.5em;}
.studying-wrapper img {margin-top: 1em;max-width:100%; height:auto !important;}
.studying-wrapper p {margin-top: 1em;}
.content td img{ max-wdith:100%; height: auto !important;}

.csc-linkToTop{text-align:right;}
.content p, .content ol, .content ul{line-height: 1.8em; }  
.content ul {list-style: none outside none;padding:0;}
.content ul li {padding:0 15px;}
/*.content ul li {background: url("/content/taster_files/arrow-content.png") no-repeat left 5px;}*/



/* Forms */

#page-content-3col .side form{padding: 0 10px;}
#page-content-3col .side form label{font-weight:bold;}
#page-content-3col .side form select{margin:5px 0 5px 0;}
#page-content-3col .side form input{margin:5px 0 15px 0;}

.content form{background: #f3f3f1;border:1px solid #ccc; padding: 10px;}
.content form fieldset{border:none; }
.content form label{font-weight:bold; }
.content form .csc-mailform-field{padding: 0 0 10px 0; }
.content form .csc-mailform-submit, .side .btn, .content .btn{background: #2C3856; color:#fff;border: 1px solid #BBBBBB; border-radius: 50px 50px 50px 50px; cursor: pointer; padding: 2px 8px; text-align: center; vertical-align: middle;    white-space: nowrap; margin:0;}
    
/* A-Z index */

.content ul.csc-menu-3 {display: block; margin: 5px 0 15px; padding: 0 0 0 10px;}
.content li.csc-section { background: transparent; color: #FF0000; display: inline; height: 22px; margin: 0; padding: 0; width: auto;}
.content li.csc-section a:link, .content .blockMiddle li.csc-section a:visited {background: #FFFFFF; border: 1px solid #CCCCCC; color: #333333; font-weight: bold; margin-right: -1px; padding: 2px 5px; text-decoration: none;}  
.content li.csc-section a:hover{background: #f3f3f3; }  
     
/* Course search */

#courseslist table{border-collapse: collapse;}
#courseslist th{text-align:left;border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;background:#ECECEC} 
#courseslist td{border-bottom:1px solid #BFBFBF;} 

/* RSS */
.tx_rssaggregator{padding:5px 0; border-bottm:1px dotted #ccc;}
.tx-slubrssaggregator-pi1{padding: 0 10px; }
.tx-slubrssaggregator-pi1 ul{padding: 0 !important;margin:0;list-style:none !important; }
.tx-slubrssaggregator-pi1 ul li{background:none !important; }
.tx-slubrssaggregator-pi1 .entry{padding: 0;min-height: 115px;border-bottom:1px dotted#ccc;}
.tx-slubrssaggregator-pi1 .entry .collegeLogo{display:none;}
.tx-slubrssaggregator-pi1 .entry .titlelink {font-weight:bold; font-size: 1.1em; }
.tx-slubrssaggregator-pi1 .entry .summary{padding: 5px 0px; }
.tx-slubrssaggregator-pi1 .entry .date{font-size:.9em; color: #9F1D34; }
.side .titlelink{padding: 5px;display:block;}

/* News */
.news-list-date { display: block; float: none; padding: 5px 0 0 10px; margin:0;font-size:.9em;font-weight:bold;color: #9F1D34;}
.news-list-browse { font-size: 1em;}
.showResultsWrap{padding: 5px 0;font-weight:bold;}
.news-list-item { padding: 0;}

.content .breadcrumb{padding: 5px 10px 5px 10px;}
.content DIV.csc-textpic DIV.csc-textpic-single-image IMG {padding: 0 10px;}

.side iframe, .side small{padding: 10px;}
.side small{display:block;padding: 5px 10px;}

.html_carousel div.slide div {background: url("/fileadmin/resources/uol-templates-2012/images/carousell-bg.png") no-repeat top right; height:140px }