/*Excitec CSS. Built by Alex at Herringbone*/
body
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
background:url(../imgs/bg_colour.gif) repeat-x top;
color: #000000;
font-family: verdana,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
line-height: normal;
text-align: center;
}

p
{
margin: 0px;
padding: 5px 0px 5px 0px;
font: small Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color:#000;
}

span.purple{
color:#852671;
}
/*strong
{
font: bold small arial,helvetica,arial,sans-serif;
}*/

a
{
color:#852671;
}
a:hover
{
text-decoration:none;
}

h1 {

margin: 10px 0px 0px 10px;
padding: 0px;
float:left;
text-decoration: none;
text-indent: -900em;

}

h1 a{

display:block;
height: 120px;
width: 245px;
text-indent: -900em;
text-decoration: none;
line-height:100%;
float:left;
}

h2
{
font:18px Arial, Helvetica, sans-serif;
color:#852671;
font-weight:bold;
padding:10px 0 0 33px;
margin:0px;
}

h3
{
font:15px Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
padding:10px 0 0 33px;
margin:0px;
}
/*ul
{
	margin-top:5px;
	font: bold small arial,helvetica,arial,sans-serif;
}*/
ul li
{
margin-left:10px;
font:small Verdana, Arial, Helvetica, sans-serif;
color:#8a2b72;
padding-bottom:2px;
}
ul
{
padding-top:0;
padding-bottom:0;
margin-top:10px;
margin-bottom:12px;
}

img
{
border-style:none;
}

/*-------------------------------------
Layout IDs
---------------------------------------*/

#main_container
{
clear:both;
display: block;
position: relative;
width: 810px;
height: auto;
padding: 0px;
text-align: left;
margin: 0px auto;
background:url(../imgs/banner_top2.jpg) top left no-repeat;
}

#header_container
{
/*background:url(../imgs/banner_top.jpg) top left no-repeat;*/
width:100%;
height:188px;
margin:0;
padding:0;
}
#change_text_size
{
float:right;
display:inline;
margin:10px 26px 0px 42px;
width:300px;
}
#change_text_size p
{
font: 10px verdana,Helvetica,sans-serif;
line-height:10px;
padding:3px 5px 0px 0px;
display:inline;
float:right;
line-height:13px;
text-align:right;
}
.change_text_image
{
float:right;
display:inline;
padding:0px 7px 0px 0px;
}
#apply_styles
{
display:none;
}
/**------------------------------------------------------------------------------------------------------------*/
/**----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------
Global navigation
---------------------------------------*/

#nav_container{
display: block;
position: relative;
float:left;
padding-left:28px;
height: 25px;
margin:0px;
width:100%;
}

#nav{
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	/*background-color: #ff0000;*/
}

#nav li{
	float:left;
margin:0;
padding:0;
}
ul#nav {
margin:0;
padding:0;
}

#nav li a{
	height:25px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -800em;
}

/**------------------------------------------------------------------------------------------------------------*/

/*holds rollover-------------------*/
body#home #nav #nav_home a, 
body#courses #nav #nav_courses a, 
body#course_description #nav #nav_courses a, 
body#course_registration #nav #nav_register a,
body#awards #nav #nav_awards a,
body#mentoring #nav #nav_mentoring a,
body#cases #nav #nav_cases a,
body#news #nav #nav_news a,
body#gallery #nav #nav_gallery a, 
body#gallery_sub #nav #nav_gallery a,
body#faqs #nav #nav_faqs a,
body#register #nav #nav_register a,
body#contact #nav #nav_contact a,
body#about #nav #nav_about a,
body#robotics #nav #nav_robotics a, 
body#summer #nav #nav_summer a, 
body#robotics_gallery #nav #nav_robotics a
{
background-position: 0% -25px;
cursor:default;
}
#nav #nav_home a
{
width: 49px;
background:url(../imgs/nav_home.gif) no-repeat left bottom;
}
#nav #nav_home a:hover
{
background: url(../imgs/nav_home.gif) no-repeat left top;
}

/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_courses a
{
width: 66px;
background:url(../imgs/nav_courses.jpg) no-repeat left bottom;
}
#nav #nav_courses a:hover
{
background: url(../imgs/nav_courses.jpg) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_awards a
{
width: 68px;
background:url(../imgs/nav_schemes.gif) no-repeat left bottom;
}
#nav #nav_awards a:hover
{
background: url(../imgs/nav_schemes.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_mentoring a
{
width: 74px;
background:url(../imgs/nav_mentoring.jpg) no-repeat left bottom;
}
#nav #nav_mentoring a:hover
{
background: url(../imgs/nav_mentoring.jpg) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_robotics a
{
width: 64px;
background:url(../imgs/nav_robotics.gif) no-repeat left bottom;
}
#nav #nav_robotics a:hover
{
background: url(../imgs/nav_robotics.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_cases a
{
width: 90px;
background:url(../imgs/nav_cases.gif) no-repeat left bottom;
}
#nav #nav_cases a:hover
{
background: url(../imgs/nav_cases.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_news a
{
width: 100px;
background:url(../imgs/nav_news.gif) no-repeat left bottom;
}
#nav #nav_news a:hover
{
background: url(../imgs/nav_news.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_gallery a
{
width: 57px;
background:url(../imgs/nav_gallery.gif) no-repeat left bottom;
}
#nav #nav_gallery a:hover
{
background: url(../imgs/nav_gallery.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_faqs a
{
width: 45px;
background:url(../imgs/nav_faqs.gif) no-repeat left bottom;
}
#nav #nav_faqs a:hover
{
background: url(../imgs/nav_faqs.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/

#nav #nav_register a
{
width: 59px;
background:url(../imgs/nav_enquiry.gif) no-repeat left bottom;
}
#nav #nav_register a:hover
{
background: url(../imgs/nav_enquiry.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_contact a
{
width: 77px;
background:url(../imgs/nav_contact_us.gif) no-repeat left bottom;
}
#nav #nav_contact a:hover
{
background:url(../imgs/nav_contact_us.gif) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_about a
{
width: 68px;
background:url(../imgs/nav_about.gif) no-repeat left bottom;
}
#nav #nav_about a:hover
{
background: url(../imgs/nav_about.gif) no-repeat left top;
}

/*-------------------------------------------------------------------------------------------------------*/
#nav #nav_summer a
{
background:url(../imgs/nav_summer.gif) no-repeat left bottom;
}
#nav #nav_summer a:hover
{
background: url(../imgs/nav_summer.gif) no-repeat left top;
}

/*-------------------------------------------------------------------------------------------------------*/

body#course_registration #nav #nav_courses a,#nav #nav_courses a
{
width: 60px;
background:url(../imgs/nav_courses.gif) no-repeat left bottom;
}

body#course_registration #nav #nav_courses a:hover,#nav #nav_courses a:hover
{
background: url(../imgs/nav_courses.gif) no-repeat left top;
}


/**-------------------------------------------------------------------------------------*/
/* Force override the widths */
#nav #nav_home a{width: 47px;}
#nav #nav_courses a{width: 60px;}
#nav #nav_register a{width: 72px;}
#nav #nav_awards a{width: 66px;}
#nav #nav_mentoring a{width:98px;}
#nav #nav_cases a{width: 88px;}
#nav #nav_news a{width: 98px;}
#nav #nav_gallery a{width: 55px;} 
#nav #nav_faqs a{width: 43px;}
#nav #nav_register a{width: 59px;}
#nav #nav_contact a{width: 75px;}
#nav #nav_about a{width: 66px;}
#nav #nav_robotics a{width: 62px;} 
#nav #nav_summer a{width: 98px;}

/**------------------------------------------------------------------------------------------------------------*/

/**--------------------------------------------------------------------------------------------------*/

#breadcrumb_container
{
background:url(../imgs/bg_breadcrumb.gif) no-repeat;
width:100%;
height:46px;
display: block;
float:left;
}

.breadcrumb
{
padding-left:33px;
padding-top:13px;
font: small verdana,Helvetica,sans-serif;
}

#body_container
{
background:url(../imgs/bg_sides.gif) #ffffff repeat-y;
width:100%;
height:100%;
display: block;
float:left;
}

body.sidebarRight .main_image
{
display: block;
position: relative;
float:left;
padding:0px 0px 20px 33px;
margin:0px;
}
body.sidebarRight .main_content
{
display: block;
padding:0px 20px 20px 33px;
margin:0;
}
body.sidebarRight #main_content_container
{
display: block;
position: relative;
float:left;
padding:0px;
margin:0 0 35px 0;
width:487px;
}
body.sidebarRight #sidebar_container
{
background:url(../imgs/events_bottom_bg.gif) bottom left no-repeat #e7e7e7;
display: inline;
position: relative;
margin:0 34px 35px 0;
padding:0;
float:right;
height:auto;
width: 277px;
}

body.sidebarLeft .main_image
{
display: block;
position: relative;
float:left;
padding:0 0 20px 0;
margin:0;
}
body.sidebarLeft .main_content
{
display: block;
position: relative;
float:left;
padding:0 0 20px 0;
margin:0;
}
body.sidebarLeft #main_content_container
{
display: inline;
position: relative;
float:right;
padding:0;
margin:0 34px 0 0;
width:443px;
}
body.sidebarLeft #sidebar_container
{
background:url(../imgs/events_bottom_bg.gif) bottom left no-repeat #e7e7e7;
display: inline;
position: relative;
margin:0 0 0 33px;
padding:0px;
float:left;
height:auto;
width: 277px;
}

#events_heading_container
{
clear:both;
background:url(../imgs/events_heading_bg.gif) no-repeat;
display: block;
position: relative;
width:100%;
height:44px;
margin: 0;
}

#events_heading_container2
{
clear:both;
background:url(../imgs/events_heading2_bg.gif) no-repeat;
display: block;
position: relative;
width:100%;
height:40px;
margin:10px 0 0 0;
padding:0;
}

.events_heading_container
{
color: #ffffff;
font: medium verdana,Helvetica,sans-serif;
padding-left:62px;
padding-top:13px;
}

.events_heading_container2
{
color: #ffffff;
font: medium verdana,Helvetica,sans-serif;
padding-left:62px;
padding-top:11px;
}

p.sidebar_dates /*dates on left*/
{
clear:both;
font: small verdana,Helvetica,sans-serif;
padding-left:21px;
padding-top:9px;
display:inline;
position: relative;
float:left;
font-weight:bold;
}

p.sidebar_date_content /*content on right*/
{
font: small verdana,Helvetica,sans-serif;
display:inline;
position: relative;
float:right;
width:175px;
padding:9px 18px 12px 0;
}

.divider_lines
{
margin:0 26px;
font: 11px verdana,Helvetica,sans-serif;
color:#B9B8B9;
clear:both;
padding:0;
}
.divider_lines p
{
color:#B9B8B9;
padding:0;
margin:0;
}

.purpleLinksFixed
{
color:#852671;
}

.sidebar_image
{
clear:both;
padding:3px 12px 20px 0px;
position: relative;
float:left;
margin:0px;
}

ul#sidebar_news
{
float:left;
list-style:none;
padding:11px 5px 0px 21px;
margin:0;
}

ul#sidebar_news li
{
padding:0 10px 3px 0;
margin:0;
color:#000000;
clear:left
}
ul#sidebar_news p
{
font: small verdana,Helvetica,sans-serif;
position:relative;
display:block;
margin:0 0 10px 0;
padding:0px 5px 0px 0;
}

ul#home_news
{
float:left;
list-style:none;
padding:11px 5px 0px 33px;
margin:0;
}

ul#home_news li
{
padding:0 10px 13px 0;
margin:0;
color:#000000;
clear:left
}
ul#home_news p
{
font: small verdana,Helvetica,sans-serif;
position:relative;
display:block;
margin:0 0 10px 0;
padding:0px 5px 0px 0px;
}

.events_container
{
padding-right:39px;
}

/****

SECTIONS ****************************************************************************************

***/
body#mentoring #sidebar_container, body#faqs #sidebar_container, body#robotics #sidebar_container
{
background:none;
}

body#mentoring #sidebar_container img, body#faqs #sidebar_container img, body#robotics #sidebar_container img
{
float:right;
padding-bottom:20px;
}
body#mentoring #main_content_container img, body#faqs #main_content_container img, body#robotics #main_content_container img
{
clear:both;
}
body#mentoring p, body#faqs p
{
padding-bottom:0;
}
body#robotics p{
padding-bottom:20px;
}

body#contact #body_container p.para{
margin-left:33px;
padding-top:0;
padding-bottom:15px;
width:700px;
}
body#contact #sidebar_container
{
width: 287px;
background:none;
padding-bottom:0;
margin-bottom:0;
}
body#contact #main_content_container
{
width: 457px;
background:none;
}
body#contact #sidebar_container p
{
padding:0 0 16px 0;
}
.contact_telephone
{
margin:12px 0 0 0;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
display:inline;
font:10px Verdana, Arial, Helvetica, sans-serif normal normal;
}
.contact_label
{
display:block;
width:60px;
float:left
}
.contact_title
{
padding-top:20px;
}
#contact_container
{
clear:both;
}
#contact_container ul
{
display:block;
padding:0;
margin:0 0 0 33px;
clear:both;
}
#contact_container ul li
{
float:left;
list-style:none;
padding:0 0 25px 0;
margin:0 0 0 0;
display:inline;
width:380px;
}
#contact_container ul li.clear_for_new_line
{
clear:left;
}
#contact_container ul li p
{
font:small Verdana, Arial, Helvetica, sans-serif normal normal;
width:150px;
/*display:inline;*/
}

#contact_container ul li.column_para p
{
font-size:small;
width:350px;
/*display:inline;*/
}
#contact_container ul li img
{
padding:0;
margin:2px 30px 0 0;
float:right;
display:inline;
}
#spacing
{
display:block;
height:35px;
clear:left;
}
#about #main_content_container p.main_content{
width:650px;
}
#about #main_content_container{
margin:0;
}
/*COURSES SECTION ------------------------------------*/
body#courses .main_image
{
float:right;
margin:0 34px 0 20px;
display:inline;
}
body#courses #body_container p
{
margin-left:33px;
margin-right:34px;
padding:0;
}
body#courses #body_container ul li
{
margin-left:10px;
font:small Verdana, Arial, Helvetica, sans-serif;
color:#8a2b72;
padding:2px;
}
body#courses #body_container ul
{
padding-top:0;
padding-bottom:0;
margin-top:10px;
margin-bottom:12px;
margin-right:34px;
}
body#courses #our_courses_title
{
margin-left:33px;
margin-top:20px;
height:43px;
background:url(../imgs/courses/our_courses_text.gif) left no-repeat;
clear:both;
}
body#courses #our_courses_title label
{
font:small Verdana, Arial, Helvetica, sans-serif;
padding:0 41px 10px 0;
}
body#courses #our_courses_title select
{
width:129px;
margin-top:12px;
}
body#courses #our_courses_title p
{
padding:0;
float:right;
display:inline;
margin-right:90px;
}
body#courses ul#our_courses
{
margin:0 0 35px 0;
background-color:#e7e7e7;
clear:both;
padding:0;
float:left;
width:743px;
}
body#courses ul#our_courses li
{
clear:both;
list-style:none;
background: url(../imgs/courses/divider.gif) no-repeat bottom left;
padding:15px 0 20px 0;
margin:0;
}
body#courses ul#our_courses li img.course_thumb
{
float:left;
padding:0;
margin:0 19px 0 21px;
}
body#courses ul#our_courses li a.no_course_thumb
{
/*width:135px;
height:101px;*/
float:left;
padding:0;
margin:19px 19px 0 21px;
}
body#courses ul#our_courses li img.course_details
{
margin:10px 0 0 0;
}
body#courses ul#our_courses li .course_title
{
padding:0 0 5px 20px;
display:block;
}
body#courses ul#our_courses li .course_title_no_image
{
padding:0 0 0 20px;
display:block;
}
body#courses ul#our_courses li p.course_description
{
display:block;
float:left;
width:244px;
background:url(../imgs/courses/divider_vertical.gif) repeat-y right;
padding:0 15px 0 0;
margin:0 0 15px 0;
color:#000000;
}
body#courses ul#our_courses li p.course_description_no_image
{
display:block;
float:left;
/*width:268px;*/
width:400px;
background:url(../imgs/courses/divider_vertical.gif) repeat-y right;
padding:0 15px 0 20px;
margin:0 0 15px 0;
color:#000000;
}
body#courses ul#our_courses li p.course_description ul li
{
float:none;
display:block;
}
body#courses ul#our_courses li table
{
top:40px;
position:relative;
}
body#courses ul#our_courses li p.course_info
{
width:265px;
float:right;
display:inline;
padding:0;
margin:0px 15px 0 0;
color:#000000;
}
body#courses ul#our_courses li p.course_info span.label
{
clear:both;
float:left;
width:80px;
display:inline;
padding:0 0 10px 0;
margin:0 0 0 0;
color:#8a2b72;
}
body#courses ul#our_courses li p.course_info span.result
{
float:right;
width:170px;
display:inline;
padding:0 0 10px 0;
margin:0 0 0 15px;
color:#000000;
}
body#courses ul#our_courses li.no_divider
{
background:none;
}
/*COURSE DESCRIPTION-----------------------*/
body#course_description #body_container table#main
{
margin:0 0 30px 33px;
padding:0;
text-align:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#8a2b72;
}
body#course_description #body_container table#main h2
{
margin:6px 0 0 62px;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#fff;
}
body#course_description #body_container table#main td.heading_news_purple
{
margin:0;
padding:0;
background-image:url(../imgs/courses/course_description_title.gif);
}
body#course_description #body_container table#main p
{
margin:0;
padding:5px 5px 5px 7px;
}
body#course_description #body_container table#main p.right_align
{
text-align:right;
padding-right:25px;
}
body#course_description #body_container table#main p.right_column
{
color:#000;
}
/*-----------case studies section-----------*/
body#cases #body_container ul
{
margin:0 34px 35px 33px;
padding:0;
}
body#cases #body_container ul li
{
/*background-color:#e7e7e7;*/
list-style:none;
padding:19px 0 20px 0;
margin:0;
clear:both;
border-top:1px solid #999999;
min-height:30px;
}
body#cases #body_container ul li.no_top_keyline, body#cases #body_container ul li.no_image_no_top_keyline
{
border-top:none;
}
body#cases #body_container ul li.no_image p, body#cases #body_container ul li.no_image h2.case_title, body#cases #body_container ul li.no_image_no_top_keyline p, body#cases #body_container ul li.no_image_no_top_keyline h2.case_title
{
margin:0 0 0 21px;
width:700px
}
body#cases #body_container ul li.no_image_no_top_keyline p, body#cases #body_container ul li.no_image_no_top_keyline h2.case_title
{
margin:0 0 0 21px;
}
body#cases #body_container ul li img.case_thumb
{
margin:0 20px 20px 21px;
float:left;
}
body#cases #body_container ul li p, body#cases #body_container ul li h2.case_title
{
margin:0 0 0 241px;
width:482px;
}
body#cases #body_container ul li h2.case_title{padding:0 0 0 0}
body#cases #body_container ul li p{color:#000000; clear:none;}
body#cases #body_container ul li p span
{
color:#852671;
float:left;
width:60px;
}
body#cases #body_container ul li p.author
{
width:320px;
/*float:left;
display:block;
width:240px;
margin-left:0;*/
}
body#cases #body_container ul li a.view_course
{
display:inline;
float:right;
margin:5px 14px 0 0;
position:relative;
}
/*body#cases*/
/*Gallery Section -----------GGAALLEERRYY-----------============------------------------------------------------*/

body#gallery #body_container ul#main
{
margin:0 34px 35px 33px;
padding:0;
}
body#gallery #body_container ul#main li.grey_block, body#gallery #body_container ul#main li.grey_block_no_keyline
{
clear:both;
list-style:none;
padding:0 0 0 0;
margin:0;
min-height:119px;
}
body#gallery #body_container ul#main li.grey_block
{
border-top:1px solid #cccccc;
}
body#gallery #body_container ul#main li.white_block
{
clear:both;
list-style:none;
padding:0 0 0 0;
margin:0;
border-top:1px solid #cccccc;
}
body#gallery #body_container ul#main li.grey_block ul, body#gallery #body_container ul#main li.grey_block_no_keyline ul
{
background-color:#e7e7e7;
min-height:119px;
}
body#gallery #body_container ul#main li.white_block
{
min-height:119px;
}
body#gallery #body_container ul#main li.white_block{background:#ffffff;}
/*--FIX for IE 6----*/
* html body#gallery #body_container ul#main li
{
list-style:none;
padding:0;
margin:0;
height:109px;
border-top:#ffffff;
}
body#gallery #body_container ul#main li ul
{
margin:0;
padding:0;
clear:both;
display:inline;
}
body#gallery #body_container ul#main li ul li
{
list-style:none;
margin:19px 0 0 21px;
padding:0;
float:left;
/*background-color:#CCCC33;*/
width:349px;
display:inline;
}
body#gallery #body_container ul#main li.grey_block_no_keyline ul
{
/*border:none;*/
}
body#gallery #body_container ul#main li ul li img.gallery_thumb
{
padding:0;
margin:0 20px 20px 0;
float:left;
}
body#gallery #body_container ul#main li ul li img
{
margin:10px 0 0 0;
}
body#gallery #body_container ul#main li ul li p span
{
width:50px;
float:left;
padding:0;
margin:0;
color:#8a2b72;
}
body#gallery #body_container ul#main li ul li h2
{
font-size:18px;
padding:0;
margin:0 0 0 155px;
width:194px;
}
body#gallery #body_container ul#main li ul li p
{
color:#000;
margin:0 0 19px 155px;
width:194px;
}

/*Gallery Sub-Section -----------GGAALLEERRYY----SSUUBB---============------------------------------------------------*/

body#gallery_sub #body_container, body#robotics_gallery #body_container
{
padding:0 0 30px 0;
}
body#gallery_sub #body_container h2, body#robotics_gallery #body_container h2
{
margin:0 0 0 33px;
padding:0;
color:#8a2b72;
display:block;
width:400px;
clear:left;
}
body#gallery_sub #body_container p, body#robotics_gallery #body_container p
{
margin:0 0 0 33px;
clear:left;
display:block;
color:#000;
clear:both;
padding:0;
}
body#gallery_sub #body_container p.subnav_p, body#robotics_gallery #body_container p.subnav_p
{
margin:0;
clear:none;
display:block;
color:#fff;
}
body#gallery_sub #body_container p span, body#robotics_gallery #body_container p span
{
display:block;
color:#8a2b72;
width:50px; 
float:left
}
body#gallery_sub #body_container img.back_to_gallery, body#robotics_gallery #body_container img.back_to_gallery
{
float:right;
margin:0 34px 0 0;
padding:0;
display:inline;
}
body#gallery_sub #body_container ul, body#robotics_gallery #body_container ul
{
float:left;
margin:32px 0 0 0;
padding:0;
}
body#gallery_sub #body_container ul img, body#robotics_gallery #body_container ul img
{
padding:0;
display:block;
margin:0;
}
body#gallery_sub #body_container ul li p, body#robotics_gallery #body_container ul li p
{
padding:0;
margin:0;
width:320px;
display:block;
}
body#gallery_sub #body_container ul li, body#robotics_gallery #body_container ul li
{
list-style:none;
padding:0;
margin:0 0 38px 50px;
float:left;
}
/*NNNNNEEEEEEWWWWWSSSSSS ANNNNNNNDD EVEEEENNNNTTTTSSSSS---------+++++++++++----------------*/

#body_container #keyline_container
{
background:top left url(../imgs/bg_news_keyline_grey.gif) repeat-y;
height:100%;
margin-bottom:20px;
}
#body_container #news_container
{
float:left;
margin:0 0 0 33px;
width:372px;
display:inline;
}
#body_container #news_container
{
float:left;
margin:0 0 0 33px;
width:372px;
display:inline;
}
#body_container #events_container
{
float:left;
margin:0;
width:372px;
display:inline;
}/*
#keyline_container
{
float:left;
margin:0;
width:1px;
height:inherit;
padding:0;
background:#0066FF;
display:inline;
}*/
#body_container #news_container ul#news_list
{
margin:0 0 30px 0;
padding:0;
/*border-right:1px solid #e6e6e6;*/
}
#body_container #news_container ul#news_list li
{
margin:0 15px 0 21px;
padding:0 0 19px 0;
border-top:#cccccc solid 1px;
list-style:none;
clear:left;
}
#body_container #news_container ul#news_list li.no_image_no_keyline, #body_container #news_container ul#news_list li.no_keyline
{
border:none
}

#body_container #news_container ul#news_list li img.news_thumb
{
padding:0;
margin:19px 0 19px 0;
float:left;
}
#body_container #news_container ul#news_list li p
{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
margin:0 0 0 151px;
}
#body_container #news_container ul#news_list li p.date
{
padding-top:0;
}
#body_container #news_container ul#news_list li p.date_no_thumb
{
padding-top:0;
margin-left:0;
}
#body_container #news_container ul#news_list li h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0 0 0 151px;
padding:19px 0 0 0;
}

#body_container #news_container .heading_news_purple
{
padding:0;
margin:0;
height:43px;
background:url(../imgs/news/tab_purple.gif) top left #fff no-repeat;
border:none;
border-bottom:1px solid #cccccc;
}
#body_container #news_container .heading_news_purple h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:16px 0 0 62px;
margin:0;
color:#fff;
}
#body_container #news_container ul#news_list li p.no_thumb, #body_container #news_container ul#news_list li h3.no_thumb
{
margin:0;
}
/*-----events---DIV events----------------------------------------*/

#body_container #events_container ul#events_list
{
/*border-left:1px solid #e6e6e6;*/
margin:0 0 30px 0;
padding:0;
}
#body_container #events_container ul#events_list li
{
margin:0 15px 0 21px;
border-top:#cccccc solid 1px;
padding:0 0 19px 0;
list-style:none;
clear:left;
}
#body_container #events_container ul#events_list li.no_image_no_keyline, #body_container #events_container ul#events_list li.no_keyline
{
border-top:none
}

#body_container #events_container ul#events_list li img.news_thumb
{
padding:0;
margin:19px 0 19px 0;
float:left;
}
#body_container #events_container ul#events_list li p
{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
margin:0 0 0 151px;
}
#body_container #events_container ul#events_list li p span
{
float:left;
display:block;
width:52px;
color:#8a2b72;
}
#body_container #events_container ul#events_list li p.date
{
padding-top:0;
}
#body_container #events_container ul#events_list li p.date_no_thumb
{
padding-top:0;
margin-left:0;
}
#body_container #events_container ul#events_list li h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0 0 0 151px;
padding:19px 0 0 0;
}

#body_container #events_container .heading_news_purple
{
padding:0;
margin:0;
height:43px;
background:url(../imgs/news/tab_purple.gif) top left #fff no-repeat;
border:none;
border-bottom:1px solid #cccccc;
}
#body_container #events_container .heading_news_purple h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:16px 0 0 62px;
margin:0;
color:#fff;
}
#body_container #events_container ul#events_list li p.no_thumb, #body_container #events_container ul#events_list li h3.no_thumb
{
margin:0;
}

/*-----ROBOTICS----------------------------------------*/

.subnav_p {font-size: 14px; padding:0; margin:0; color:#fff; text-align:center}
.subnav_spacing{height:10px;}
#subnav a {color:#fff;text-decoration:none;}
#subnav a:hover{ text-decoration:underline;}
.heading_white {color: #ffffff; font-weight:bold;}
/*body#robotics #body_container p{
margin-left:33px;
padding-top:0;
padding-bottom:15px;
width:400px;
}
body#robotics #body_container img{
float:right;
clear:right;
margin-bottom:20px;
margin-right:24px;
display:inline;
}*/


/*SUMMER SCHOOL SECTION ------------------------------------*/
body#summer .main_image
{
float:right;
margin:0 34px 0 20px;
display:inline;
}
body#summer #body_container p
{
margin-left:33px;
padding:0;
}
body#summer #body_container ul li
{
margin-left:10px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#8a2b72;
padding:2px;
}
body#summer #body_container ul
{
padding-top:0;
padding-bottom:0;
margin-top:10px;
margin-bottom:12px;
}
body#summer #our_courses_title
{
margin-left:33px;
height:43px;
background:url(../imgs/courses/our_courses_text.gif) left no-repeat;
clear:both;
}
body#summer #our_courses_title label
{
font:11px Verdana, Arial, Helvetica, sans-serif;
padding:0 41px 10px 0;
}
body#summer #our_courses_title select
{
width:129px;
margin-top:12px;
}
body#summer #our_courses_title p
{
padding:0;
float:right;
display:inline;
margin-right:90px;
}
body#summer ul#our_courses
{
margin:0 0 35px 0;
background-color:#e7e7e7;
clear:both;
padding:0;
float:left;
width:743px;
}
body#summer ul#our_courses li
{
clear:both;
list-style:none;
background: url(../imgs/courses/divider.gif) no-repeat bottom left;
padding:15px 0 20px 0;
margin:0;
}
body#summer ul#our_courses li img.course_thumb
{
float:left;
padding:0;
margin:0 19px 0 21px;
}
body#summer ul#our_courses li a.no_course_thumb
{
/*width:135px;
height:101px;*/
float:left;
padding:0;
margin:19px 19px 0 21px;
}
body#summer ul#our_courses li img.course_details
{
margin:10px 0 0 0;
}
body#summer ul#our_courses li .course_title
{
padding:0 0 5px 20px;
display:block;
}
body#summer ul#our_courses li .course_title_no_image
{
padding:0 0 0 20px;
display:block;
}
body#summer ul#our_courses li p.course_description
{
display:block;
float:left;
width:244px;
background:url(../imgs/courses/divider_vertical.gif) repeat-y right;
padding:0 15px 0 0;
margin:0 0 15px 0;
color:#000000;
}
body#summer ul#our_courses li p.course_description_no_image
{
display:block;
float:left;
/*width:268px;*/
width:400px;
background:url(../imgs/courses/divider_vertical.gif) repeat-y right;
padding:0 15px 0 20px;
margin:0 0 15px 0;
color:#000000;
}
body#summer ul#our_courses li p.course_description ul li
{
float:none;
display:block;
}
body#summer ul#our_courses li table
{
top:40px;
position:relative;
}
body#summer ul#our_courses li p.course_info
{
width:265px;
float:right;
display:inline;
padding:0;
margin:0px 15px 0 0;
color:#000000;
}
body#summer ul#our_courses li p.course_info span.label
{
clear:both;
float:left;
width:80px;
display:inline;
padding:0 0 10px 0;
margin:0 0 0 0;
color:#8a2b72;
}
body#summer ul#our_courses li p.course_info span.result
{
float:right;
width:170px;
display:inline;
padding:0 0 10px 0;
margin:0 0 0 15px;
color:#000000;
}
body#summer ul#our_courses li.no_divider
{
background:none;
}
/*SUMMER SCHOOL COURSE DESCRIPTION-----------------------*/
body#summer #body_container table#main
{
margin:0 0 30px 33px;
padding:0;
text-align:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#8a2b72;
}
body#summer #body_container table#main h2
{
margin:6px 0 0 62px;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#fff;
}
body#summer #body_container table#main td.heading_news_purple
{
margin:0;
padding:0;
background-image:url(../imgs/courses/course_description_title.gif);
}
body#summer #body_container table#main p
{
margin:0;
padding:5px 5px 5px 7px;
}
body#summer #body_container table#main p.right_align
{
text-align:right;
padding-right:25px;
}
body#summer #body_container table#main p.right_column
{
color:#000;
}


/*-----COURSE REGISTRATION FORM----------------------------------------*/

body#course_registration #body_container
{
padding:0 0 30px 33px;
width:800px;
}
body#course_registration #body_container h2
{
padding:0 0 10px 0;
margin:0;
}
body#course_registration #body_container p.body_text
{
width:543px;
margin:0 0 15px 0;
}
body#course_registration form
{
margin:0;
padding:0;
}
body#course_registration form p .txt_field
{
width:340px;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
body#course_registration form p .txt_field2
{
width:150px;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
body#course_registration form p.two_lines input.txt_field
{
margin:0 5px 18px 0;

}
/*--------------*/
body#course_registration form ul li#label
{
list-style:none;
margin:0;
padding:0;
display:inline;
}
body#course_registration form ul li.course_list
{
width:361px;
float:right;
clear:right;
margin:0;
padding:0 0 6px 0;
list-style:none;
font-weight:normal;
}
body#course_registration form ul li#clear_it
{
width:380px;
float:none;
clear:both;
margin:0;
padding:0 0 5px 0;
list-style:none;
font-weight:normal;
}
body#course_registration form ul li input
{
margin:4px 5px 0 0;
padding:0;
}
body#course_registration form p, body#course_registration form ul
{
border-bottom:1px solid #fff;
width:743px;
background-color:#e7e7e7;
clear:both;
margin:0;
padding:6px 0 0 0;
}
body#course_registration form p label, body#course_registration form ul li#label label
{
font-weight:normal;
text-align:right;
color:#8a2b72;
float:left;
padding:0 0 0 10px;
}
body#course_registration form p label
{
margin:0 20px 0 0;
width:353px;
}
body#course_registration form ul li#label label{margin:0;padding:0;width:360px;}
body#course_registration form h3.detail
{
font-weight:normal;
font-size:11px;
margin:10px 0 15px 0;
}
body#course_registration form img.btn
{
/*33px left + p label right margin + p label width = left margin*/
margin:10px 0 0 593px;
}

body#awards .logo{
float:left; 
padding:0px 0 10px 0;
}

body#awards .bottom_spacing{
margin-bottom:10px
}
body#awards .clearer_both{
height:20px;
}

body#awards #body_container ul{
padding-left:10px;
}
body#awards #body_container p.right_col{
float:right;
padding-left:20px;
padding-top:0;
padding-bottom:12px;
width:500px;
border-left:1px solid #cccccc;
}


/*base - where logos and links sit------------------------------------------------------*/

#base_container
{
background:url(../imgs/logos_base2.jpg) no-repeat;
width:100%;
height:136px;
display: block;
margin:0px auto;
clear:both;
}

.base_text
{
text-align:center;
padding-top:22px;
color:#5F5E5F;
cursor:default;
}
.base_text a:link, .base_text a:visited
{
color:#5F5E5F;
text-decoration:none;
}
.base_text a:hover
{
color:#000000;
/*background-color:#eeeeee;*/
}

#base_logo_container
{
height:72px;
width:743px;
margin:0 34px 0 33px;
padding:0;
clear:both;
border-bottom:1px dashed #cccccc;
border-top:1px dashed #cccccc;
}
#base_logo_container a{
margin:0 20px;
}
/*************************************************************************************************************
footer - bottom text
*************************************************************************************************************/
#footer_container
{
clear:both;
background-color:#ffffff;
width:100%;
height:65px;
display: block;
margin:0px auto;
}

.footer
{
font: small Verdana, Arial, Helvetica, sans-serif;
color: #631952;
padding:13px 0 0 33px;
display:inline;
float:left;
}

.footer_right
{
font: small Verdana, Arial, Helvetica, sans-serif;
color: #631952;
padding-top:13px;
padding-bottom:0px;
padding-right:34px;
float:right;
display:inline;
}
.footer_right2
{
clear:right;
font: small Verdana, Arial, Helvetica, sans-serif;
color: #999999;
padding-top:1px;
padding-right:34px;
float:right;
display:inline;
}
.footer_right2 a
{
color: #999999;
text-decoration:none;
}
.footer_right2 a:hover
{
color: #000000;
}
p.valid
{
font: small Verdana, Arial, Helvetica, sans-serif;
clear:left;
float:left;
padding: 2px 0 20px 33px;
display:inline;
}

p.valid a
{
color:#000000;
text-decoration:none;
}

p.valid a:hover
{
color:#33CCFF;
}
p.valid a.purple_over:hover
{
color:#b42585;
}

a .valid_tick
{
background: url(../imgs/valid_tick.gif) no-repeat left center;
padding-left: 13px;
text-decoration:none;
border-style:none;
line-height: 100%;
}
a .valid_tick2
{
background: url(../imgs/valid_tick2.gif) no-repeat left center;
padding-left: 13px;
margin-left: 5px;
text-decoration:none;
border-style:none;
line-height: 100%;
}
/*SPECIAL OBJECTS*/
.clearer_left
{
display:inline;
width:1px;
height:1px;
clear:left;
}
.clearer_right
{
display:inline;
width:1px;
height:1px;
clear:right;
}
.clearer_both
{
display:block;
width:1px;
height:1px;
clear:both;
}
.divider_line_grey{
height:1px;
background-color:#cccccc;
clear:both;
margin-left:33px;
margin-bottom:20px;
width:743px;
}

.dd_day{
width:auto;
}
.dd_month{
width:auto;
}
.dd_year{
width:auto;
}