@charset "UTF-8";
/* CSS Document */

body
{
	text-align: center;
	font-size: 12px;
	color: #363636;
	line-height: 16px;
	margin-top: 0;
	
}

p, td, th, h1, h2, h3, h4, h5, li {
	font-family: Arial,sans-serif;
}

h1 {
font-size: 18px;
color: #7ca4c8;
text-decoration: none; margin-top: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.55em; FONT-FAMILY: Arial,sans-serif; position: relative;

}

H1 a {
	text-decoration: none! important;
}

H1 a:hover {
	text-decoration: none! important;
}

H2 {
	MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.27em; COLOR: #7a7a7a; FONT-FAMILY: Arial,sans-serif
}
H3 {
	MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR: #3D3C3C; FONT-FAMILY: Arial,sans-serif
}
H4 {
	MARGIN-TOP: 1em; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MARGIN-BOTTOM: 0px; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}
H5 {
	MARGIN-TOP: 1em; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}
H6 {
	MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}


hr {
border: 0;
color: #c7d8e4;
background-color: #c7d8e4;
height: 2px;
width: 100%;
text-align: left;
}	

ul {
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 0px;
	margin-left: 20px;
	/*padding-top: 10px;*/
	padding-bottom: 1px;
	/*padding-right: 0px;*/
	padding-left: 0px;
	list-style-position: outside;
	text-indent: 0px;
}

ul ul {
	margin-top: .5em;
	margin-bottom: .5em;
}

ol ul {
	margin-top: .5em;
	margin-bottom: .5em;
}

ul li {
	margin-top: .5em;
	margin-bottom: .5em;
	list-style-position: outside;
	list-style-image: url("../images/bullet.gif");
}

ol li {
	margin-top: .5em;
	margin-bottom: .5em;
	list-style-position: outside;
}


div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 70em;
	text-align: left;
	
	
}

div#containerhome
{
	margin-left: auto;
	margin-right: auto;
	width: 70em;
	text-align: left;
	
	
}

div#tophome
{
	text-align: left;
	width: 836px;

}

div#fractalleft
{
	text-align: left;
	background-image: url(../images/leftswirl.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 160px;
	height: 196px;
}

div#fractalright
{
	text-align: left;
	background-image: url(../images/leftswirl.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 160px;
	height: 196px;
}

div#mainheader
{
	text-align: left;
	background-image: url(../images/math_header_blank.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:solid 1px #d0d2d6;
	background-color: #FFFFFF;
	float: left;
	width: 856px;
}

div#mainheaderhome
{
	text-align: left;
	background-position: center top;
	width: 826px;
	height: 600px;
}

div#topnav
{
	text-align: left;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 856px;
	height: 124px;
}

div#navhome
{
	text-align: left;
	background-image: url(../images/menu_grad.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width: 627px;
	height: 151px;
}

div#newsevents
{
	text-align: left;
	background-repeat: repeat-x;
	background-position: center top;
	width: 836px;
	position: relative; top: -90px; left: 0px;
	font-size: 11px;
}



#ryersonlogo
{
	text-align: left;
	float: left;
	width: 129px;
	height: 45px;
	position: relative; top: 23px; left: -130px;


}

#ryersonlogohome
{
	text-align: left;
	width: 193px;
	height: 68px;
	position: relative; top: -128px; left: 114px;


}

#mathlogo
{
	text-align: left;
	float: right;
	width: 418px;
	height: 67px;
	position: relative; top: 14px; right: 36px;


}

#mathlogohomeright
{
	text-align: left;
	width: 469px;
	height: 76px;
	position: relative; top: -305px; left: 307px;


}
#mathlogohomeleft
{
	text-align: left;
	width: 109px;
	height: 111px;
	position: relative; top: -316px; left: 201px;


}

#homeimageone
{
	text-align: left;
	width: 161px;
	height: 169px;
	position: relative; top: -229px; left: 312px;


}

#homeimagetwo
{
	text-align: left;
	width: 162px;
	height: 169px;
	position: relative; top: -169px; left: 166px;


}

#homeimagethree
{
	text-align: left;
	width: 193px;
	height: 232px;
	position: relative; top: -169px; left: 166px;


}


#swirl
{
	text-align: left;
	float: left;
	width: 160px;
	height: 195px;
	position: relative; top: 0px; left: -160px;


}

#homeswirl
{
	text-align: left;
	float: left;
	width: 126px;
	height: 372px;
	position: relative; top: 0px; left: -126px;


}



div#content
{
	text-align: left;
	float: left;
	width: 610px;
	padding: 20px;
	min-height: 550px;
	
}

#content A {
	COLOR: #005a9c;
	text-decoration: underline;
}

#content A:hover {	
	COLOR: #005a9c;
	text-decoration: none;
}



div#leftnav
{
	text-align: left;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 158px;
	padding: 20px 15px 0px 29px;
}

div#footer
{
	text-align: left;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 856px;
}

/* main top navigation  */

div#navcontainer
{
	text-align: left;
	float: right;
	width: 600px;
	height: 21px;
	position: relative; top: 33px; right: 3px;

}

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px arial, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0.30em 1.6em 0.19em 1.6em;

text-decoration: none;
}

#navlist li a:link { color: #004d83; }
#navlist li a:visited { color: #004d83; }

#navlist li a:hover
{

color: #FFF;
background: #739ec4;
}

#navlist li a#current
{
color: #FFF;
background: #739ec4;
}

/* end of main navigation */

/* left nav list */
ul#leftnavlist li a,ul#leftsubnavlist li a
{
font: 12px arial, sans-serif;
text-decoration: none;
}

div#leftnavcontainer
{
width: 150px;
padding: 2em;
}

/* NAV LIST */
ul#leftnavlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#leftnavlist li { display: inline; }

ul#leftnavlist li a
{
color: #004d83;
display: block;
background: url(../images/leftnav_off.gif) top left no-repeat;
padding: 2px 0 2px 15px;
width: 150px;
}

ul#leftnavlist li a:hover { background: url(../images/leftnav_on.gif) top left no-repeat;
font-weight: bold; }

ul#leftnavlist li a#current
{
color: #004d83;
font-weight: bold;
background: url(../images/leftnav_on.gif) top left no-repeat;
}

/* SUB NAV LIST */
ul#leftsubnavlist
{
margin: 0 0 0 13px;
list-style-type: none;
padding: 0;
}

ul#leftsubnavlist li { display: inline; }

ul#leftsubnavlist li a
{
display: block;
color: #004d83;
padding: 2px 0 2px 15px;
border-top: solid 1px #fff;
height: auto;
width: 127px;
}

ul#leftsubnavlist li a:hover { background: url(../images/leftnav_on.gif) top left no-repeat; }

ul#leftnavlist li a#subcurrent
{
color: #004d83;
font-weight: bold;
}

ul#leftnavlist li a#suvcurrent:hover { background: url(../images/leftnav_on.gif) top left no-repeat;
font-weight: bold; }

/* end of left nav list */
/* general table  */

table.general {
border: 1px #CCCCCC solid;
border-collapse: collapse;

}

table.general td, th {
border: 1px #CCCCCC solid;
padding: 7px;

}

table.general th {
border-width: 1px;
background-color:#004d83;
padding: 7px;
font-weight:bold; color: #FFFFFF;
}

tr.subhead td  {
background-color:#DADADA;
}
tr.grey td  {
background-color:#f3f3f3;
}
.leftcol {    
font-weight: bold;    
text-align: left;    
width: 150px;    
background-color: #EEEEEE;
}

/* end of general table  * /

/* image that sits left aligned at the top of a paragraph with space below and to the right as well a one pixel trim */

.leftborder-image {
margin-top: 0px;
margin-right: 19px;
margin-bottom: 12px;
vertical-align:text-top;
border: 1px #505050 solid;
}

table.profile {background-image: url(../images/profile_bkgrd.gif);
	background-repeat: repeat-x;
	padding: 14px;
}

/*  left navigation area resource table  */

table.resource {
border: 1px #e8ecf1 solid;
border-collapse: collapse;

}

table.resource td, th {
border: 1px #CCCCCC solid;
padding: 4px;

}

table.resource th {
border-width: 1px;
background-color:#aabdce;
padding: 4px;
font-weight:bold; color: #FFFFFF;
}


table.resource A {
	COLOR: #005a9c;
	text-decoration: underline;
	font-size: 11px;
}

table.resource A:hover {	
	COLOR: #005a9c;
	text-decoration: none;
}

table.resource li {
	line-height: 13px;
	
}

/*  left navigation area twitter  */

#twitter {
	text-align: left;
	float: left;
	position: relative; top: -15px; bottom: 20px; right: 0px; left: 30px;


}

table.twitter {
border: 0px;
border-collapse: collapse;

}

table.twitter td, th {
border: 0px; 
padding: 4px;

}

table.twitter th {
border-width: 1px;
background-color:#aabdce;
padding: 4px;
font-weight:bold; color: #FFFFFF;
}


table.twitter A {
	COLOR: #005a9c;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
}

table.twitter A:hover {	
	COLOR: #005a9c;
	text-decoration: underline;
}

#navhome A {
	COLOR: #005a9c;
	text-decoration: none;
	font-size: 11px;
}

#navhome A:hover {	
	COLOR: #005a9c;
	text-decoration: underline;
}

#navhome li {
	line-height: 13px;
	list-style: none;
	
}

#newsevents A {
	COLOR: #004d83;
	text-decoration: none;
	font-size: 12px;
}

#newsevents A:hover {	
	COLOR: #004d83;
	text-decoration: underline;
	font-size: 12px;
}

#temporary A {

	COLOR: #004d83;
	text-decoration: none;
	font-size: 12px;

}



#temporary A:hover {	

	COLOR: #004d83;
	text-decoration: none;
	font-size: 12px;

}



/* footer */
#footer
{
	width: 856px;
	height: 58px;
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: #727272;
}

#footer A {
COLOR: #005a9c;
	text-decoration: none;
	font-size: 10px;
}

#footer A:hover {	
	COLOR: #005a9c;
	text-decoration: underline;
	font-size: 10px;
}

/*  end of footer */

/* footer */
#homefooter
{
	width: 836px;
	height: 58px;
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: #727272;
}

#homefooter A {
COLOR: #005a9c;
	text-decoration: none;
	font-size: 10px;
}

#homefooter A:hover {	
	COLOR: #005a9c;
	text-decoration: underline;
	font-size: 10px;
}

/*  end of footer */

/*  home page twitter  */

#hometwitter {
	text-align: left;


}

table.hometwitter {
border: 0px;
border-collapse: collapse;

}

table.hometwitter td, th {
border: 0px; 
padding: 4px;

}

table.hometwitter th {
border-width: 1px;
background-color:#aabdce;
padding: 4px;
font-weight:bold; color: #FFFFFF;
}


table.hometwitter A {
	COLOR: #005a9c;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
}

table.hometwitter A:hover {	
	COLOR: #005a9c;
	text-decoration: underline;
}

div#navtable{
 

	float: left;
	width: 620px;
	
 }
 
 
 
 /*--- DROPDOWN ---*/
#navgrd ul{
list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#f8f8f8;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;

}
#navgrd ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#navgrd ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navgrd li:hover ul{ /* Display the dropdown on hover */
 //   left:0; /* Bring back on-screen when needed */
}
#navgrd li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
//   background:#6b0c36;
    text-decoration:underline;
   
}
#navgrd li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#navgrd li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
 //   background:#333;
}

ul#navgrd li:hover > ul
{
	visibility:visible;
	opacity:1;
}