/*
Name:        text.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS text definitions
Created:     24 March 2009
Notes:       This file should contain ONLY definitions for text formatting
*/

@media all
{	
	/* Messages *************************************/
	.success, .example
	{
		color: #333;
	}
	
	.warning
	{
		color: #f60;
	}
	
	.failure
	{
		color: #c00;
	}
	
	.gray
	{
		color: #cdcdcd;
	}
	
	/* Basic formatting *****************************/
	.upper { text-transform:  uppercase; padding-top:5px; }
	.lower { text-transform:  lowercase; }
	.small { font-size:       11px;      line-height:16px; }
	.noDec { text-decoration: none       }
	
	/* Default text tags ****************************/	
	h1, div.pageTitle, div.headerTitle0
	{
		font-family: 	Helvetica, Arial, Verdana, sans-serif;
		font-size:   	21px;
		color:       	#212121;
		font-weight: 	bold;
		margin:      	0px;
		padding: 		0px;
		line-height:	20px;
	}
	
	h2, div.pageSubtitle
	{
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size:   13px;
		color:       #666666;
		font-weight: normal;
		margin:      0;
		padding:     0;
	}
	
	h3
	{
		font-family:    Helvetica, Arial, Verdana, sans-serif;
		font-size:      11px;
		color:          #e93a22;
		font-weight:    bold;
		text-transform: uppercase;
		line-height:	28px;
		margin:         0px;
		padding:        0px;
		text-decoration:none;
	}
	
	h4
	{
		font-family:    Helvetica, Arial, Verdana, sans-serif;
		font-size:      12px;
		color:          #000;
		font-weight:    bold;
		line-height:	17px;
		margin:         0;
		padding:        0;
	}
	
	a
	{
		color:           #2e292b;
		text-decoration: underline;
	}
	
	a:hover
	{
		color:           #000;
		text-decoration: underline;
	}
	
	div.layMasthead h1
	{
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size:   24px;
		color:       #fff;
		font-weight: bold;
		margin:      0;
		padding:     0;
	}
	
	div.layMasthead h2
	{
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size:   24px;
		color:       #fff;
		font-weight: normal;
		margin:      0;
		padding:     0;
	}
	
	a.buttonOff, a.buttonOff:hover, a.buttonOn, a.buttonOn:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/button_off.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
	}
	
	a.buttonOff:hover, a.buttonOn, a.buttonOn:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/button_on.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
	}
	
	
	a.buttonOff_classes, a.buttonOff_classes:hover, a.buttonOn_classes, a.buttonOn_classes:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/btn/classes1.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
	}
	
	a.buttonOff_classes:hover, a.buttonOn_classes, a.buttonOn_classes:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/btn/classes2.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
	}
	
	a.buttonOff_events, a.buttonOff_events:hover, a.buttonOn_events, a.buttonOn_events:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/btn/events1.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
	}
	
	a.buttonOff_events:hover, a.buttonOn_events, a.buttonOn_events:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/btn/events2.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
	}
	
	a.buttonOff_faculty, a.buttonOff_faculty:hover, a.buttonOn_faculty, a.buttonOn_faculty:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/btn/faculty1.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
	}
	
	a.buttonOff_faculty:hover, a.buttonOn_faculty, a.buttonOn_faculty:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/btn/faculty2.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
	}
	
	a.buttonOff_info, a.buttonOff_info:hover, a.buttonOn_info, a.buttonOn_info:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/btn/info1.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
	}
	
	a.buttonOff_info:hover, a.buttonOn_info, a.buttonOn_info:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/btn/info2.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
	}
	
	a.buttonOff2, a.buttonOff2:hover, a.buttonOn2, a.buttonOn2:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/button_off.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       7px;
		float:				 left;
		margin-left:	     10px;
	}
	
	a.buttonOff2:hover, a.buttonOn2, a.buttonOn2:hover
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		background-image:    url( ../../images/sof/button_on.gif );
		width:               60px;
		height:              60px;
		padding:             10px 14px 14px 10px;
		float:				 left;
		margin-left:         10px;
	}
	
	.buttonFunItem
	{
		font-family: 		 Arial, Helvetica, Verdana, sans-serif;
		display:             block;
		background-image:    url( ../../images/sof/button_on.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               56px;
		height:              56px;
		padding:             7px 21px 21px 7px;
		font-size:           12px;
		font-weight:         bold;
		color:               #fff;
		text-transform:      uppercase;
		text-decoration:     none;
		margin-bottom:       0px;
		align:				 left;
		padding-left:	     10px;
		margin-left:	     0px;
	}
	
	.sideNavItem, a.sideNavItem:link, a.sideNavItem:visited
	{
		display:         block;
		text-transform:  uppercase;
		color:           #1a1819;
		margin:          3px;
		font-size:       10px;
		text-decoration: none;
		font-weight:	 normal;
		font-family:	 Verdana, Arial, Helvetica, sans-serif;
		line-height:	 12px;
	}
	
	a.sideNavItem:focus, a.sideNavItem:hover, a.sideNavItem:active
	{
		display:         block;
		text-transform:  uppercase;
		color:           #1a1819;
		margin:          3px;
		font-size:       10px;
		text-decoration: none;
		font-weight:	 bold;
		font-family:	 Verdana, Arial, Helvetica, sans-serif;
		line-height:	 12px;
	}
	
	a.sideNavItem.sideNavItemActive
	{
		display:         block;
		text-transform:  uppercase;
		color:           #1a1819;
		margin:          3px;
		font-size:       10px;
		text-decoration: none;
		font-weight:	 bold;
		font-family:	 Verdana, Arial, Helvetica, sans-serif;
		line-height:	 12px;
	}
	
	div.layFooter a, div.layFooter a:hover
	{
		color: #666;
	}
	
	a.exclamation
	{
		position:            absolute;
		display:             block;
		background-image:    url( ../../images/sof/exclamation_off.gif );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               42px;
		height:              42px;
		font-size:           12px;
		text-decoration:     none;
		margin-left:         1001px;
	}
	
	a.exclamation:hover
	{
		background-image: url( ../../images/sof/exclamation_on.gif );
	}
	
	a.twitter
	{
		display:             block;
		background-image:    url( ../../images/sof/twitter.png );
		background-position: top left;
		background-repeat:   no-repeat;
		width:               130px;
		height:              28px;
		padding-left:        35px;
		font-family:         Verdana, Helvetica, Arial, sans-serif;
		font-size:           9px;
		font-weight:         bold;
		color:               #666;
		line-height:         24px;
		text-decoration:     none;
		margin:              9px 0;
	}
	
	a.twitter:hover
	{
		text-decoration: underline;
	}
	
	div.layHeader a.section
	{
		display:          block;
		font-family:      Helvetica, Tahoma, Verdana, sans-serif;
		font-size:        12px;
		color:            #666;
		text-transform:   uppercase;
		text-decoration:  none;
		margin:           2px 400px 0px 445px;
		width:            155px;
		text-align:       right;
	}
	
	div.layHeader div.section
	{
		margin:           2px 400px 0px 445px;
		width:            155px;
		text-align:       right;
	}
	
	div.layHeader div.section a
	{
		font-family:      Helvetica, Tahoma, Verdana, sans-serif;
		font-size:        12px;
		color:            #666;
		text-transform:   uppercase;
		text-decoration:  none;
		display: block;
	}
	
	div.layHeader div.section div.subsection
	{
		width:        390px;
		margin-left:  165px;
		padding-left: 10px;
		text-align:   left;
		position:     absolute;
		visibility:   hidden;
		top:          20px;
	}
	
	div.layHeader div.section:hover div.subsection
	{
		width:        390px;
		margin-left:  155px;
		*margin-left: 0;
		padding-left: 10px;
		text-align:   left;
		position:     absolute;
		visibility:   visible;
		top:          20px;
	}
	
	div.layHeader div.section div.subsection a
	{
		font-size:      11px;
		text-transform: none;
		display:        block;
		font-family:    Arial, Helvetica, sans-serif;
		line-height:    15px;
		letter-spacing: 1px;
	}
	
	div.layHeader div.section:hover a.section1{ color: #666;    }
	div.layHeader div.section:hover a.section2{ color: #f60;    }
	div.layHeader div.section:hover a.section3{ color: #060;    }
	div.layHeader div.section:hover a.section4{ color: #e93a22; }
	div.layHeader div.section:hover a.section5{ color: #66f;    }
	div.layHeader div.section:hover a.section6{ color: #030;    }
	div.layHeader div.section:hover a.section7{ color: #03f;    }
	div.layHeader div.section:hover a.section8{ color: #666;    }
	
	div.layHeader div.section:hover div.subsection a.subsection1{ color: #666;    } div.layHeader div.section:hover div.subsection a.subsection1:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection2{ color: #f60;    } div.layHeader div.section:hover div.subsection a.subsection2:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection3{ color: #060;    } div.layHeader div.section:hover div.subsection a.subsection3:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection4{ color: #e93a22; } div.layHeader div.section:hover div.subsection a.subsection4:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection5{ color: #66f;    } div.layHeader div.section:hover div.subsection a.subsection5:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection6{ color: #030;    } div.layHeader div.section:hover div.subsection a.subsection6:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection7{ color: #03f;    } div.layHeader div.section:hover div.subsection a.subsection7:hover{ color: #000; }
	div.layHeader div.section:hover div.subsection a.subsection8{ color: #666;    } div.layHeader ddiv.section:hover div.subsection a.subsection8:hover{ color: #000; }
	
	div.noP p, p.noP
	{
		margin: 0;
		padding: 0;
	}
	
	
	/* Classes by term ******************************/
	a.termMain
	{
		text-decoration: none;
		display:         block;
		margin-left:     -14px;
		padding-left:    14px;
		line-height:	 17px;
	}
	
	a.termProgram
	{
		text-decoration: none;
		display:         block;
		margin-left:     21px;
		padding-left:    14px;
		line-height:	 17px;
	}
	
	a.termCourse
	{
		text-decoration: none;
		display:         block;
		margin-left:     70px;
		font-size:       11px;
		line-height:	 17px;
	}
	
	a.termMain:hover
	{
		background-image:    url( ../../images/sof/expand.gif );
		background-position: left;
		background-repeat:   no-repeat;
	}
	
	a.termProgram:hover
	{
		background-image:    url( ../../images/sof/expand.gif );
		background-position: left;
		background-repeat:   no-repeat;
	}
	
	a.termCourse:hover
	{
		text-decoration: underline;
	}
	
	/* Classes by interest **************************/
	a.interestMain
	{
		text-decoration: none;
		display:         block;
		margin-left:     -14px;
		padding-left:    14px;
		font-size:       11px;
		line-height:	 16px;
		
	}
	
	a.interestCourse
	{
		text-decoration: none;
		display:         block;
		margin-left:     35px;
		font-size:       11px;
		line-height:	 16px;
	}
	
	a.interestMain:hover
	{
		background-image:    url( ../../images/sof/expand.gif );
		background-position: left;
		background-repeat:   no-repeat;
	}
	
	a.interestCourse:hover
	{
		text-decoration: underline;
	}
	
	div.facultyInfoSmall h2
	{
		color: #000;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
}