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

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

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

h1 {
font-size: 22px;
color: #FFFFFF;
text-decoration: none; margin-top: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 22px; 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: 18px; COLOR: #42a2e6; FONT-FAMILY: Arial,sans-serif
}
H3 {
	MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #76aedf; FONT-FAMILY: Arial,sans-serif
}
H4 {
	MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR: #ced4db; 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;
	color: FFFFFF;
}

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;
	background-repeat: no-repeat;
	background-position: center top;
	width: 836px;

}

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

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

div#mainheader
{
	text-align: left;
	background-image: url(math_header_blank_web.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:solid 1px #3a658f;
	background-color: #122641;
	float: left;
	width: 856px;
}

div#mainheaderhome
{
	text-align: left;
	background-image: url(../images/home_swirl.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	width: 836px;
	height: 700px;
}

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: 639px;
	height: 151px;
	position: relative; top: -108px; left: 0px;
}

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: #a1c7e8;
	text-decoration: underline;
}

#content A:hover {	
	COLOR: #a1c7e8;
	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: right;
	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;
}

#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: #a8cbf3;
display: block;
background: url(leftnav_off_web.gif) top left no-repeat;
padding: 2px 0 2px 15px;
width: 150px;
}

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

ul#leftnavlist li a#current
{
color: #a8cbf3;
font-weight: bold;
background: url(leftnav_on_web.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: #a8cbf3;
padding: 2px 0 2px 15px;
border-top: solid 1px #122641;
height: auto;
width: 127px;
}

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

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

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

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

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

}

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

}

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

tr.subhead td  {
background-color:#3b7ca9;
}
tr.grey td  {
background-color:#2d4769;
}

.leftcol {    
font-weight: bold;    
text-align: left;    
width: 150px;    
background-color: #3b7ca9;
}

/* 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: 2px #558bc0 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 #3a658f solid;
border-collapse: collapse;

}

table.resource td, th {
border: 1px #3a658f solid;
padding: 6px;

}

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


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

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

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

table.resource p {
	line-height: 13px;
	font-size: 11px;
	
}

/*  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;
}


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

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

#footer A:hover {	
	COLOR: #a1c7e8;
	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;
	position: relative; top: 2px; bottom: 0px; right: 0px; left: -4px;


}

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;
}