@charset "UTF-8";

/* 
RobotX 2009
ENGINEERING ENRICHMENT
Faculty of Applied Science and Engineering
University of Toronto
Designer/Author: Mark Balson
Version: 2.0

The general layout for this site consists of four main section 
containers that span the width of the screen. Within this each 
has a inner container to properly center it's contents, apply 
a float, and a fixed width.
--------------------------------------------------------*/

body {
	padding: 0px;
	margin: 0px;
	font-family: helvetica neue, helvetica, arial, verdana, serif;
	font-size: 12px;
	line-height: 1.3333333333333333em;
	color: #ffffff;
	background: #222222;
	}
	
/********** Header ************/

#headerContainer {
	height: 176px;e
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/header_bg.gif") top center no-repeat;
	}

#headerInner {
	height: 176px;
	width: 976px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	}

#headerInner #headerTop {
	height: 112px;
	width: 976px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
	
#headerInner #headerTop #siteLogo {
	height: 112px;
	width: 625px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
	float: left;
	}
	
#headerInner #headerTop #siteLogo img {
	padding: 0px 0px 0px 0px;
	margin: 23px 0px 0px 0px;
	float: left;
	}
	
#headerInner #headerTop #uLogo {
	height: 111px;
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	border-bottom: 1px solid #505050;
	}
	
#headerInner #headerTop #uLogo img {
	padding: 0px 0px 0px 0px;
	margin: 68px 0px 0px 0px;
	float: left;
	}

#headerInner #headerBottom {
	height: 64px;
	width: 976px !important;
	width: 996px; /* IE6 Hack */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	float: left;
	}
	
/********** Main Menu Within Header ************/

#headerInner #headerBottom #menu {
	height: 64px;
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	float: left;
	font-size: 1.3333333333333333em;
	line-height: 1em;
	}
	
#headerInner #headerBottom #menu ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	}
	
#headerInner #headerBottom #menu li {
	height: 63px;
	width: 145px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	float: left; 
	border-bottom: 1px solid #505050;
	/* background-color:#FFFFCC; */
	}
		
#headerInner #headerBottom #menu li a { 
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
    float: left; 
	display: block;
	}
	
#headerInner #headerBottom #menu li a:hover { 
	color: #00adee;
	text-decoration:none;
	}
	
/** Main Menu Active Page Markers **/
	
body#overview #menu li#details_menu a,
body#dates #menu li#details_menu a,
body#links #menu li#details_menu a,
body#register #menu li#register_menu a,
body#policies #menu li#policies_menu a,
body#residence #menu li#residence_menu a,
body#video_battle #menu li#video_menu a,
body#video_interview #menu li#video_menu a
	{
	color: #00adee;
	text-decoration:none;
	}
	
/** Sub Menu Active Page Markers **/
	
body#overview #subMenu li#overview_menu a,
body#dates #subMenu li#dates_menu a,
body#links #subMenu li#links_menu a,
body#register #subMenu li#apply_menu a,
body#policies #subMenu li#policies_menu a,
body#residence #subMenu li#residence_menu a,
body#video_battle #subMenu li#video_battle_menu a,
body#video_interview #subMenu li#video_interview_menu a
	{
	color: #00adee;
	text-decoration:none;
	}
	
/** Search Field **/
	
#headerInner #headerBottom #search {
	height: 63px;
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	font-size: 1.3333333333333333em;
	line-height: 1em;
	border-bottom: 1px solid #505050;
/*	background-color: #FFFF99; */
	}	
	
#headerInner #headerBottom #search p {
	padding: 0px 0px 0px 0px;
	margin: 30px 26px 0px 0px;
	float: left;
	}
	
#search input, .featureItem input, .featureItem select {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: helvetica neue, helvetica, arial, verdana, serif;
	font-size: 12px;
	}
	
fieldset legend { 
	display: none;
	}
	
fieldset { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:none;
	}
	

/********** Sub Menu within Content ************/
	
#subMenu {
	width: 145px;
    min-height: 200px;
	padding: 0px 0px 0px 0px;
	margin: 19px 15px 15px 15px;
	float: left;
	}

#subMenu ul {
	padding: 0px 0px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	}
		
#subMenu a { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.1666666666666667em;
	line-height: 1.0em;
	color: #ffffff;
	text-decoration: none;
	}
	
#subMenu a:hover { 
	color: #00adee;
	text-decoration: none;
	}

/********** Content Area ************/

#contentContainer {
	width: 100%;
	padding: 0px 0px 0px 0px;
	float: left;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/content_bg.gif") top center no-repeat;
	}

#contentInner {
	width: 976px !important;
	width: 996px; /* IE6 Hack */
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	}

.articleColumn {
	width: 785px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
	
.articleBlock {
	width: 465px;
        padding: 0px 0px 0px 0px;
	margin: 15px 15px 0px 0px;
	float: left;
	}

.imageBlock {
 	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
.imageBlock img {
	max-width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float: left;
	}
	
.wideArticleBlock {
	width: 785px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
.videoBlock {
	width: 465px;
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 0px 0px;
	float: left;
	}
	
.videoArticleBlock {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
.splashArticleBlock {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 0px 15px;
	float: left;
	}
	
.splashArticleBlock img {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	float: left;
	}
	
.splashImageBlock {
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px; 
	float: left;
	}
	
.separator {
	color: #009fda;
	}
	
.course_detail {
	margin: 0;
	font-size: 1em;
	line-height: 1.3333333333333333em;
	margin-bottom: 8px;
	}

/********** Content Typography ************/

h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.8em;
	margin-bottom: 1em;
	color: #00adee;
	}
	
h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 0.8888888888888888em;
	margin-bottom: 0.8888888888888888em;
	color: #00adee;
	}

h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1em;
	margin-bottom: 1em;
	color: #00adee;
	}

h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.1428571428571428em;
	margin-bottom: 1.1428571428571428em;
	color: #ffffff;
	}

p, ul, td, th {
	margin: 0;
	font-size: 1em;
	line-height: 1.3333333333333333em;
	margin-bottom: 1.3333333333333333em;
	}
	
td {
	border-top: 1px solid #009fda;
	padding: 4px 0px 4px 0;
	}

p.small, .small p {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 1.6em;
	margin-top: 4px;
	margin-bottom: 1.6em;
	color: #686868;
	float: left;
	}
	
h3.stream {
	padding: 0px 0px 0px 60px;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/stream.gif") left center no-repeat;
	}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.3333333333333333em;
	}
	
hr {
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
    background: #c6c6ce;
	border: none;
	}
	
.articleBlock a, 
.articleBlock a:link, 
.articleBlock a:active{
	color: #00aeef;
	text-decoration:underline;
	}
	
.articleBlock a:visited
	{
	color: #00aeef;
	text-decoration:underline;
	}

.articleBlock a:hover {
	color: #ffffff;
	background: #00aeef;
	text-decoration: none;
	}
	
.articleBlock ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 30px;
	}
	
.articleBlock li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	font-size: 1.0em;
	}
		
.flagarrow {
	display: block;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/flag_arrow.gif") no-repeat;
	padding-left: 38px;
	clear: both;
	}

strong {
	color: #00aeef;
	}
	
blockquote {
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
	display: block;
	border-left: 7px solid #00aeef;
	}
	
	
/********** Feature Area ************/

#featureContainer {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#featureInner {
	width: 976px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	}
	
.featureItem {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 15px;
	border-top: 1px solid #505050;
	float: left;
	}
	
.storyItem {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px; 
	float: left;
	}
	
.featureItem h3, .storyItem h3 {
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 19px 0px;
	}
	
.featureItem ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.featureItem li {
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/bullet_arrow.gif") 0 4px no-repeat;
	}
	
.featureItem a, 
.featureItem a:link, 
.featureItem a:active,
.storyItem a, 
.storyItem a:link, 
.storyItem a:active {
	color: #00aeef;
	text-decoration:underline;
	}
	
.featureItem a:visited, .storyItem a:visited {
	color: #00aeef;
	text-decoration:underline;
	}

.featureItem a:hover, .storyItem a:hover {
	color: #ffffff;
	background: #00aeef;
	text-decoration: none;
	}
	
/********** Footer ************/

#footerContainer {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 11px 0px 0px 0px;
	float: left;
	background: url("http://enrichment.uoftengineering.com/robotx/_graphics/footer_bg.gif") bottom center no-repeat;
	}

#footerInner {
	width: 976px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	}
	
#footerBorders {
	width: 945px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	border-top: 1px solid #505050;
	border-bottom: 1px solid #505050;
	float: left;
	}	

#footerInner #left {
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 16px 0px;
	float: left;
	}

#footerInner .footerMenuGroup {
	width: 625px;
	padding: 0px 0px 0px 0px;
	margin: 17px 0px 28px 15px;
	float: left;
	}
		
.footerMenuGroup ul {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	}
		
.footerMenuGroup a { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #00aeef;
	text-decoration:underline;
	}
	
.footerMenuGroup a:hover { 
	color: #ffffff;
	background: #00aeef;
	text-decoration: none;
	}
	
#footerInner #bottom {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	float: left;
	}
	
	
/* Vertical Accordions *********************************/

.accordion_toggle {
	display: block;
	width: 100%;
	padding: 0 0px 0 0px;
	outline: none;
	cursor: pointer; 
	cursor: hand; /* IE Hack */
	margin: 0 0 0 0;
	background-color: #ffffff;
	}

.accordion_toggle h4.course_title {
	color: #333;
	background-color: #ffffff;
	}
	
.greyed .accordion_toggle h4.course_title {
	color: #adadad;
	background-color: #ffffff;
	}

.accordion_toggle_active {
	background-color: #ffffff;
	}

.accordion_toggle_active h4.course_title {
	color: #009fda;
	background-color: #ffffff;
	}

.accordion_content {
	overflow: hidden;
	margin: 0px 0 0px 0px;
	}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
	}

.accordion_content p {
	line-height: 150%;
	padding: 0px 0px 0px 0px;
	}

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
	background-color: #ffffff;
	}

.vertical_accordion_toggle_active {
	background-color: #ffffff;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
	}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
	background-color: #ffffff;
	}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
	background-color: #ffffff;
	}
	
#vertical_container img {
	margin: 0 10px 10px 0;
	float: left;
	}