/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	/* Default Tags *********************************/	
	body
	{
		text-align:       center;
		font-family:      Arial, Verdana, Helvetica, sans-serif;
		font-size:        11px;
		line-height:	  16px;
		color:            #2e292b;
		background-color: #e9e9e9;
		min-width:        1000px;
		padding:          0;
		margin:           0;
	}
	
	table
	{
		border-collapse: collapse;
		border: 0px;
	}
	
	td
	{
		padding: 0px;
	}
	
	img
	{
		border: 0px;
	}
	
	form
	{
		margin: 0;
	}
	
	/* Public Layout ********************************/	
	div.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        1000px;
		background-color: #fff;
	}
	
	div.layHeader
	{
		padding-top:         17px;
		height:              143px;
		background-color:    #e9e9e9;
		background-image:    url( ../../images/sof/logo.png );
		background-position: bottom left;
		background-repeat:   no-repeat;
		margin-top:	         0px;
	}
	
	div.layMasthead
	{
		background-color: #e93a22;
		height:           115px;
		font-family:      Helvetica, Arial, Verdana, Helvetica, sans-serif;
		font-size:        24px;
		color:            #fff;
	}
	
	div.layAccount
	{
		position:   absolute;
		width:      975px;
		*width:     750px;
		text-align: right;
		font-size:  10px;
	}
	
	div.layContent
	{
		padding: 18px 65px 2px 0;
		margin:  0 200px 0 225px;
	}
	
	div.layLeftSide
	{
		float: left;
		padding: 18px 0px 18px 23px;
		width: 200px;
	}
	
	div.layRightSide
	{
		float:       right;
		padding:     18px 25px 18px 10px;
		width:       165px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:   9px;
		color:       #666;
	}
	
	div.layFooter
	{
		clear: both;
		background-color: #fff;
		color:            #666;
		font-size:        9px;
		padding:          0px 0px 18px 225px;
	}
	
	div.layLeftSide div.sidenav
	{
		float:  left;
		margin: -82px 10px 0 82px;
		width:  115px;
	}
	
	div.courseInfo
	{
		width: 325px;
	}
	
	div.facultyInfoInfo
	{
		width: 335px;
	}
	
	div.sidenavFun
	{
		float:  left;
		width:  115px;
	}
	
	div.facultyInfoLarge, 
	div.facultyInfoSmall
	{
		padding:      0px;
		margin-top:  0;
		margin-left: 0;
		float:       right;
		text-align:  right;
	}
	
	div.facultyInfoLarge img
	{
		width:         195px;
		margin-bottom: 5px;
	}
	
	div.facultyInfoSmall img
	{
		width:         130px;
		margin-bottom: 5px;
	}
}