/*
CTICC Styles
Coded by Chuma Ketse for SMC Enterprise - 08 Jan 2009
*/

body
{
background: #f6f4f4;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p
{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
color: #666666;
}

strong
{
	font-weight: bold;
}
em {
	font-style:italic;
}

a:link, a:active, a:visited
{
text-decoration:none;
color: #858585;
}

.clearer
{
    clear: both;
}

input.textbox, input.button
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #fff;
border:none;
}

input.textbox
{
background: url(../images/Master/bg-textbox.gif) top no-repeat;
width: 130px !important;
height: 19px;
padding: 5px 0 0 10px;
}

input.button
{
background: url(../images/Master/bg-button.gif) bottom no-repeat;
width: 45px;
height: 23px;
padding: 0px 2px 2px 0px;
}

.buttonStyle
{
	height: 23px;
	padding: 0 11px;
	border: none;
	border: solid 1px #8a0517;
	background: url('../images/Master/button-repeat.gif') repeat-x;
	font: normal Verdana 11px;
	color: #fff;
	cursor: pointer;
}

#container
{
position: relative;
width: 970px;
margin-left: auto;
margin-right: auto;
background: #f6f4f4;
}

#nav
{  
    width: 670px;
    height: 40px;
    background:transparent url(../images/Master/bg-menu_1.gif) no-repeat scroll left bottom;
    margin-top: 15px;
    padding-left: 10px;
}


/*-------------------------left-hand column--------------------------*/

#content-holder
{
width: 970px;
height: auto;
}

#content
{
float:left;
width: 970px;
background:url(../images/Master/bg-content.gif) left repeat-y;
}

#logo
{
float: left;
width: 39px;
margin-top: 75px;
}

#column-left
{
float: left;
padding-left:0px;
width: 245px;
background: url(../images/Master/gradient.gif) top left no-repeat;
}

#column-left a
{
color: #ffd0b9;
text-decoration:none;
}

#column-left a:hover
{
color: #fff;
text-decoration:none;
font-weight:bold;
}

#left-top
{
width: 209px;
float:left;
margin: 35px 0 35px 20px;
}

#search
{
float: left;
color: #fff;
margin-left: 25px;
margin-bottom:40px;
width: 200px;
height: 24px;
}

#quicklinks, #newsletter, #news, #poll
{
float: left;
width: 235px;
height: 30px;
margin: 0 0 10px 0;
}

#newsletter
{
margin-top: 30px;
}

#news-date
{
float: left;
padding: 5px 0 0 27px;
color: #fff;
font-weight:bold;
width: 200px;
height: 24px;
background: url(../images/Master/bg-heading-date.gif) no-repeat;
}

#left-nav-one, #left-nav-two
{
float:left;
width: 214px;
line-height: 21px;
padding: 0px 0 5px 0px;
}

#left-nav-one a, #left-nav-two a
{
display: block;
padding-left: 10px;
}

#left-nav-one ul li, #left-nav-two ul li
{
margin: 0;
display: block;
border-top: 1px solid #f24a4a;
border-bottom: 1px solid #c31016;
background: url(../images/Master/bg-left-menu.gif) top left repeat-y;
}

#left-nav-one ul li:hover, #left-nav-two ul li:hover
{
display: block;
background: url(../images/Master/bg-left-menu-hover.gif) top left repeat-y;
}
/*#left-nav-one { height: 205px; }
#left-nav-two { height: 158px; }
#left-nav-three { height: 120px; }*/

#left-pic-one, #left-pic-two 
{
float:left;
width: 11px;
padding: 28px 10px;
background: #bc0b11;
margin-bottom: 20px;
}

#newsletter-content, #news-content, #poll-content
{
float: left;
color: #ffd0b9;
width: 200px;
margin: 0 0 30px 27px;
line-height: 14px;
}

#news-content a {  font-weight:bold; color: #fff;  }

#poll-content
{
margin-bottom: 10px;
}

p.question
{
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#vote 
{ 
float:left; 
color: #fff;
width: 44px;
height: 23px;
margin: 0 0 0 27px;
padding: 3px 0 0 9px;
background:url(../images/Master/bg-button.gif) no-repeat; 
}

#contact2
{
	float:left; 
	padding: 70px 0 0 50px;
	height: 100px;
	width: 175px;
}

/*--------------------------------main column-------------------------*/
#header
{
float:left;
width: 721px;
height: 55px;
padding-left: 249px;
background:url(../images/Master/bg-header.gif) left top no-repeat;
}

#column-middle
{
float: left;
width: 725px;
}

#contentArea
{
	width: 660px;
	padding: 1px 23px 10px 5px;
}

#contentArea #moduleArea .module
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #666666;
}

#contentArea #moduleArea .module p {
	margin:8px 0;	
}

#contentArea #moduleArea .module a
{
	color: #e1091f;
	text-decoration: underline;
}

#contentArea #moduleArea .module a.link-arrow
{	
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/Master/arrow.gif) left bottom no-repeat;
}

a.gallerylink1
{
	color: #e1091f;
	text-decoration: none;
}
a.gallerylink1:hover
{
    text-decoration:underline;
}
span.gallerylink-arrow
{	
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/Master/arrow.gif) left bottom no-repeat;
}

#contentArea #moduleArea .module img.float-right
{
	float: right;
	margin: 5px 0 5px 10px;
}

#contentArea #moduleArea .module img.float-left
{
	float: left;
	margin: 5px 10px 5px 0;
}

#contentArea #moduleArea .module ul, #contentArea #moduleArea .module ol
{
	margin:8px 0;
}

#contentArea #moduleArea .module ul li
{
	list-style: disc;
	margin: 2px 0 2px 40px;
}

#contentArea #moduleArea .module ol li
{
	list-style: decimal;
	margin: 2px 0 2px 40px;
}

#contentArea .banner
{
	background: url(../images/Master/content-banner.jpg) no-repeat;
	width: 642px;
	height: 212px;
}

#contentArea #moduleArea .module a.link-pdf
{
	line-height: 20px;	
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	background: url(../images/Master/pdf.gif) left center no-repeat; 
}


#contentArea h1
{
	background-color: #E1091E;
	font: bold 18px Arial;
	padding: 6px 33px;
	float: left;
	color: #fff;
	margin-left: -5px;
}

#contentArea #moduleArea .module h2
{
	font: bold 18px Arial;
	padding-bottom: 12px;
	border-bottom: dotted 1px #b2b2b2;
	color: #323232;
	margin-bottom: 15px;
}

#contentArea #moduleArea .module h2.mod
{
	background-color: #E1091E;
	font: bold 14px Arial;
	padding: 6px 20px 6px 28px;
	float: left;
	color: #fff;
	margin-left: -33px;
	border: none;
}

#contentArea #moduleArea .module h3 {
	color: #323232;
	font-size: 13px;
	font-weight: bold;
	margin:15px 0 5px;
	font-family: Arial, Helvetica, sans-serif;	
}

#contentArea #moduleArea .module table {
	border-collapse:collapse;
}

#contentArea #moduleArea .module table, #contentArea #moduleArea .module table.table-border
{
	margin: 15px 0px;
}

#contentArea #moduleArea .module tr td
{
	text-align: left;
	vertical-align: top; 
	padding: 5px 0 5px 5px;
}

#contentArea #moduleArea .module table.table-border td
{
	border: 1px solid #666666;
}

#contentArea #moduleArea .module table.no-margin, #contentArea #moduleArea .module table.no-margin tr td
{
	margin:5px 0;
	padding:0;
}

#contentArea #moduleArea .module thead th
{
	color: #fff;
	font-weight: bold;
	vertical-align: top;
	padding: 5px 0 5px 5px;
	background-color: #C8C8C8;
	border: 1px solid #666666;
}

/* Breadcrumb  */
#crumb
{
	color: #666666;
	font-weight: bold;
	margin: 10px 5px 15px;
}

#crumb .crumbLink
{
	color: #e1091f;
	padding: 0 7px;
}

#crumb .separator
{
	border-right: solid 1px #d2d1d1;
}

#crumb .menuItem
{
	font-weight: normal;
	padding: 0 7px;
}

/* Module  Start*/
#moduleArea
{
	margin: 10px 0;
	padding: 0 28px;
	width: 628px;
}

#moduleArea .module
{
	margin-bottom: 38px;
}

/* Image Gallery */
#gallery
{
	padding: 10px 0;
}

#gallery a img
{
	
}

.galleryImage
{
	width: 129px;
	height: 130px;
	float: left;
	padding: 8px 8px 0 8px;
	margin: 0 10px 12px 0;
	background-color: #eaeaea;
}
.galleryImage2
{
	width: 129px;
	height: 115px;
	float: left;
	padding: 8px 8px 0 8px;
	margin: 0 10px 12px 0;
	background-color: #eaeaea;
}
.galleryDescription
{
    float:left;
    width:470px;
}

a.galleryLink
{
	width: 130px;
	height: 100px;
	display: block;
}

a.resLink
{
	color: #858484;
	font: bold 9px Verdana;
	background: url('../images/Master/arrow.gif') no-repeat left;
	padding-left: 15px;
	display: block;
	margin-top: 5px;
	float: left;
}

a.resLink2
{
	color: #858484;
	font: bold 9px Verdana;
	background: url('../images/Master/arrow.gif') no-repeat left;
	padding-left: 15px;
	display: block;
	margin-top: 5px;
	float: right;
}

.sep
{
	background: url('../images/Master/sep.gif') no-repeat right;
	width: 1px;
	height: 23px;
}

.imgBack
{
	width: 130px;
	height: 100px;
}

/* Rss Reader*/

.rssItem
{
	padding: 20px 0 15px 0;
	border-bottom: solid 1px #e9e9e9;
}

.rssHeader
{
	font: bold 18px Arial;
	color: Black;
}

.rssTitle
{
	font: bold 14px Verdana;
	color: #e1091f;
}

a.rssReadMore
{
	font: bold 11px Verdana;
	color: #e1091f;
	text-decoration: none;
}

/* Module  End*/

#column-right /*Gradient for red bg on the right */
{
float: right;
width: 18px;
height: 90px;
}

#welcome
{
margin: 0px 5px 0 5px;
padding-left: 15px;
width: 620px;
}

#banner
{
width: 615px;
margin: 25px 20px 10px 15px;
}

#updates
{
width: 650px;
margin: 20px 5px 30px 15px;
}

#update-one, #update-two, #update-three, #update-four
{
float: left;
width: 146px;
padding: 0 5px 0 5px;
}

#update-one-heading, #update-two-heading, #update-three-heading, #update-four-heading
{
width: 145px;
height: 30px;
}

#update-one-body, #update-two-body, #update-three-body, #update-four-body
{
padding: 0 2px 0 2px;
width: 141px;
background: url(../images/Master/bg-updates.gif) top center repeat-y;
}

#updates h2
{
font-weight:bold;
}

#updates a
{
color: #e1091f;
font-weight: bold;
}

#updates-text
{
padding-top: 15px;
margin: 0 5px 0 5px;
color: #666666;
font-family: arial;
font-size: 11px;
line-height: 14px;
}

.updates-pic
{
width: 141px;
height: 95px;
}

#updates-bottom
{
width: 145px;
height: 3px;
}

#events-holder
{
width: 650px;
padding-top: 20px;
background: #f0eeee;
margin: 10px 0px 20px 1px;
}

#events-holder h2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
color: #323232;
}

#events-holder h3
{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color: #fff;
}

#events-holder a
{
color: #e1091f;
font-weight:bold;
}

#events-holder a:hover
{
color: #000000;
}

#events-heading
{
float: left;
width: 288px;
height: 28px;
/*margin-bottom: 5px;*/
}

#events-dropdown
{
float: left;
width: 200px;
height: 24px;
padding: 2px 0 2px 0;
margin: 0 0px 0 140px;
}

#event-one, #event-two, #event-three, #event-four, #event-five
{
margin: 0px 20px 0px 20px;
padding: 15px 0px 15px 0px;
background: url(../images/Master/border.gif) top repeat-x;
}

#event-one { background: none; }
#event-five { margin-bottom: 20px; }

#event-one-heading, #event-two-heading, #event-three-heading, #event-four-heading, #event-five-heading
{
float: left;
width: 145px;
height: 19px;
padding: 5px 0 5px 10px;
background: #666666;
}

#event-one-content, #event-two-content, #event-three-content, #event-four-content, #event-five-content
{
float: left;
width: 420px;
margin-left: 20px;
}

#events-all
{
float:left;
width: 208px;
height: 21px;
color: #fff;
padding: 3px 0 0 16px;
margin: 30px 25px 10px 380px;
background:url(../images/Master/bg-btn-events.gif) no-repeat;
}

#events-all a
{
color: #fff;
font-weight: normal;
}

#events-all a:hover
{
color: #fff;
}

/*=====================logo (column-right)=======================*/
#column-right
{
float: right;
width: 37px;
height: 174px;
padding: 25px 0 0 0;
background: url(../images/Master/gradient-right.gif) top left no-repeat;
}

#cticc-tag {
	position:fixed;
	top:80px;
	background: url(../images/Master/cticc-logo.gif) top left no-repeat;
	width:37px;
	height:141px;
	cursor: pointer;
}

/*--------------------------------footer--------------------------------------*/
#footer
{
float: left;
width: 970px;
/*margin-top: 50px;*/
}

#footer h2
{
font-size: 11px;
font-weight: bold;
}

#contact
{
width: 160px;
float:left;
margin: -115px 0 25px 50px;/*-ve margin-top allows contact to display in left column*/
}

#footer-address
{
float:left;
margin: 70px 0 0 0px;
}

#footer-links
{
width:721px;
height: 80px;
margin: 0 0 0 230px;
background: url(../images/Master/bg-footer-links.gif) right repeat-y; 
}

#footer-nav-border
{
width: 688px;
margin-left: 14px;
border-top: 1px solid #a3a3a3;
}

#footer-nav
{
width: 721px;
height: 100px;
margin: 0 0 0 231px;
background: url(../images/Master/bg-footer-nav.gif) right repeat-y;
}

#spacer
{
text-align:right;
padding: 15px 40px 0 0;
}

#footer-bottom
{
float: right;
width: 721px;
height: 70px;
margin: 0 19px 0 0;
background: url(../images/Master/bg-footer-bottom.gif) center top no-repeat;
}

/* CTICC Search */

span.title
{
	float: left;	
	width: 250px;
	margin-top: 7px;
}

span.title-right
{
	float: none;	
	width: 250px;
}

/* CTICC Search End*/

/* Event Details */

#event
{
	width: 100%;
	clear: left;
	padding-top: 20px;
}

#eventImg
{
	float: left;
}

#dates
{
	float: left;
	width: 330px;
	padding: 0 5px 0 10px;
}

#description
{
	clear: both;
	padding: 10px 0 0 10px;
}

/* Upcoming events */

.altItem
{
	border-bottom: dotted 1px #cfcfcf;
}

#upcomingEvent
{
	padding: 15px 0;
}

#upcomingDate
{
	float: left;
	padding: 5px 0 5px 10px;
	margin-right: 22px;
	color: #fff;
	background-color: #666666;
	width: 155px;
	font: bold 16px Arial,Helvetica,sans-serif;
}

#upcomingDesc
{
	width: 420px;
	float: left;
}

#upcomingDesc p
{
	padding-top: 5px;
}

.upcomingTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #323232;
	margin-bottom: 5px;
}

a.readMore
{
	background: url('../images/Master/arrow.gif') no-repeat left;
	color: #E1091F;
	font-weight: bold;
	padding-left: 15px;
}

a:hover.readMore
{
	color: Black;
}

.buttonStyle
{
	height: 23px;
	padding: 0 11px;
	border: none;
	border: solid 1px #8a0517;
	background: url('../images/Master/button-repeat.gif') repeat-x;
	font: normal Verdana 11px;
	color: #fff;
	cursor: pointer;
}

/* Flicker Start */

.flickerText
{
	float:left;
}

.flickerImage
{
	width: 75px;
	height: 75px;
	float: left;
	padding: 8px;
	margin: 0 10px 12px 0;
	background-color: #eaeaea;
}
a.flickerLink
{
	width: 75px;
	height: 75px;
	display: block;
}

.imgBackFlicker
{
	width: 75px;
	height: 75px;
}

.flickerDiv
{
	padding:5px 0px 12px;
}

/* Flicker End */

/* CTICC Page Header BackGrounds */

.Accommodation
{
	background:url('../images/Master/Content-Header-Images/accommodation.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Aerial-View
{
	background:url('../images/Master/Content-Header-Images/aerial-view.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Auditorium
{
	background:url('../images/Master/Content-Header-Images/auditorium.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Banquet
{
	background:url('../images/Master/Content-Header-Images/banquet.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Circle
{
	background:url('../images/Master/Content-Header-Images/circle.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Entrance
{
	background:url('../images/Master/Content-Header-Images/entrance.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Escalators
{
	background:url('../images/Master/Content-Header-Images/escalators.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Event
{
	background:url('../images/Master/Content-Header-Images/event.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Hallway
{
	background:url('../images/Master/Content-Header-Images/hallway.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.Nose-Night
{
	background:url('../images/Master/Content-Header-Images/nose-night.jpg') no-repeat;	
	width:680px;
	height:200px;
	
}
.Nose
{
	background:url('../images/Master/Content-Header-Images/nose.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.Side-View
{
	background:url('../images/Master/Content-Header-Images/side-view.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.Signage-N2-View
{
	background:url('../images/Master/Content-Header-Images/signage-N2-view.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.Signature-Pic
{
	background:url('../images/Master/Content-Header-Images/signature-pic.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.Team
{
	background:url('../images/Master/Content-Header-Images/team.jpg') no-repeat;	
	width:680px;
	height:200px;
}

.cape-town
{
	background:url('../images/Master/Content-Header-Images/cape-town.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.careers
{
	background:url('../images/Master/Content-Header-Images/careers.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.cticc-experience
{
	background:url('../images/Master/Content-Header-Images/cticc-experience.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.food-beverage
{
	background:url('../images/Master/Content-Header-Images/food-beverage.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.going-green
{
	background:url('../images/Master/Content-Header-Images/going-green.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.parking
{
	background:url('../images/Master/Content-Header-Images/parking.jpg') no-repeat;	
	width:680px;
	height:200px;
}
.venue
{
	background:url('../images/Master/Content-Header-Images/venue.jpg') no-repeat;	
	width:680px;
	height:200px;
}

/* CTICC Page Header BackGrounds End */

.rotating-banner
{
	padding-left:10px;
}


/* CTICC Latest News Rotator */
div.LatestNewsDate
{
background:transparent url(../images/Master/bg-heading-date.gif) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-weight:bold;
height:24px;
padding:5px 0 0 27px;
width:200px;
}

#news-content
{
    float: left;
    color: #ffd0b9;
    width: 200px;
    margin: 0 0 -15px 0px;
    line-height: 14px;
}

div.news-summary
{
    margin: 0 0 30px 27px;
    color:#FFD0B9;
}


div.news-summary span.news-title
{
    font-weight: bold;
    color:#fff;
}

#news
{
    margin-bottom:0px;
}

/* ==================================== */

/* Flash Gallery Div ID */

#virtual-tour-holder {
	margin: -18px;
}