/* 

Adapted from SFU Surrey
http://students.surrey.sfu.ca

Adapted from SFU About
http://www.sfu.ca/about

By Andrew Kumar (kumar@sfu.ca)

*/






/* Generic */
   
   
*									{border: none;font-family: Arial, Helvetica, sans-serif;}

#noCSSBrowser 						{display: none;height: 0px;overflow: hidden;}

body 								{margin: 0 auto;padding: 0;width: 980px;height: 600px; background-color: #a7a8a0;color: #333;}

html>body							{margin: 0 auto;padding: 0;width: auto;height: auto;max-width: 980px;min-height: 600px;}

#container 							{width: 980px; height: 600px;float: left; line-height: 1.2em;background:#fff;}

html>body #container				{ height: auto;	min-height:600px;}

#topframe 							{width: 980px;padding: 0px;margin: 0px;margin-top: -12px;background-color: #2e3192;}

html>body #topframe 				{ margin-top: 0px; height: 5px;}





/* Header */

#header 							{border-left: solid 25px #a43e31;
									background-color: #6e6d64;background-image: url(http://students.surrey.sfu.ca/themed/sfudotca/img/header/fade_pics_arts.jpg);
    								background-position: right top;background-repeat: no-repeat;width: 955px;}
    								
#header a 							{background-image: url(../images/banner_left.gif); background-position: left top;
    								background-repeat: no-repeat; display: block; padding: 71px 0px 0px 0px;
    								width: 410px; height: 0px; overflow: hidden;}
    								
div#redBar 							{width: 955px;margin: 0px; padding: 0px; background-color: #b5111a; float: left;
    								clear: both;  border-left: solid 25px #cb5a60; font-size: 15px; line-height: 1em;}
    								
div#redBar a 						{color: #ffffff; text-decoration: none; background-color: #b5111a; display: block;
   	 								float: left; margin: 0px; padding: 6px 0px 8px 0px; border-bottom: solid 16px #b5111a; }
   	 								
div#redBar a:hover					{ border-bottom: solid 16px #cb5a60; text-decoration: none; }

div#redBar .divider 				{ float: left; display: block; font-weight: bold; color: #cb5a60; margin: 0px 7px; padding-top: .4em; }

div#leftRedBar 						{ padding: 0px 0px 0px 40px; float: left; clear: none; }

div#rightRedBar 					{ float: right; clear: none; padding: 0px 10px 0px 0px; }

div#leftRedBar a#SFUCA 				{ margin-right: 40px; font-weight: bold; }

ul#pullDowns 						{ display: inline; padding: 0px; margin: 0px; list-style-image:none; list-style-position:outside; list-style-type:none; }

ul#pullDowns li 					{ position: relative; z-index: 100; display: block; float: left; }

ul#pullDowns li ul 					{ position: absolute; float: left; background-color: #cb5a60; width: 200px; top: 45px; left: 0px; margin: 0px; padding: 0px; }

ul#pullDowns li ul#AtoZ 			{padding: 5px 5px 3px 5px;text-transform: uppercase;}

ul#pullDowns li ul li 				{padding: 0px;overflow: hidden;display: block;}

ul#pullDowns li#SFUOnlineMenu ul li	{clear: left;width: 100%;}

ul#pullDowns li ul#AtoZ li 			{float: left;clear: none;width: 1.2em;height: 1.5em;padding: 0px .25em 0px 0px;margin: 0px;}

ul#pullDowns li ul li a 			{color: #ffffff;font-size: .8em;background-color: #cb5a60;border: none;width: 100%;padding: 2px;margin: 0px;border: none;
									text-decoration: none;}

ul#pullDowns li ul li a:hover 		{border: none;}

ul#pullDowns li#SFUOnlineMenu ul li a 	{padding: 5px;}

ul#AtoZ li a 						{text-align: center;}

ul#pullDowns li ul li a:hover 		{background-color: #b5111a;}

.out ul 							{display: none;}

.over ul 							{display: block;}

div#rightRedBar #SFUSearch 			{display: block;float: left;color: #ffffff;margin: 0px;}

div#rightRedBar #SFUSearch label 	{float: left;padding-top: 6px;padding-right: 5px;}

div#rightRedBar #SFUSearch input 	{float: left;margin: 4px 0px 0px;padding: 0px;width: 100px;overflow: hidden;height: 16px;}






/*  Footer  */

#footer 							{font-size: 10px;position: relative;clear: both;width: 980px;background: #bbbbbb;color: #ffffff;text-align: center;
									padding-top: 2px;padding-bottom: 2px;}

#footer a 							{color: #ffffff;text-decoration: none;}

#footer a:hover 					{text-decoration: underline;}






/* Container */

#container 							{font: 12px/17px "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;color: #333;background-color: #fff;
									background-image: url(http://www.sfu.ca/about/images/main_bg.gif);background-position: top;background-repeat: repeat-y;}

.containerMid 						{width: 492px;float: left;padding: 20px 30px 30px 30px;margin: 0 auto;}

.containerMid2 						{width: 725px;float: left;padding: 20px 30px 30px 30px;margin: 0 auto;background-color: #fff;}






/* Link styles */

a 									{ color: #0054a6; }

a:link, a:active 					{ color: #0054a6; text-decoration: none; }

a:visited 							{ color: #25316e; text-decoration: none; }

a:hover 							{ color: #6d9dcc; text-decoration: underline; }





/* Header styles */


h2 									{color: #b5111a;font: 18px/21px "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;font-weight: bold;}

h3 									{font: 14px/21px "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;font-weight: bold;
									color: #555;margin-bottom: 0px;padding-bottom: 0px;}





/* Navigation menu */

#nav 								{overflow: hidden;background-color: #bcbcb4;width: 170px;float: left;line-height: 1em;border-left: 25px solid #cdcdc7;padding-top: 6px;}

#nav ul 							{margin: 0; padding: 0;  list-style-type: none; }

#nav ul li 							{color: #555;display: inline;}

#nav ul li a 						{text-decoration: none;display: block;padding: 4px 8px 4px 8px;text-decoration: none;color: #555;}

#nav li a:hover 					{text-decoration: none;background-color: #cdcdc7;border-right: 5px solid #666;}

#nav li.highlight a 				{background-color: #cdcdc7;color: #0054a6;text-decoration: none;border-right: 5px solid #666;}

#nav ul li.highlight ul li a 		{background-color: #bcbcb4;border-right:  none;display: block;padding: 4px 8px 2px 32px;color: #0054a6;}

#nav ul li.highlight ul li a:hover 	{background-color: #bcbcb4;color: #b5111b;border-right: none;}

#nav ul li.highlight ul li a:visited	{border-right:  none;background-color:  #bcbcb4;}

#nav ul li.highlight ul li.over a 	{background: url(http://www.sfu.ca/about/images/bullet_red.gif) 18px 7px no-repeat;display:  block;}

#nav ul li.highlight ul li.over a 	{color: #b5111b;list-style-image: url(http://www.sfu.ca/about/images/bullet_red.gif);}

#nav ul li.highlight ul li ul 		{margin-left: 10px;}

#nav ul li.highlight ul li.over ul li a:link {background-image:  none;color:  #3a76b1;}

#nav ul li.highlight ul li.over ul li a:visited {color: #3a76b1;background-image: none;}

#nav ul li.highlight ul li.over ul li.subover a {color: #555;background-image: none;}

#nav ul li.highlight ul li.over ul li.subover a:visited {color: #555;background-image: none;}
	
#nav ul li.highlight ul li.over ul li.subover a:hover {color: #555;background-image: none;}
	
#nav li.rule						{display:  block;padding: 0em;height: 0em;line-height: 0em;margin-left: 8px;width: 145px;border-top: 1px dotted #777;}






/* Main content */

p 									{margin-top: 0px;padding-top: 3px;}

#content 							{width: 785px;float: right;}
	
#features 							{ width: 785px; height: 194px; max-height: 194px; }

#breadcrumb 						{color: #fff;font-size: .8em;width: 755px;padding: 5px 0px 7px 30px;
									background: #fff url(http://www.sfu.ca/about/images/breadcrumb.gif) top left repeat-x;}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover {color: #C5D3E2;}

#translate 							{padding: 0px;margin: 0px;float: right;width: 200px;}

#sidebar 							{color: #777;font-size: .9em;line-height: 1.3em;float: right;width: 208px;padding: 20px 0px 20px 10px;}
	
ul#badges 							{background: #fff url(http://www.sfu.ca/about/images/badges_bottom.gif) bottom left no-repeat;margin: 0px;
									padding: 0px;width: 190px;margin-top: 10px;padding-bottom: 20px;margin-left: -10px;}

ul#badges li 						{padding-bottom: 6px;padding-left: 10px;list-style-type: none;}

ul#badges li img 					{padding-right: 4px;vertical-align: bottom;}
	
#sidebar div 						{color: #888;margin-top: 20px;width: 180px;line-height: 1.6em;}

#sidebar div h4 					{font-size:  12px;margin-bottom: 0px;padding-bottom: 0px;color: #666;}

#sidebar div a 						{color: #6c8299;}

#bottombar							{width: 725px;float: left;padding: 20px 30px 30px 30px;margin: 0 auto;background-color: #EBF6F9;}

.newsUpdate							{width: 160px;float: left; padding:0 10px 0; }





/* Misc */

div.vcard 							{display: none;}

div.tel 							{display: none;}

.clear 								{clear: both;}

p.floatR 							{font-size: .8em;float: right;}

h3.ruled 							{border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 22px;	margin-bottom: 8px;}




/* Page Tools */

#pagetools							{float:right;color:#999;margin:10px 10px 0;padding:0;}

#pagetools img						{margin-bottom:-4px;}

#pagetools a,#pagetools a:visited	{color:#999;text-decoration:none;}

#pagetools a.fontsize,#pagetools a.fontsize:visited	{padding:1px 2px;}

#pagetools a.fontsize:hover			{border:1px solid #BDD3E7;padding:0 1px;}

#pagetools a.fontsize.active		{background-color:#BDD3E7;color:#FFF;}





/* Tables Styles */

#content table						{border-spacing:2px;}

#content table.layout				{border-spacing:auto;}

#content table tr td				{background-color:#F4F4F4;padding:4px;}

#content table.layout tr td			{background-color:transparent;padding:0;}

#content table tr.odd td,#main table td.odd	{background-color:#DFDFDF;}

#content table th					{background-color:#666;color:#FFF;text-align:left;padding:4px;}

#content table th a,#main table th a:visited	{color:#FFF;}