#tabcontainer { 
width: 960px;
float: left;
margin: 15px 0 0 0;
padding: 0;
height: 30px;
background-color: #FFF;
}

/* single width tabs along the top of the main content */
/* colours added dynamically through session variable depending on what tab is clicked */
/* look at cornwall.ac.uk/cc/cc_MAIN/style.inc */
.tab {
margin: 0;
padding: 0;
height: 30px;
width: 160px;
display: block;
float: left;
background-color: #0099CC;/*default will be overridden if necessary*/
}
/* multi width tabs*/
.twotab {
margin: 0;
padding: 0;
height: 30px;
width: 320px;
display: block;
float: left;
background-color: #0099CC;/*default will be overridden if necessary*/
}
/* full width tabs*/
.fullwidthtab {
margin: 0;
padding: 0;
height: 30px;
width: 640px;
display: block;
float: left;
background-color: #d0f1fc;
}

.tab p, .twotab p, .fullwidthtab p {
padding: 5px 0 0 10px;
margin: 0;
}
.tab p a, .twotab p a {
color: #FFF;
font-weight: bold;
}
.tab p a:hover, .twotab p a:hover, .fullwidthtab p a:hover {
color: #FFF;
text-decoration: underline;
}

.emptytab {
margin: 0 0 20px 0;
padding: 0;
height: 10px;
width: 160px;
float: left;
background-color: #0099CC;/*default will be overridden if necessary in style.inc*/
}

.registration_tab {
margin: 0 0 20px 0;
padding: 0;
height: 30px;
width: 160px;
float: left;
background-color: #FF6600;
}

.registration_tab p {
text-align: right;
padding: 5px 10px 0 0;
margin: 0;
}

.registration_tab a {
color: #FFF;
}


.backlink {
font-size: 120%;
padding: 0 0 0 20px;
width: 140px;
background-repeat: no-repeat; 
background-position: 8px bottom; 
background-image: url(../../images/cc/content2007/arrows/arrow_back_default.gif);/*default will be overridden if necessary in style.inc*/
}

/*------*/

#contentcontainer { 
width: 960px;
float: left;
clear: both;
color: #333;
margin: 0 0 5px 0;
padding: 20px 0 0 0px;
background-color: #FFF;
/*min-height hack*/
min-height: 50em;
height: auto;
_height: 50em;
}

#leftnav { 
color: #333;
margin: 0 1px 0 0;
padding: 115px 0 0 0;
width: 159px;
float: left;
background-color: #FFF;
/*min-height hack*/
min-height: 50em;
height: auto;
_height: 50em;
}

#pagetitle { 
margin: 0;
padding: 0;
width: 460px;
float: left;
clear: left;
/*min-height hack*/
min-height: 110px;
height: auto;
_height: 110px;
}

#pagetitle h1 { 
margin: 10px 0 0 0;
padding: 0;

font-size: 2.5em;
line-height: 80%;
font-weight: normal;
color: #3399CC;
}

#coursetitle { 
margin: 5px 0 10px 0;
padding: 0;
width: 450px;
/*float: left;*/
/*min-height hack*/
min-height: 80px;
height: auto;
_height: 80px;
border-top: 1px solid #ddd;
border-bottom: 2px solid #ddd;
clear: both;
}

.coursetitle_image { 
margin: 0 15px 0 0;
padding: 0;
float: left;
/*min-height hack*/
min-height: 115px;
height: auto;
height: 115px;
}

#coursetitle h1, #coursetitle h3 { 
margin: 10px 0 5px 0;
font-size: 2em;
line-height: 140%;
font-weight: normal;
letter-spacing : -1px;
color: #0099CC;
font-weight: bold;
}

#coursetitle p { 
margin: 0 0 10px 0;
font-size: 110%;
}

#coursetitle p.normal { 
margin: 5px 0 15px 0;
font-size: 100%;
}

#content { 
color: #333;
margin: 0;
padding: 0 10px 30px 10px;
width: 460px;
float: left;
/*min-height hack*/
min-height: 40em;
height: auto;
_height: 40em;
}

#content ul, #content ol {
font-size: 95%; 
line-height: 140%; 
padding-left: 10px;
padding-right: 20px; 
margin-left: 10px;
}

#content ul {
list-style-image: url(../../images/cc/content2007/arrow_bullet_blue.gif);
}

#content ul#nobullets {
font-size: 95%; 
line-height: 140%; 
padding-left: 0px; 
padding-right: 20px;
margin-left: 0px;
list-style-image: url(../../images/cc/content2007/pixel.gif);
list-style-type: none;
}

div.withline {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 10px;
}



#rightcol { 
color: #333;
margin: 0 0 10px 0;
padding: 0;
width: 320px;
float: left;
background-color: #FFF;
/*min-height hack*/
min-height: 50em;
height: auto;
_height: 50em;
}

#utilities { 
color: #666;
margin: 0;
padding: 0;
width: 320px;
float: right;
/*min-height hack*/
min-height: 110px;
height: auto;
_height: 110px;
font-size: 90%;
}

#utilities span.left, #utilities div.left_utilities {
float: left;
text-align: left;
width: 160px;
margin: 0;
padding: 0;
/*min-height hack*/
min-height: 105px;
height: auto;
_height: 105px;
}

#utilities span.right, #utilities div.right_utilities {
float: right;
text-align: left;
width: 159px;
margin: 0;
padding: 0;
/*min-height hack*/
min-height: 105px;
height: auto;
_height: 105px;
}

#utilities ul { 
margin:0 0 10px 0; 
padding:0; 
list-style:none; 
width:100%; 
}

#utilities ul li { 
margin:0; 
padding:0; 
line-height: 2em;
}

#utilities ul li a { 
color: #666;
display: block;
height: 2em;
margin:0; 
padding:0 0 0 25px; 
text-decoration:none; 
background-repeat: no-repeat; 
background-position: left center; 
}

#utilities ul li a:hover { 
text-decoration: underline;
}

#utilities ul li a#print { 
background-image: url(../../images/cc/2010/print.png);
}
#utilities ul li a#email { 
background-image: url(../../images/cc/2010/email.png);
}
#utilities ul li a#news { 
background-image: url(../../images/cc/2010/rss.png);
}
#utilities ul li a#webcam { 
background-image: url(../../images/cc/content2007/icon_webcam.gif);
}
#utilities ul li a#pdf { 
background-image: url(../../images/cc/2010/pdf.png);
}
#utilities ul li a#question{ 
background-image: url(../../images/cc/2010/info.png);
}










#content p {
margin-top: 0;
padding-top: 0;
}

img.floatright {
float: right;
clear: right;
margin: 4px 0 10px 10px;
}

.rightcaption {
/*used to float captions to the right, allowing
text to flow around the images. Use after the floatright class 
Width MUST be stated as a local style. This one has more margin below it*/
font-size: 90%;
float: right; 
clear: right;
margin: 3px 0 5px 10px;
padding: 0px 0px 5px 0px;
color: #666;
text-align: right;
line-height: 120%;
}


img.floatleft {
float: left;
clear: left;
margin: 4px 10px 10px 0;
}

.leftcaption {
/*used to float captions to the left, allowing
text to flow around the images. Use after the floatright class 
Width MUST be stated as a local style. This one has more margin below it*/
font-size: 85%;
float: left;
clear: left;
margin: 3px 10px 5px 0;
padding: 0px 0px 5px 0px;
color: #666;
text-align: left;
line-height: 120%;
}

img {
margin: 0;
}

/* sideads (right hand side)*/
.sidead {
width: 320px;
height: 90px;
display: block;
float: left;
margin: 0 0 10px 0;
padding: 0;
background-color: #FFF;
}
.sidead p a {
color: #FFF;
text-decoration: underline;
}
.sidead p a:hover {
color: #000;
text-decoration: underline;
}


/* portfolio */
a.addtoportfolio { 
display:block; 
text-decoration:none; 
color:#C8202C; 
padding: 3px 0 3px 18px; 
margin: 0 0 5px 0;
background-image: url(../../images/cc/content2007/plus.gif); 
background-repeat: no-repeat; 
background-position: left center; 
}
a:hover.addtoportfolio { 
text-decoration:underline; 
}

/*search for a course box*/
#searchforacourse_box { 
color: #666;
margin: 0 0 10px 0;
padding: 0;
width: 320px;
float: left;
/*min-height hack*/
min-height: 100px;
height: auto;
_height: 100px;
background-image: url(../../images/cc/content2007/sideads/searchforacourse.gif); 
background-repeat: no-repeat; 
background-position: left top; 
}

#searchforacourse_box span.left, #searchforacourse_box div.left {
float: left;
text-align: left;
width: 160px;
margin: 0;
padding: 0;
/*min-height hack*/
min-height: 105px;
height: auto;
_height: 105px;
}

#searchforacourse_box span.left p, #searchforacourse_box div.left p {
margin: 60px 10px 10px 10px;
color: #FFF;
}

#searchforacourse_box span.right, #searchforacourse_box div.right {
float: left;
text-align: left;
width: 159px;
margin: 0;
padding: 0;
/*min-height hack*/
min-height: 105px;
height: auto;
_height: 105px;
}

#searchforacourse_box span.right form, #searchforacourse_box div.right form{
margin: 10px 0 0 0;
}

.clear {
clear: both;
}




/* Image Galleries */
div.floatbox {
float: left;
margin: 0;
width: 92px;
height: 92px;
}

div.floatbox_snapshot {
float: left;
margin: 0;
width: 76px;
height: 76px;
}

div.floatbox_logos {/*used to display the logos in the rh column*/
float: left;
margin: 0;
width: 80px;
height: 80px;
}

div.floatbox_slides {
float: left;
margin: 5px 0 0 2px;
width: 150px;
height: 220px;
font-size: 85%;
text-align: center;
}





/* ----General Bits and Bobs---- */
.leftad {
margin: 8px 0 0 0;
}

.box {
background-color: #FFFFEE;
border: 1px solid #FFE899;
margin: 10px 0 10px 0;
padding: 15px;
line-height: 160%;
}

.error, .red {
background-color: #FFCCCC;
border: 1px solid red;
}
.success, .green {
background-color: #CCFFCC;
border: 1px solid green;
}
.notice, .orange {
background-color: #FFFF99;
border: 1px solid orange;
}

.box span.left, .box div.left{
width: 49%;
float: left;
}

.box span.right, .box div.right {
width: 49%;
float: right;
}

.remembercourses {
background-color: #FFFFEE;
border: 1px solid #FFE899;
margin: 5px 0 10px 0;
padding: 15px;
background-image: url(../../images/cc/content2007/leftnav/recentlyviewed.gif);
background-repeat: no-repeat;
background-position: left top;
}

.remembercourses p {
font-size: 85%; 
line-height: 150%; 
}

.remembercourses ul {
font-size: 85%; 
line-height: 150%; 
padding-left: 10px;
padding-right: 20px; 
margin: 25px 0 0 10px;
list-style-image: url(../../images/cc/content2007/arrow_bullet_grey.gif);
}

.jobbox {
margin: 0 0 10px 0; 
padding: 0px 10px 0 0;
border-bottom: 1px solid #DDDDDD;
min-height: 130px;
height: auto;
_height: 130px;
}

.profilebox {/*this box is given a set height*/
margin: 0 0 10px 0; 
padding: 0px 10px 0 0;
border-bottom: 1px solid #DDDDDD;
min-height: 120px;
height: auto;
_height: 120px;
display: block;
}

.introbox {/*this box is given a set height*/
margin: 0 0 10px 0; 
padding: 0px 10px 0 0;
border-bottom: 1px solid #DDDDDD;
min-height: 130px;
height: auto;
_height: 130px;
}


.subheading {
font-size: 1.2em; 
line-height: 140%; 
margin: 0 0 5px 0; 
font-weight: bold;
}


.introboxheading {
margin-left: 90px;
font-size: 1.4em; 
line-height: 140%; 
margin: 0 0 6px 0;
}

.introbox_image {/*keeps the text from straying*/
float: left;
width: 90px;
}

.introbox p {
margin-left: 90px;
}

.posteddate {
font-size: 80%;
}

h2.redtext, span.redtext {
color: #FF0000;
}

span.redtext a {
color: #FF0000;
text-decoration: underline;
}

span.redtext a:hover {
text-decoration: none;
}

span.greentext {
color: #669900;
font-weight: bold;
}

span.greentext a {
color: #669900;
text-decoration: underline;
}

span.greentext a:hover {
text-decoration: none;
}

span.smaller{
font-size: 90%;
line-height: 140%;
}

span.larger{
font-size: 110%;
line-height: 160%;
}

.contactdetails span.left {
width: 20%;
float: left;
text-align: right;
padding: 0 10px 0 0;
}

.contactdetails span.right {
width: 75%;
float: right;
}

.redtext {
color: #CC0000;
}




/* styles for videoboxes*/
.videobox {/*this box is given a set height*/
margin: 0 0 10px 0; 
padding: 0px 10px 0 0;
border-bottom: 1px solid #DDDDDD;
min-height: 100px;
height: auto;
_height: 100px;
}

.videoboxheading {
margin: 0 0 6px 130px;
font-size: 1.4em; 
line-height: 140%; 
}

.videobox_image {/*keeps the text from straying*/
float: left;
width: 120px;
}

.videobox p {
margin-left: 130px;
}




/* styles for tooltips*/
.boxovertop {
	padding:5px 15px;
	font-weight:bold;
	border-bottom:2px solid #FFFFFF;
	background:#0099CC;
	color:#FFFFFF;
	width: 200px;
	font-size: 110%;
}

.boxoverbot {
	padding:5px 15px 10px 15px;
	background:#D8EAF7;
	color:#000000;
	width: 200px;
	line-height: 150%;
	font-size: 100%;
}
/* ----*/

.insert_8pixels {
height: 8px;
}
.insert_10pixels {
height: 10px;
}


/*Creating a table layout using floated boxes*/
.smaller {
line-height: 150%;
font-size: 85%;
}

.tablefloat_heading{
float: left;
width: 185px;
height: 35px;
background-color: #EEE;
margin: 0 2px 2px 0;
font-weight: bold;
padding: 3px;
}

.tablefloat1 {
float: left;
width: 185px;
height: 110px;
margin: 0 2px 2px 0;
padding: 3px;
font-weight: bold;
}
.tablefloat2 {
float: left;
width: 185px;
height: 110px;
margin: 0 2px 2px 0;
padding: 3px;
}
.tablefloat3 {
float: left;
width: 185px;
height: 110px;
margin: 0 2px 2px 0;
padding: 3px;
}
.tablefloat4 {
float: left;
width: 185px;
height: 110px;
margin: 0 0 2px 0;
padding: 3px;
}

.divider {
margin: 15px 0 10px 0;
padding: 0px;
height: 1px;
background-image: url(../../images/cc/greypixel.gif);
background-repeat: repeat-x;
display: block;
}