/*
Theme Name: DEEP Summer Academy 2010
Theme URI: http://www.utoronto.ca/
Description: The general layout for this site consists of four main section containers that span the width of the screen.
Version: v1.0
Author: Mark Balson and Sam Xu
*/

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

#headerContainer {
	height: 148px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

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

#headerInner #headerTop {
	height: 84px;
	width: 976px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
	
#headerInner #headerTop #siteLogo {
	height: 83px;
	width: 625px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
	float: left;
	border-bottom: 1px solid #c6c6c6;
	}
	
#headerInner #headerTop #siteLogo img {
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	float: left;
	}
	
#headerInner #headerTop #uLogo {
	height: 83px;
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	border-bottom: 1px solid #c6c6c6;
	}
	
#headerInner #headerTop #uLogo img {
	padding: 0px 0px 0px 0px;
	margin: 21px 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: #464646;
	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: 113px;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	float: left; 
	border-bottom: 1px solid #c6c6c6;
	/* background-color:#FFFFCC; */
	}
		
#headerInner #headerBottom #menu li a { 
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	color: #464646;
	text-decoration: none;
    float: left; 
	display: block;
	}
	
#headerInner #headerBottom #menu li a:hover { 
	color: #00adee;
	text-decoration:none;
	}
	
/** Main Menu Active Page Markers **/
	
body#details #menu li#details_menu a,
body#program_structure #menu li#details_menu a,
body#instructors #menu li#courses_menu a,
body#moneymatters #menu li#details_menu a,
body#faq #menu li#details_menu a,
body#commuting_faq #menu li#details_menu a,
body#map #menu li#details_menu a,
body#international #menu li#details_menu a,
body#agent #menu li#details_menu a,
body#courses #menu li#courses_menu a, 
body#junior_courses #menu li#courses_menu a, 
body#senior_courses #menu li#courses_menu a, 
body#design_week #menu li#courses_menu a, 
body#apply #menu li#apply_menu a,
body#policies #menu li#apply_menu a,
body#residence #menu li#details_menu a,
body#res_video_don #menu li#details_menu a,
body#res_video_student #menu li#details_menu a,
body#res_faq #menu li#details_menu a,
body#predeep #menu li#predeep_menu a
	{
	color: #00adee;
	text-decoration:none;
	}
	
/** Sub Menu Active Page Markers **/
	
body#program_structure #subMenu li#program_structure_menu a,
body#instructors #subMenu li#instructors_menu a,
body#moneymatters #subMenu li#moneymatters_menu a,
body#faq #subMenu li#faq_menu a,
body#commuting_faq #subMenu li#commuting_faq_menu a,
body#map #subMenu li#map_menu a,
body#international #subMenu li#international_menu a,
body#agent #subMenu li#agent_menu a,
body#courses #subMenu li#overview_menu a,
body#junior_courses #subMenu li#junior_courses_menu a,
body#senior_courses #subMenu li#senior_courses_menu a,
body#design_week #subMenu li#design_week_menu a,
body#apply #subMenu li#apply_menu a,
body#policies #subMenu li#policies_menu a,
body#residence #subMenu li#residence_overview_menu a,
body#res_video_don #subMenu li#res_video_don_menu a,
body#res_video_student #subMenu li#res_video_student_menu a,
body#res_faq #subMenu li#res_faq_menu a,
body#predeep #subMenu li#predeep_submenu 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 #c6c6c6;
/*	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: #1c1c1c;
	text-decoration: none;
	}
	
#subMenu a:hover { 
	color: #00adee;
	text-decoration: none;
	}

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

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

#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: #464646;
	}

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;
	width: 50px;
	}

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/deep09/_graphics/stream.gif") left center no-repeat;
	color: black;
	}

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/deep09/_graphics/flag_arrow.gif") no-repeat;
	padding-left: 38px;
	clear: both;
	}

.highlight {
	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 #c6c6c6;
	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/deep09/_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/deep09/_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 #c6c6c6; */
	border-bottom: 1px solid #c6c6c6;
	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;
	}