/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  
	  E-Mail: ibrar@freemanholland.com
	  	  
*/

/********************************************
   TOP IMAGE
********************************************/ 

.top-image{width: 677px; height: 240px; float:left;margin-top:-124px; margin-left:30px}
.error{padding:10px; background:#c0c0c0; color:#000}

/********************************************
   CONTENT WRAPPER
********************************************/ 

#content-wrapper {
float:left;
overflow:visible;
width:970px;
margin-top:4px;
}

/******************** BREADCRUMB ************************/ 

#breadcrumb {
padding:8px;
width:662px;
padding-left:0;
color:#999;
margin-bottom:11px;
}

#breadcrumb a{
color:#000;
font-weight:bold
}

/******************** 
LEFT CONTENT 
************************/ 

#left-content {
float:left;
padding:2px 0 25px 0;
width:673px;
margin-left:32px;
}

.event-wrap{width:670px; height:233px; margin-top:20px}
.image-box{width:225px;height:200px}
.image-box img{width:220px;height:220px}

.event-info{width:430px;}
.event-header{width:430px; height:146px}
.event-header div{color:#9999cd; margin-bottom:8px}
.event-footer{background:none repeat scroll 0 0 #9999CD;padding:10px;line-height:21px;color:#fff;}
.event-footer a{color:#fff;}

/******************** COURSES ************************/ 

#liveweek {font-weight:bold;margin-bottom:20px}
#liveweek ul{width:662px; margin-left:0}
#liveweek li{
display:inline;
list-style:none outside none;
float:left;
}
#liveweek li a{
color:#000;
font-weight:normal
}

.previous{width:276px;}
.commencing{width:316px;}

/******************** COURSES TABLE ************************/ 

.day{padding:4px; background-color:#e8f0c1; height:23px;}

#courses-table table{width:100%}
#courses-table tr{text-align:left;}
#courses-table td{padding:4px 9px 6px 12px;border-bottom:1px dotted;}
#courses-table td a{color:#87972C;text-decoration:underline;}
#courses-table td a:hover{color:#333;}

.paddingleft10px{padding-left:10px}

/******************** COURSES ************************/ 

#course-wrap {width:672px; height:503px; margin:18px 0 0 0;color:#333}
#course-enquiries{background:none repeat scroll 0 0 #AC99C7;color:#FFFFFF;margin:20px 0 0;padding:10px;font-size:14px;line-height:21px;}
#course-enquiries h3{color:#fff;}

.image-box img{border:1px solid #c0c0c0}
.text-box {width:389px;padding:0 3px 0 0;}
.text-box h2{font-size:22px;font-weight:normal;margin-bottom:8px;}

/******************** PARTIES GOOGLE ************************/ 

#google-parties {background:none repeat scroll 0 0 #AC99C7;color:#fff;margin:18px 0 0;padding:15px;width:425px;}
#google-parties h3{color:#fff;font-size:18px;margin-bottom:7px;}

/******************** 
RIGHT CONTENT 
************************/ 

#right-content {
float:right;
margin:-220px 7px 0 0;
width: 235px;
padding-right:15px;
}

#joining-options{
background:url("images/joining.jpg") repeat scroll 0 0 transparent;
height:209px;
padding:26px 16px 16px 16px;
width:216px;
margin:0 0 18px 0
}

#joining-options h1, #whats-on h1{
margin-bottom:6px
}

.margin20{margin-top:20px}
#right-content span{float:right; color:#87972c; font-size:12px; width:124px}
#right-content p, #right-content a{font-weight:bold;font-size:13px}

#right-content h1{font-size:20px}

#whats-on{background:url(images/whats-on.jpg);
padding:16px;
width: 216px;
height:343px;
}

#calendar{margin-top:20px}

/********************  FORM  ************************/ 

#registration-form td{padding:3px}
#registration-form td input{padding:2px}

#survey-form td{padding:3px}
#survey-form td input{padding:2px}
.radio{height:25px;vertical-align:middle;margin:0 0 0 10px}

/********************************************
   FOOTER
********************************************/ 

#footer { 
 background:none repeat scroll 0 0 #666666;
 clear:both;
 color:#FFFFFF;
 height:70px;
 margin:8px 0 0;
 padding:13px 12px 7px;
 width:948px;
}

#footer a{ 
color:#fff
}

#footer div{ 
}

#footer ul{list-style:none;height:38px;}
#footer li{display:inline; width:200px; margin-right:20px}
#footer li span{color:#bad03e}

/********************************************
   DECLARATION
********************************************/ 

#declaration { 
 color:#000000;
 margin:auto;
 width:968px;
 text-align:right;
}