/* general use */
body {
    	color: #717171;
    	font-family: Open Sans, Helvetica, Helvetica, sans-serif;
    	font-size: 14px;
	font-weight: 300;
	line-height: 1.3;
	font-height: 85%;
	letter-spacing: 0.5px;	
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 0.75em;*/
	margin: 0 auto;
	/*width: 960px; /* Feb 10, 2010 widened 188px */
	width: 972px;
	background: #E5E1D8;
	
}
a img {
	border: none;
}

strong {
	font-weight: 600;
	color: #616161;
}

.lineabove {
	border-top: 1px solid #FFFFFF;
	padding-top: 10px;
}
.imageleft {
	float: left;
	margin: 0 10px 10px 0;
}
.imageright {
	float: right;
	margin: 0 0 10px 10px;
}
/* July 28, 2008; Added by JP after altering homepage text */
.homepageimageleft {
	float: left;
	margin: 0 10px 5px 0;
}
.clear {
	clear: both;
}
.none {
	display: none;
}
/* document container */
#container {
	background: url(../!images/shadow_sides.gif) repeat-y center top;
}
/* body container */
#bodycontainer {
	background: url(../!images/shadow_bottom.gif) no-repeat center bottom;
	padding: 0 6px 6px 6px;
}
/* Header: includes UW bar, search, department title  */	
#header {
	height: 160px; /*Feb 2011 KS changed the height to 110px from 78px as per CLF - KS modified again to accomodate new UW logo and clf change Sept 2014*/ /*July 2015 KS modified from 130 to 175px to match UW clf*/
	width: 100%;
	/*padding: 5px 0 5px 0;*/
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #ffffff; /*S changed from 4EC0D9 2016 redesign*/
}
#clfbar {
	background: #000;
	height: 85px; /*July 2015 KS changed height to 100px from 60px */
	position: relative;	
}
#uw_wordmark {
	/*width: 120px;*/
	position: absolute;
	left: -1px;
	padding: 20px 0px 20px 10px; /*July 2015 KS changed location to match UW webpages*/
	margin: 0;
}
#searchbox {
	color: #fff;
	position: absolute;
	right: 0px;
	margin: 10px 8px 8px 0px; /* July 2015 KS changed margin to 10px...... */
	/*width: 320px; Changed by KAS May 15/14*/
	width: 355px; /*July 2015 KS changed width to 355px to accomodate new description for CEMC Site & UW Sites - search pull down menu*/
	font-size: 12px;
	top: 1px;
}
/*#searchbox, #wordmark { 
	text-align: right;
}*/
#searchterm {
	background: #666;
	color: #fff;
	height: 18px;
	font-size: 12px;
}
fieldset {
   border: 0;
   margin: 0;
   padding: 0;
   }
#submit {
	border: 0;
	/* position: relative; */
	top: 10px;
	background-image: url(http://uwaterloo.ca/math/profiles/uw_base_profile/themes/uw_core_theme/images/search-arrows.png);
	background-color: #000000;
	background-position: -18px 0;
	width: 18px;
	height: 18px;
}
/*#wordmark {
	 margin: 21px 0 0;
	 margin-left: 0;
	 border: none;
	 }*/

#wordmark {
	/*border-top: 1px solid #CCC;*/
	margin-left: 10px; /*July 2015 KS changed wordmark and left aligned wording*/
	/*margin-left: 35px; /* July, 2008 JP changed from 175px to better centre title. */ /*Changed again Feb 2011 KS from 170px to right align title*/
	padding-top: 7px; 	/* July, 2008 JP added to better centre title. */ /*Changed again May 2011 KS to 7px to centre title8 */
}

/*#wordmark {
	border-top: 1px solid #CCC;
	margin-left: 35px; 
	padding-top: 5px; 	
}*/

#wordmark h1 {
	margin: 10px 0 0 0;
	padding-right: 3px;
}
#uwlogo {
	position: absolute;
	margin-top: 4px;
	margin-left: 22px;
}
form#search { 
 	margin: 0px 8px 3px 0;
}
input.google {
	border: 1px solid #666;
	font-size: 11px;
}
/* primary nav */
#primarynavarea {
	width: 182px; /* Feb 2011 KS changed width from 170px to widen site with new banner*/
	float: left;
}
#primarynavarea ul, #primarynavarea li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#primarynav {
	background: #e9f6bc url(../!images/leftnav_image.jpg) no-repeat left bottom;
	padding: 5px 0 281px 0;
}
#primarynav a {
	text-decoration: none;
	color: #252525;
	font-size: 85%;
}
#primarynav li {
	border-bottom: 1px solid #CEE280;
}
#primarynav li a {
	display: block;
	padding: 7px 5px 7px 15px;
	/*background: url(../!images/navarrow_normal.gif) no-repeat 5px 0.90em;*/
}
#primarynav li a:hover {
	background: #4EC0D9 url(../!images/navarrow_hover.gif) no-repeat 5px 0.90em;
	color: #FFFFFF;
}
#primarynavsub ul {
	border: 1px solid #FF0000;
}
#primarynavsub li {
	border-top: 1px solid #CEE280;
	border-bottom: none;
}
#primarynavsub li a {
	padding-left: 25px;
	background: #FFFFFF;
	/*background: #e9f6bc url(../!images/navarrow_normal.gif) no-repeat 15px 0.75em;*/
}
#primarynavsub li a:hover {
	background: #4EC0D9 url(../!images/navarrow_hover.gif) no-repeat 15px 0.75em;
}
/* languages */
ul#languages {
	margin-top: -240px; /* pull inside background attached to primary nav */
	min-height: 240px; /* make sure it doesn't cross footer in non-IE browsers */
	/*Changed margin-top from -266 and min-height from 266 */
	text-align: center;
}
ul#languages li {
	display: block; /* June 18, 2008 (JP,TB) - Changed from inline so only one button displays per page */
}
/* collage */
#collage {
	border-bottom: 1px solid #ffffff; /*KS changed from 4EC0D9 2016 redesign*/
	float: left;
}
/* content bar */
#contentbar {
	/*background: #51C1D9 url(../!images/bar_image.jpg) repeat-x left top;*/
	float: left; 	/* August 6, 2008 - Added by Graphics to fix IE 6.0 display problems. */
	width: 600px;	/* August 6, 2008 - Added by Graphics to fix IE 6.0 display problems. */
					/* Feb 10, 2010 widened 188px */ 
					/* 2016 - KS shortened 188px to fix display problems*/
	/* color:#FFFFFF;  August 6, 2008 - Removed by Graphics when fixing IE 6.0 display problems. */
}
#contentbar h1 {
margin: 0 10px 0 10px;
padding: 0;
letter-spacing: 0.5px;
/*font-height: 85%;*/
font-weight: normal;
color: #4ec0d9;
/*changed from color: #30a8c2; - new web design - KS*/
font-size: 160%;
line-height: 1.2em; /* August 6, 2008 - Removed by Graphics when fixing IE 6.0 bug. */
}
#contentbar h2 {
	/*padding: 1px 0; KS changed from 4px to 1px, 2016*/
	margin: 0 10px 0 10px; /* August 6, 2008 - Changed from 0 10px 0 180px; by Graphics to fix IE6.0 problem. */
	font-weight: normal;
	font-size: 160%;
	color: #4ec0d9;
	/*changed from color: #30a8c2; - new web design - KS*/
}
/* image banner */
/* June 23, 2008, Added by JP for pages with an image banner and right column content */
#imagebanner {
	float: left;
}
/* primary content */
#primarycontarea {
	width: 591px; /* Feb 10, 2010 widened 188px */
	float: right;
}
#primarycontent {
	padding: 0px 10px 10px 0px;
	font-height: 85%;
	line-height: 1.3;
    color: #414141;
}
#primarycontent h1 {
	margin: 0px;
	padding: 2;
	letter-spacing: 0.5px;
	font-height: 85%;
	font-weight: normal;
	color: #4ec0d9;
	/*changed from color: #30a8c2; - new web design - KS*/
	font-size: 140%;
	line-height: 1.2em; /* August 6, 2008 - Removed by Graphics when fixing IE 6.0 bug. */
}

#primarycontent h2 {
	margin-bottom: -9px;
	margin-top: 13px;
	padding: 0;
	letter-spacing: 0.5px;
	font-height: 85%;
	font-weight: 105%;
	color: #616161;
	font-size: 115%; /* June 27, 2008 - Changed from 110% by JP and KS */
}

#primarycontent h3 {
	margin-bottom: -11px;
	padding: 0;
	letter-spacing: 0.5px;
	font-height: 85%;
	font-weight: bold;
	color: #616161;
	font-size: 100%; /* June 27, 2008 - Changed from 110% by JP and KS */
	/*font-style: italic;*/
}
#primarycontent a {
	text-decoration:underline;
	color: #627907;
}
#primarycontent a:hover {
	text-decoration:underline;
	color: #32afca;
	}

/* right content/nav */
#secondnavarea {
	width: 177px;
	/* background: #CEE280 url(../!images/rightnav_image.jpg) repeat-x left top; */
	background: #e9f6bc; url(../!images/rightnav_image.jpg) repeat-x left top;
	font-height: 85%;
	line-height: 1.3;
	float: right;
}
#secondnav {
	padding: 10px;
}

#facebook {
    float: right;
    margin-top: -50px;
    width: 177px;
}

#secondnav h1 {
	margin: 0px;
	margin-bottom: -5px;
	padding: 0;
	/*letter-spacing: 0.5px;
	font-height: 85%;
	font-weight: normal;*/
	color: #4ec0d9;
	/*changed from color: #30a8c2; - new web design - KS*/
	font-size: 150%;
	font-weight: normal;
	line-height: 1.2em; /* August 6, 2008 - Removed by Graphics when fixing IE 6.0 bug. */
}
/*#secondnav h1 {
	margin: 0 0 14px 0;
	padding: 0;
	font-weight: normal;
	font-size: 110%;
}*/
#secondnav h1 strong {
	font-weight: bold
	color: #4ec0d9;
	/*changed from color: #30a8c2; - new web design - KS*/
	
}
#secondnav p {
	margin: 0;
	padding: 10px 0 0 0;
}
#secondnav ul, #secondnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	/*font-size: 93%;*/
	color: #252525;
}
#secondnav li {
	margin: 0 0 14px 0;
	background: url(../!images/navarrow_normal.gif) no-repeat 0px 0.30em;
	padding-left: 15px;
	font-size: 85%;
}
#secondnav a {
	color: #252525;
	text-decoration: none;
	
}
#secondnav a:hover {
	color: #298ca2;
	text-decoration: underline;
}
/* footer */
#footer {
	clear: both;
	border-top: 1px solid #ffffff;/*New design 2016 - KS remove to suit new look*/
	border-bottom: 7px solid #4EC0D9; 
	background: url(../!images/footer_image.gif) repeat-y center top;
	padding-left: 192px; /*Feb 2011 KS added 12 px to move the logo over to match the left menu widening*/
	font-size: 88%;
	line-height: 135%;
}
#departmentaddress p {
	margin: 10px 0 5px 85px;
}
#departmentaddress p.links {
	margin: 0 0 10px 85px;
}
#departmentaddress p.links, #departmentaddress p.links a {
	color: #1490AB;
	text-decoration: none;
}
#departmentaddress p.links a:hover {
	text-decoration: underline;
}
#departmentaddress p .logo {
	float: left;
	margin-left: -85px;
}
img.facebooklogo {
float: right;
	text-align: right;
	margin: 20px 10px 2px 2px;
}
img.twitterlogo {
float: right;
	text-align: right;
	margin: 20px 45px 2px 2px;
}

img.campaignlogo {
	float: right;
	text-align: right;
	margin: 10px 20px 2px 2px;/*changed margin to 80px from 20px*/
}

/*img.campaignlogo {
	float: right;
	text-align: right;
	margin: 20px 20px 2px 2px;
}*/
	
/* big table */ 	
.bigtable {
	margin-top: 0px;
	width: 755px;	/* Feb 10, 2010 widened 188px */
	border: 1px solid #BBBBBB; /* July 8, 2008 - J.P. changed all table borders from #707070 */
	}
.bigtable td {
	background-color: #ffffff; /* July 4,2016 - KS changing bg colour to #ffffff from  #cee280; for new look and feel*/
	font-size: 100%;
	border: 1px solid #BBBBBB;
	padding: 5px;
	color: #505050;/* July 4,2016 - KS changing font colour to #505050 from  #363636; for new look and feel*/
	}	
/*.bigtable td {
	background-color: #e9f6bc;
	font-size: 100%;
	border: 1px solid #BBBBBB;
	padding: 5px;
	color: #363636;
	}*/
/* vertical big table */
/* June 25, 2008 - Added by Terry for use with vertical tables (with column headings) */
.vbigtable {
	margin-top: 0px;
	width: 755px;	/* Feb 10, 2010 widened 188px */
	border: 1px solid #BBBBBB;
	}

.vbigtable td {
	font-size: 100%;
	border: 1px solid #BBBBBB;
	padding: 5px;
	color: #505050;
	}		
/* small table */
/* June 24, 2008 - Added by JP for use on pages with right-column content. */
.smalltable {
	margin-top: 0px;
	width: 581px;	/* Feb 10, 2010 widened 188px */
	border: 1px solid #BBBBBB;
	}

.smalltable td {
	background-color: #FFFFFF; /*changing from #e9f6bc new web design*/
	/*changing from background-color: #e9f2c6;*/
	font-size: 100%;
	border: 1px solid #BBBBBB; 
	padding: 5px;
	color: #505050; /*changing from #363636 new web design*/
	}	
/* vertical small table */
/* June 25, 2008 - Added by Terry for use with vertical tables (with column headings) */
.vsmalltable {
	margin-top: 0px;
	width: 581px;	/* Feb 10, 2010 widened 188px */
	border: 1px solid #BBBBBB; /*changing from #BBBBBB new web design*/
	}

.vsmalltable td {
	font-size: 100%;
	border: 1px solid #BBBBBB; /*changing from #BBBBBB new web design*/
	padding: 5px;
	color: #505050; /*changing from #363636 new web design*/
	}	
	
/* Used to highlight top row of a horizontal table */	
.greenbar td {
	background-color: #e9f6bc; /*changing from #cee280 new web design*/
	font-weight: bold; 
	}
/* Used for vertical tables */
/* For example:	<table cellspacing="0" class="vsmalltable" summary="Gauss Grade 7 Archive">
                  <colgroup>
                  <col class="darkgreen" />
                  <col class="lightgreen" />
				  ...
                  </colgroup>
                  <tr>
                    <td><strong>Contests</strong></td> ...

*/
.darkgreen {
	background-color: #e9f6bc; /*changing from #cee280 new web design*/
	}	
.lightgreen {
	background-color: #ffffff; /*changing from #e9f6bc new web design*/
	}

/* This class makes tables transparent
   July 2, 2008 - Added by Terry        */
.noborder {
	border: none;
	}
.backtotop {
	padding-bottom: 5px;
}

.faqlist {
	color:#43a6bd;
	font-size:120%;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0;
}

.faqquestion {
line-height: 175%
}