@charset "ISO-8859-1";
/* CSS Document */

/*---------------------------------------------------------------------------------
STYLES FOR THE INDIGO HOME PAGE

version: 0.9
author: Peter Osborne (peter@small-fry.co.uk)
---------------------------------------------------------------------------------*/

/*-------------------
BASIC PAGE LAYOUT BLOCKS
--------------------*/

#photopanel1 { background: url(/_img/featurepics/01.jpg) top left no-repeat; 
float: left; margin: 0 20px 0 0; width: 620px; height: 277px;}
#photopanel2 { background: url(/_img/featurepics/02.jpg) top left no-repeat; 
float: left; margin: 0 20px 0 0; width: 620px; height: 277px;}
#photopanel3 { background: url(/_img/featurepics/03.jpg) top left no-repeat; 
float: left; margin: 0 20px 0 0; width: 620px; height: 277px;}
#photopanel4 { background: url(/_img/featurepics/04.jpg) top left no-repeat; 
float: left; margin: 0 20px 0 0; width: 620px; height: 277px;}
#photopanel1 p, #photopanel2 p, #photopanel3 p, #photopanel4 p { font: 1.2em/1.3 Georgia, "Times New Roman", serif; margin: 160px 180px 0 20px; color: #2c5494;}

body#home #rightfeatures { position: relative; height: 277px }
.rotating {}
.item { background: url(../_img/backgrounds/homefeature2.png) top left no-repeat;  position: absolute; left: 0; bottom: 0; height: 130px; overflow: hidden; width: 320px; padding: 0 0 10px; }
.item h2, #secondaryContent .panel5 h2.debonoright { background: url(../_img/backgrounds/homefeature_top_blue.png) top left no-repeat; border-bottom: 1px solid #fff; color: #fff; font-size: 15px; height: 15px; margin: 0; padding: 5px; }
a#h2early { color: #fff; display: block; margin: 0 0 0 -70px; height: 35px; padding-left: 70px; text-decoration: none;}
#secondaryContent .panel5 h2.debonoright  { padding: 10px 5px ;}
.item .content { height: 81px; font-size: 14px; padding: 0;}
.item .content p a {text-decoration: none; }


.item#debono .content {background: url(/_img/backgrounds/debono_msg.png) bottom left no-repeat; }
.item#debono h2 { background: url(../_img/backgrounds/homefeature_top_orange.png) top left no-repeat; }
.item#debono .content p {padding: 15px 10px 15px 100px;}
.item#newsletter .content {background: url(/_img/backgrounds/email.png) bottom left no-repeat; }
.item#newsletter .content p {padding: 15px 10px 15px 100px;}
.item#featured .content { background: url(/_img/backgrounds/presentation_blue.png) top left no-repeat; }
.item#featured h2 { background: url(../_img/backgrounds/homefeature_top_orange.png) top left no-repeat; }
.item#featured .content p {padding: 15px 10px 15px 80px;}
.item#news .content { background: url(/_img/backgrounds/news.png) top left no-repeat; }
.item#news .content p {padding: 15px 10px 15px 50px;}


/*-------------------
4-cols
--------------------*/
#coursecols { background: url(../_img/backgrounds/coursecols.png) bottom left no-repeat; margin: 10px 0; padding: 0 0 1px;}
h2#popular { background: url(../_img/backgrounds/h1.gif) top left repeat-x #2c5494; color: #fff; font-weight: normal; margin: 1em 0; padding: 10px;}
.coursecol { float: left; width: 205px; margin: 0 20px 10px 0; padding: 0 10px 5px; font-size: 0.8em;}
.coursecol#activate { margin: 0 0 10px}
.coursecol h2 { border-bottom: 1px solid #fff; color: #fff; margin: 0 -10px 0; padding: 2px 10px 5px;}
.coursecol#innovate h2 { background: url(../_img/backgrounds/coursecol_innovate.png) top left no-repeat; }
.coursecol#evaluate h2 { background: url(../_img/backgrounds/coursecol_evaluate.png) top left no-repeat; }
.coursecol#communicate h2 { background: url(../_img/backgrounds/coursecol_communicate.png) top left no-repeat; }
.coursecol#activate h2 { background: url(../_img/backgrounds/coursecol_activate.png) top left no-repeat; }
.coursecol a { display: block; padding: 5px 10px; border-bottom: 1px solid #fff; text-decoration: none; }
.coursecol a.pseudobutton2 { display: inline; border-bottom: 1px solid #000; }
.coursecol#innovate a { color: #46631f; margin: 0 -10px; padding: 5px 10px;}
.coursecol#innovate a:hover  { background-color: #8cc63d; color: #fff; }
.coursecol#evaluate a { color: #005778; background-color: #bfeafb; margin: 0 -10px; padding: 5px 10px; }
.coursecol#evaluate a:hover { background-color: #00aeef; color: #fff; }
.coursecol#communicate a { color: #7c4a0f; background-color: #fde4c6; margin: 0 -10px; padding: 5px 10px;  }
.coursecol#communicate a:hover { background-color: #f7931d; color: #fff; }
.coursecol#activate a { color: #73204c; background-color: #f8cfe5; margin: 0 -10px; padding: 5px 10px;  }
.coursecol#activate a:hover { background-color: #e63f97; color: #fff; }

.coursecol#innovate h2 a, .coursecol#evaluate h2 a, .coursecol#communicate h2 a, .coursecol#activate h2 a { padding: 3px; background: none; border-bottom: none; height: 1%;}
.coursecol#innovate h2 a:hover, .coursecol#evaluate h2 a:hover, .coursecol#communicate h2 a:hover, .coursecol#activate h2 a:hover { padding: 3px; background: none; }

/*-------------------
2-cols
--------------------*/
.twocol { background: url(../_img/backgrounds/widecols.png) bottom left no-repeat; font-size: 0.8em; margin: 0 0 20px; padding: 0 0 1px; }
.col1, .col2 { float: left; width: 450px; margin: 0 20px 0 0; padding: 0 10px;}
.col1 h2, .col2 h2 { background: url(../_img/backgrounds/homefeature_wide_top.png) top left no-repeat;color: #fff; font-weight: normal; padding: 5px 10px; margin: 0 -10px 1em; }
.col2 { margin: 0;}
table#matrixpreview {border: none; border-collapse: separate; padding: 0; margin-left: 10px;}
table#matrixpreview td { width: 140px; margin: 0; padding: 0; text-align: center;}
table#matrixpreview td a { text-decoration: none;}


span.credit { color: #999; float: right;}
span.credit a { color: #999; text-decoration: none;}