/************************************************ 
*												*														
*	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-size: 7pt;
 	font-family: arial, helvetica, sans-serif;
	line-height: 10pt;
	text-align: center;
}


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

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	background: #ffffff url("http://www.fau.edu/history/images/MapDull3.jpg") 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;
	color: #000000;
}

/***********************************************/
/* 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;
	color: #000000;
}

#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;
	color: #000000;
	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;
	color: #000000;	
	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;
	background-color: #ffffff;
}

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

#breadcrumb {
	width: 750px;
	background-color: #ffffff;
	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;
	background-color: #ffffff;
}

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

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

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

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

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

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

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

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

#row {
	clear:both;
}

#vert {
	margin: 8px 0 0 6px;
	padding: 0px;
	float: left;
	width: 185px;	
}

/************Emergency Component*****************/

/*#emergency{
	color: red;
	width:200px;
	background-color: white;
	margin-top: -1px;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
}*/

#emergency{
	float:right;
	width:200px;
	text-align:left;
	font-size:x-small;
	color: red;
	background-color: white;
}


#emergency a:link, #emergency a:visited, #emergency a:active {
	font-weight: bold;
}

#emergency a:hover{
margin: 0px;
}