/************************************************************************
* This is the customized CSS file for the Faculty of Science web site.  
*
* Created by: Sue Barschel, modified by Eva Placko (eva@uwo.ca)
* Date:       June 2006
*
***********************************************************/

/* Use this page to overwrite styles found in standard1.css 
   - DO NOT CHANGE standard1.css */

/***********************************************************				
 *
 * 			Standard HTML tag re-definitions
 *
 **********************************************************/
/*  These are added to/override the definition in standard1.css */	
body {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	}
h1 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #660099;
	margin: 10px 0 10px 10px;
	}
/*  These are added to/override the definition in standard1.css */
h2  {
	color: #660099;
	font-size: 120%;
	margin: 5px 0 10px 10px;
	}
/*  These are added to/override the definition in standard1.css */
h3  {
	color: #000000;
	font-size: 110%;
	margin: 5px 0 5px 10px;	
	}
p {
    margin-left: 10px;
	}
p.indent {
	margin-left: 50px;
	}
	
img {
	border: 0;
	}	
/*--------------------- End of Standard tag definitions -------*/
#boundary {
	width: 100%;
	margin:0;
	border:0;
	}
	
#header {
	background-color:#fff;
	clear:both;
	width:560px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #609;
	}
	
#wordmark {
	display: none;
	}
#wordmarkForPrint {	
	display: block;
	padding: 0;
	border: 0;
	margin: 0;
	background:  url("../images/layout/wordmark_horiz.gif") no-repeat white; 
	width: 560px;
	height: 22px;
	
	}
#section_id {
	clear:both;
	display: block;
	float:none;
	padding: 0;
	border: 0;
	margin: 0;
	background:  url("../images/layout/section_id.gif") no-repeat white;
	width: 460px;
	height: 50px;
	}

#content {
	clear:both;
	padding:0;
	}	
/* Don't display the top navigation bar and drop-down menus */
#nav {
	display:none;
	}	
#menu {
	display:none;
	}
	
/* End of top navigation bar and drop-down menus */

#doubleleftcol {
	clear:both;
	float:none;
	width: 558px;
	padding: 0;
	border-bottom: 1px dashed #f4f4f4;
	}

#leftcol{
    display: none;
	}

#centercol {
	float: left;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0 3px 0 3px;
	}

#rightcol {
    display:none;
	}
#footer {
	clear:both;
	display:block;
	float:left;
	font-size: 80%;
	border-top: 1px solid #609;
	padding: 10px 0 20px 0;
	width: 560px;
	margin-top: 20px;
	}	
#sidebar {
	display: none;
	}	

/* This is a list used that is used as a navigation box at the left */	
#generalItemsList  {
	display: none;
	}
#careerGeneralLinks {
	display: none;
	}
#iipGeneralLinks {
	display: none;
	}	
#researchLinks {
	display: none;
	}	
#undergradsLinks {
	display: none;
	}	
#gradsLinks {
	display: none;
	}	
#counsellingLinks {
	display: none;
	}	
#outreachLinks {
	display: none;
	}
#facultyStaffLinks {
	display: none;
	}
#alumniLinks {
	display: none;
	}	
#publicationsLinks {
	display: none;
	}			

/* This class is the heading of the above lists.
   These are added to/override the definition in standard1.css */	
.general_items {
/*	border-left: 1px solid #000; */
	margin: 10px 0px 0px 0;
	}	
.nav_about_box {
	padding: 0;
	margin: 0;
	}
#disciplinesList  {
/*	list-style: none;	*/
/*	border: 1px solid blue; */ 
	width: 40%;
	float: left;
	}
		
#disciplinesList li {
	font-size:12px;
	padding-left: 10px;
	margin-left: 30px;
	}
#spaceBetweenItems li {
	padding-bottom: 10px;
	}
#highlightBox {
    margin: 15px 30px;
	border: 1px solid #660099;
	}		

/*************************** FORMS ****************************/
/*----------------------- General for all forms --------------*/
form { 	
	margin: 15px 10px 40px 10px;
	padding-top: 10px;
	font-size: 14px; 
	width: 90%;
 	}
 
/* Starts next item on a new line after a BR */
form br {
	clear: left;
	}
		
/* The form's LABEL field  */				
form label {
/*	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;	
    padding-top: 5px;
	height: 10px;
	display: block;
	float: left;	
	margin-bottom: 10px;	
	width: 210px; */ /* how wide the label field is */	
	}	
/* This seems to control the radio button label position
   (beside button, rather than under button) */
form label, input {
	float: left; 
	}
/* The form's LEGEND text */
form legend {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 20px 10px;
	font-weight: bold;
	margin:0;
	color: #660099;
	}
form fieldset {
	width: 90%;
	margin: 0 auto;   /* This centres the fieldset in the form */	
/*	width: 720px;*/
	}	
form textarea {
/* If the following is uncommented, the text box starts on a new line */
	margin-left: 120px; /* text box starts 180px from the left */
	float: left;
	}	
form textarea .alignLeft {
	text-align: 10px; 

	}		
form select {
	float: left;
	}		
/* ------------------ End of general FORMS --------------------------*/		

/*-------------------------- SPECIFIC FORMS -------------------------*/
/* Form with this ID name will have a pale blue background */
form#iipForm { 
	background-color: #ffcc99;
	}
form#iipForm label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;	
    padding-top: 5px;
	height: 10px;
	display: block;
	float: left;	
	margin-bottom: 10px;	
	width: 210px;  /* how wide the label field is */	
	}	
	
form#connectForm {  
	padding: 0;
	}		
form#connectForm  label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;	
    padding-top: 5px;
	margin-bottom: 10px;	
	width: 150px;  /* how wide the label field is */
	}		

form#search {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left; 
	font-size:12px; 
	}
					
form#search label, input {
/*border: 1px solid red;	*/
	}
	
form#infoForm { 
	background-color: #cccccc;
	}	
		
/* ------------------ End of SPECIFIC FORMS -------------------------*/		
	
/* ------------------ FORM classes --------------------------------- */	
form .fixedWidth {
	width: 140px;
	}


/* Used for Buttons. Button is 120px wide. */
form .submit {
	width: 120px;
	margin: 10px 5px 15px 0;
	text-align: center;
	}	
/* Used as "class="radioButton". Smaller width for the radio button. */	
form .radioButton {
	width: 30px;
	text-align: left;
	}
/* This puts the submit button on the same line rather than below. 
   Overrides "form label, input" definition above.  */	
form .inline {
	float: none; 
	margin: 0 0 0 20px;
	}

/* ------------------ End of FORM classes --------------------------*/		
/******************** End of FORMS **********************************/		

/*************************** TABLES ****************************/

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 90%;
	margin: 10px;
	padding: 0px;	
	border: 1px solid #000000;
	border-collapse: collapse;
	}
table th {
	text-align:left;
	background-color:#CCCCCC;
	border-right: 1px solid #000000;
	}
table td {
	padding-bottom: 5px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;	
	}	
#participantTable {
	margin-left: 10px;
	border: none;

	}
#participantTable td {
	padding: 10px;
	text-align: left;
	vertical-align: bottom;
	border: none;
	}
#formTable td {
	border: none;
	}


/********************** End of TABLES ****************************/
	
/*=============== IMAGES ==========================*/ 
/* Image floats right, text will wrap to the left of it. 
   Margin at left. */	
img.atRight { 
	float: right;
	margin: 0 0 0 10px;
	}
/* Image floats right, text will wrap to the left of it.  
   Margin at right. */
img.atRightWithMargin  {
	float: right;
	margin: 0 10px 10px 0;
	}
/* Image floats left, text will wrap to the right of it.  
   Margin at right. */		
img.atLeft { 
	float: left;
	margin: 0;	
	}
img.atLeftWithMargin { 
	float: left;
	margin: 10px 10px;	
	}	
/* Image floats left, text will wrap to the right of it. 
   No margins. */		
img.atRightBottom { 
	float: right;
 	position: inherit;
 	right: 0px;
 	bottom: 0px;
 	}
img.atCenter {
	margin: 0 0 0 100px;
}	
/*=============== END OF IMAGES ========================== */ 
.pic{
float:left;
padding:0 5px 5px 0;
}
.text{
clear:right;
padding-bottom:30px;
}

.story{
width: 90%;
padding-bottom:50px;
}
.highlight {
	font-weight: bold;
	color: #FF0000;
	}
.careerColour {
	background-color: #ffcc99;
	}
.iipColour {
	background-color: #CCCCFF;	
	}	
.topOfPage, .backLink {
	display: none;
	}

.blueTitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: large; 
	font-weight: bold; 
	color: #000099;
	}
.alt {
	display: none;
	}