/************************************************ 
*												*														
*	This is graphic formating that places a box *
*	around the whole page body					*
*												*
************************************************/

.container {
width:750px;
border:1px solid gray;
}

.container2 {
width:750px;
border-top:1px solid gray;
}

/** #topimg 	This is an id to give some space to the image 
{
float:left;
width:200px;
margin:0 15px 10px 0;
text-align:center;
}**/

/**Mike Brown used this version**/

/***********************************************/
/* Paragraph/Text Classes                      */
/***********************************************/
.pic_ul_float{
 	margin-top: 0px;
 	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	float: left;
 	font-family: arial, helvetica, sans-serif;
	line-height: 10pt;
	text-align: center;
	height: 11px;
}

.pic_ul_floatr{
 	margin-top: 0px;
 	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 12px;
	float: right;
 	font-family: arial, helvetica, sans-serif;
	line-height: 10pt;
	text-align: center;
	height: 11px;
}


/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #ffffff fixed no-repeat center;
}

.justify{
	text-align: justify;
	text-indent: 0px;
}

/***********************************************/
/* page_nav is the id wrapper that is used for */
/* the 30% split in the 3070split page         */
/***********************************************/

#page_nav {
	float: left;
	width: 225px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/***********************************************/
/* content is the id wrapper that is used for  */
/* the page when using the 3070split page      */
/***********************************************/

#content {
	margin: 0 0 0 225px;
	text-align: left;
	border-left: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/***********************************************/
/* contentnonav is the id wrapper that is used */
/* for the page when using the nosplit page    */
/***********************************************/

#contentnonav {
	margin: 0 0 0 1px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

#contentnonav2 {
	margin: 0 0 0 1px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	width:200px;
}

/***********************************************/
/* content_padding is the id wrapper that is   */
/* used within both content and contentnonav   */
/* to give white space for the page contents   */
/***********************************************/
	
#content_padding {	
	padding-top: 3px; /*doubles in firefox */
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}

/***********************************************/
/* timestamp is the class wrapper that is used */
/* for testing with a lastModified java script */
/***********************************************/

.timestamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;	
	padding-bottom: 3px;
	clear: both;
}

/***********************************************/
/* menubar is the id wrapper that is used      */
/* for seting the basic vertical menu bar. All */
/* other properties are set in the menu.css    */
/* file builds off of mainstyle class		   */
/***********************************************/

#menubar {
	width: 750px;
}

/***********************************************/
/* breadcrumb is the id wrapper that sets the  */
/* breadcrumb attributes builds off of 		   */
/* mainstyle class					   		   */
/***********************************************/

#breadcrumb {
	width: 750px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	line-height:150%;
	clear: both;
}

/***********************************************/
/* banner is the id wrapper that creates the   */
/* line below the banner called in 			   */
/* FAUBanner.js		 		   				   */
/***********************************************/

#banner {
	border-bottom: 1px solid gray;
}

/***********************************************/
/* department is the id wrapper that creates   */
/* the line below the banner called in 		   */
/* departmentBanner.js 		   				   */
/***********************************************/

#department {
	width: 750px;
	background-color: #ffffff;
	border-bottom: 1px solid gray;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

#department2 {
	width: 750px;
	background-color: #002d62;
	border-bottom: 1px solid gray;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
} 

/***********************************************/
/* left is the id wrapper that creates an 	   */
/* indent for a single column		 		   */
/***********************************************/

#left {
	float:left;
	margin:0 0 6px 80px;
	padding:4px;
	width:200px;
}

/***********************************************/
/* facleft, center, and right are the id wrappers */
/* that create three column table replacement  */
/* used in nosplit situations  				   */
/***********************************************/

#facleft {
	float:left;
	margin:0 0 6px 6px;
	padding:4px;
	width:240px;
}

#center {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:200px;
}

#right {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:150px;
}

/***********************************************/
/* oneoffour, twooffour, threeoffour, and 	   */ 
/* fouroffour are the id wrappers			   */
/* that create four column table replacement   */
/* used in nosplit situations  				   */
/***********************************************/

#oneoffour {
	float:left;
	margin:0 0 6px 30px;
	padding:4px;
	width:150px;
}

#twooffour {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:150px;
}

#threeoffour {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:150px;
}

#fouroffour {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:150px;
}

/***********************************************/
/* bodyleft is the id wrapper that creates a   */
/* single column indented 50px 				   */
/* used in nosplit situations  				   */
/***********************************************/

#bodyleft {
	float:left;
	margin:0 0 6px 50px;
	padding:4px;
	width:400px;
}

/***********************************************/
/* facpicture and facbody are the id wrappers  */
/* that create a two column table replacement  */
/* used in nosplit situations  				   */
/***********************************************/

#facpicture {
	float:left;
	margin:0 0 6px 6px;
	padding:4px;
}

#facbody {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:420px;
}

/***********************************************/
/* courses is the id wrapper that creates a    */
/* colored box to list items with a blue       */
/* background								   */
/* can be used on all pages width is 220	   */
/***********************************************/

#courses {
	float:left;
	margin:0 0 1px 1px;
	padding:4px;
	width:220px;
	border: 1px solid #353269;
	background-color: #D9ECFF;
	color: #000000;	
}

#events {
	margin: 21px 0 0 8px;
	padding: 4px;
	float: left;
	width: 185px;
	border: 1px solid #353269;
	background-color: #FCFCB4;
	color: #000000;	
}

#events2 {
	margin: 21px 0 0 10px;
	padding: 4px;
	float: left;
	width: 185px;	
}

/***********************************************/
/* clear is the id wrapper that forces   	   */
/* items to the line below the previous item   */
/***********************************************/

#clear {
clear: both;
}

.clear {
clear: both;
}

#colbody {
	float: inherit;
	margin:0 0 6px 4px;
	padding:4px;
	width:410px;
}

#spacer {
padding: 6px 0 6px 0;
}

.eventsSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #CCCCCC;
	float: inherit;
	background-color: #FFFFFF;
}

#oneoftwo {
	text-align:center;
	float:left;
	padding:4px;
	width:300px;
}

#twooftwo {
	text-align:center;
	float:left;
	padding:4px;
	width:300px;
}

#one {
	float:left;
	padding:4px;
	width:650px;
}

#splitbody {
	float:left;
	padding:4px;
	width:450px;
}

#column1 {		
	float:left;
	width:280px;
}

#column2 {
	float:left;
	width:72px;
}

#column3 {
	float:left;
	width:60px;
}

#row {
	clear:both;
}

#column2a {
	float:left;
	width:140px;
}

#oneofthree {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:130px;
}

#twoofthree {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:130px;
}

#threeofthree {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:130px;
}

.spaced { line-height: 1.4em; } 
.spaced SUB, .spaced SUP { line-height: 0px; } 

#oneoftwoslim {
	text-align:center;
	float:left;
	padding:4px;
	width:220px;
}

#twooftwoslim {
	text-align:center;
	float:left;
	padding:4px;
	width:220px;
}

#oneofthreelong {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:220px;
}

#twoofthreelong {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:220px;
}

#threeofthreelong {
	float:left;
	margin:0 0 6px 10px;
	padding:4px;
	width:220px;
}

#column120 {
	float:left;
	width:120px;
}

.col200mar10 {
	float:left;
	margin:0 0 0px 10px;
	width:200px;
}