/* CSS Document */

/* div setup */
	body{
		/*position*/
		text-align: center;
		padding:0px;
		margin:0px;
		
		/*style*/
		background-color: #333366;
		/*font-size:100%;*/
		font-size:10.5pt;
		font-family: TW Cent MT, Verdana, Arial, Helvetica, sans-serif;
		background-image: url('images/cssImg/bg-blue.jpg');
			
	}

	#master{
		margin:auto;
		width: 800px;
		background-image: url('images/cssImg/background.gif');
		background-repeat: no-repeat;
	}

	#banner{
		/*position*/
		height:155px;
					
		/*style*/
		text-align:left;
	}
	
	#outer{
		min-height:100%;
		margin-left:160px;
		margin-right:160px;
		background:#FFFFFF;
		color:#000000;
		width:468px;
	}	
	
	#left{
		/*position*/
		position:relative;
		padding-top:20px;
		width:160px;
		float:left;
		margin-left:-159px;
		left:-2px;
		padding-right:3px;
		/*style*/
		text-align:right;
		color: #6666FF;
	}

	#right{
		/*position*/
		position:relative;
		width:160px;
		float:right;
		margin-right:-159px;
		left:4px;
		margin-top:-80px;
		padding-left:3px;
		
		/*style*/
		text-align:left;
		color: #CC3366;
	}

	#content{
		/*position*/
		margin:auto;
		padding:0px;
		width: 460px;
				
		/*style*/
		text-align:left;
		background-color:#FFFFFF;
		
		
	}
	
	
	* html #content{
		/*margin-top:-80px;*/
		width:440px;
		} 
		
	#clearfooter{
		clear:both;
		height:40px;
	}
	
	#footer{
		color: #FFFFFF;
		width:800px;
		clear:both;
		height:122px;
		position:relative;
		background-image: url('images/cssImg/background-new-footer4.gif');
		background-repeat: no-repeat;
		padding-top: 18px;
		}
		
	#footerIE{
		color: #FFFFFF;
		width:800px;
		clear:both;
		height:122px;
		position:relative;
		background-image: url('images/cssImg/background-new-footer5.gif');
		background-position:166px 17px;
		background-repeat: no-repeat;
		margin-top:-17px;
	} 
		
			
	#skiptoContent{
		height:0px;
		font-size:0px;
		color: #333366;
	}
	
	
	
/* basic elements */
	/*#content ul{
		margin:0px;
		padding-left:20px;
		border:0px;
		list-style-type: disc;
		list-style-position: inside;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
	}*/
		
	/*#content li{
		padding-left:5px;
		margin:0px;
		border: 0px; 
	}*/

	p{
		margin:0px 5px;
		padding:10px 5px;
	}

	h1{
		padding:0px;
		margin:0px;
		font-size: 1.2em;
	}
	
	h2{
		font-size: 1em;
	}

	img{
		border:none;
	}
	
	td{
		text-align:left;
	}


/* layout graphics*/

	#bannerimg{
		padding-left:340px;
		padding-top:15px;
	}
	
	.breadcrumb{
		font-size: .6em;
		color: #6666FF;
		text-align:right;
		list-style-type: none;
		padding-bottom: 10px;
	}
	
	ul.pagetitle{
		padding-top:10px;
		background-color: #FFFFFF;
		list-style-type: none;
		border-bottom: 3px  solid #6666FF;
		padding-left:0px;
		margin:0px;
	}
							
	ul.navbars-left{
		margin-left:25px;
		list-style-type:none;
		border:0px;
		width: 135px;
		padding:0px;
		font-size:14px;
	}
	
	ul.navbars-right{
		margin:0px;
		list-style-type:none;
		border:0px;
		width: 120px;
		padding:0px;
		font-size:14px;
	}
	
	#left li{
		padding:13px 0px 0px 0px;
		margin:0px;
		border-style:dotted;
		border-color:#333366;
		border-width: 0px 0px 3px 0px;
	}
	
	#right li{
		padding:13px 0px 0px 0px;
		margin:0px;
		/*padding-top:13px;*/
		border-style:dotted;
		border-color:#333366;
		border-width: 0px 0px 3px 0px;
	}
	
	
	
/* links */

	a.nav{
		color: #6666FF;
		text-decoration:none;
		padding:0px;
		margin:0px;
		
	}
	
	#content a:link{
		color: #6666FF;
		text-decoration:none;
		
	}
	
	#content a:visited{
		color: #33CC99;
		text-decoration:none;
		
	}
	
	#content a:hover{
		color:#33CC99;
		border-style:solid;
		border-color:#33CC99;
		border-top-width: 0px; 
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		background-image: url('images/cssImg/bg-green.jpg');
		background-repeat: repeat;
		background-color:#33CC99;
	}
	
	#content a:active{
		border-style:dotted;
		border-color:#CC3366;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		color: #CC3366;
	}
	
	#left a:link{
		color: #6666FF;
		text-decoration:none;
		
	}
	
	#left a:visited{
		font-style:oblique;
		border-color:#CC3366;
		
	}
	
	#left a:hover{
		color:#33CC99;
		border-style:solid;
		border-color:#33CC99;
		border-top-width: 0px; 
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		background-image: url('images/cssImg/bg-green.jpg');
		background-repeat: repeat;
		background-color:#33CC99;
	}
	
	#left a:active{
		border-style:dotted;
		border-color:#CC3366;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		font-style:oblique;
		color: #CC3366;
	}
	
	#right a:link{
		color: #CC3366;
		text-decoration:none;
	}
	
	#right a:visited{
		font-style:oblique;
		border-color:#6666FF;
	}
	
	#right a:hover{
		color:#33CC99;
		border-style:solid;
		border-color:#33CC99;
		border-top-width: 0px; 
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		background-image: url('images/cssImg/bg-green.jpg');
		background-repeat: repeat;
		background-color:#33CC99;
	}
	
	#right a:active{
		border-style:dotted;
		border-color:#6666FF;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		font-style:oblique;
		color: #6666FF;
	}
	
	#left .navactive{
		color: #CC3366;
		border-style:solid;
		border-color:#CC3366;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		font-style:oblique;
	}
	
	#right .navactive{
		color: #6666FF;
		border-style:solid;
		border-color:#6666FF;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-left-width: 0px;
		font-style:oblique;
	}
	
	#skiptoContent a:link{
		visibility:hidden;
		font-size:0px;
		color: #333366;
	}
	
	#footer a:link, #footerIE a:link {
		color:  #333366;
	}
	
	#footer p, #footerIE p{
		font-size:.6em;
	}
	

	
	
/* image classes */
	.imageL{
		float:left;
		padding:5px;
		
	}
	
	.imageR{
		float:right;
		padding:5px;
	}
	
	.imageC{
		float:clear;
		padding:0px;
		text-align:center;
	}

/* classes */
	.tableC{
		text-align: center;
		width:400px;
		margin:auto;
	}

	.mailto{
		font-size: .8em;
	}
	
	.prostaffimg{
		width:100px;
		margin-left:20px;
		margin-right:10px;
		margin-bottom:10px;
		float:left;
		position:relative;
	}
	
	.leadership{
		width:300px;
		margin-left:130px;
		position:relative;
		clear:right;
		height:140px;
	}
	
	th{
	text-align: left;
	}

	.missionTable{
		width:300px;
		text-align: center;
		margin:auto;
		border:0px;
		
	}
	

	
	.needtoUPDATE{
		color:red;
		font-size:2em;
	}

/*singularities*/
	#special{
		margin:auto;
		padding:0px;
		width: 800px;
		height:700px;
	}
	
	.hightlight{
	font-size:1.1em;
	text-align:center;
	}
	
	.courseTitle{
		font-size:1em;
		font-weight:bold;
		
	}
	
	.courseInfo{
		font-size:1em;
		font-weight:normal;
	}
	
	.caption, .staffer_position, .staffer_name {
	font-size:.7em;
	color: #CC3366	}
	
	.MVG{
	text-align:center;
	position:center;
	width:250px;
	margin-left:85px;}
	
	.listheader{
	 font-weight:bold;
	 font-style:oblique}
	
/*staff Database*/
	.staffer{
		width:100px;
		margin-left:20px;}
	.staffer_name{
		
	
	}
	.staffer_position{
		/*display:none;*/
	
	}
	.staffer_photo{
	
	}
	
	
/*Housefellows*/

#staffer1_1, #staffer1_4, #staffer1_7, #staffer1_10, #staffer1_13, #staffer1_16, #staffer1_19, #staffer1_22, #staffer1_25, #staffer2_3 {position:relative; float: left; margin-left:17px; /*clear:both;*/ height:165px; padding-bottom: 10px; }
#staffer1_2, #staffer1_5, #staffer1_8, #staffer1_11, #staffer1_14, #staffer1_17, #staffer1_20, #staffer1_23, #staffer1_26, #staffer2_1 {position:relative; float: left; margin-left:7px; height:165px; padding-bottom: 10px;}
#staffer1_3, #staffer1_6, #staffer1_9, #staffer1_12, #staffer1_15, #staffer1_18, #staffer1_21, #staffer1_24, #staffer1_27, #staffer2_2 {position:relative; float: left; margin-left:7px; height:165px; padding-bottom: 10px;}

	/*style for IE*/
	* html #staffer1_1, * html #staffer1_4, * html #staffer1_7, * html #staffer1_10, * html #staffer1_13, * html #staffer1_16, * html #staffer1_19, * html #staffer1_22, * html #staffer1_25, #staffer2_3 {margin-left:5px; height:175px; padding-bottom: 0px;}
	* html #staffer1_2, * html #staffer1_5, * html #staffer1_8, * html #staffer1_11, * html #staffer1_14, * html #staffer1_17, * html #staffer1_20, * html #staffer1_23, * html #staffer1_26, #staffer2_1 {margin-left:5px; height:175px; padding-bottom: 0px;}
	* html #staffer1_3, * html #staffer1_6, * html #staffer1_9, * html #staffer1_12, * html #staffer1_15, * html #staffer1_18, * html #staffer1_21, * html #staffer1_24, * html #staffer1_27, #staffer2_2 {margin-left:5px; height:175px; padding-bottom: 0px;}


/*Housefellows on own page:135px:*/
/*#staffer1_1, #staffer1_4, #staffer1_7, #staffer1_10, #staffer1_13, #staffer1_16, #staffer1_19, #staffer1_22, #staffer1_25, #staffer2_3 {position:relative; float: left; margin-left:17px;  height:215px; padding-bottom: 10px; }
#staffer1_2, #staffer1_5, #staffer1_8, #staffer1_11, #staffer1_14, #staffer1_17, #staffer1_20, #staffer1_23, #staffer1_26, #staffer2_1 {position:relative; float: left; margin-left:7px; height:215px; padding-bottom: 10px;}
#staffer1_3, #staffer1_6, #staffer1_9, #staffer1_12, #staffer1_15, #staffer1_18, #staffer1_21, #staffer1_24, #staffer1_27, #staffer2_2 {position:relative; float: left; margin-left:7px; height:215px; padding-bottom: 10px;}*/
	/*style for IE*/
	/*
    * html #staffer1_1, * html #staffer1_4, * html #staffer1_7, * html #staffer1_10, * html #staffer1_13, * html #staffer1_16, * html #staffer1_19, * html #staffer1_22, * html #staffer1_25, #staffer2_3 {margin-left:5px; height:225px; padding-bottom: 0px;}
	* html #staffer1_2, * html #staffer1_5, * html #staffer1_8, * html #staffer1_11, * html #staffer1_14, * html #staffer1_17, * html #staffer1_20, * html #staffer1_23, * html #staffer1_26, #staffer2_1 {margin-left:5px; height:225px; padding-bottom: 0px;}
	* html #staffer1_3, * html #staffer1_6, * html #staffer1_9, * html #staffer1_12, * html #staffer1_15, * html #staffer1_18, * html #staffer1_21, * html #staffer1_24, * html #staffer1_27, #staffer2_2 {margin-left:5px; height:225px; padding-bottom: 0px;}*/
    

/*Diversity Staff*/
#staffer3_1, #staffer4_1, #staffer4_2{position:relative; float: left; margin-left:17px; /*clear:both;*/ padding-bottom: 10px; }

/*Student Staff Page */
.staffGroup{text-align:center; width:80%; margin:auto; }
.studentStaff{width:100px; position:relative; float:left; height:195px; padding-bottom: 10px; margin-left:10px; margin-right:10px;}

.staffclear{clear:both; width:100%; border-top:1px solid #33CC99; line-height:.1em;}
	
/*Tour*/
	#tourinfo{
		text-align:center;
		width:400px;
		margin:auto;
		}
		
	#photoTitle h2{
		text-align:center;
		width:400px;
		background-image: url('images/cssImg/phototitlebg.gif');
		background-repeat: repeat-x;
		background-color:#33CC99;
	}
	
	#blankn{
		width:60px;
		height:60px;
		float:right;
		font-size:.7em;
	}
	
	#blankp{
		width:60px;
		height:60px;
		float:left;
		font-size:.7em;
	}
	
	#next{
		text-align:left;
		margin:auto;
		float:right;
		background-image: url('images/cssImg/next.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		width:60px;
		height:60px;
	}
	
	#description{
		text-align:center;
		width:255px;
		margin:auto;
	}
	
	#prev{
		text-align:right;
		margin:auto;
		float:left;
		background-image: url('images/cssImg/prev.jpg');
		background-position:left top;
		background-repeat:no-repeat;
		width:60px;
		height:60px;
		
	}
	
	#next a, #prev a{
		display:block;
		margin:15px 0px 0px 0px;
		color:#000000;
		font-size:1em;
	}
	
	#next a:link, #prev a:link{
		color:#000000;
		font-size:1em;
		font-weight:bold;
	}
	
	#next a:hover, #prev a:hover{
		color:#6666FF;
		font-size:1em;
		font-weight:bold;
		background-image:none;
		border:none;
		background-color:transparent;
		
	}
	
	.photosubr{
		width:96px;
		padding:0px;
		margin:0px 2px 30px 2px;
		display:inline;
		float:right;
        
		
	}
    
    .photosubc{
		width:96px;
		padding:0px;
		margin:0px 2px 30px 2px;
		display:inline;
		      
		
	}
	
	
	.photosubl{
		width:96px;
		margin:0px 2px 30px 2px;
		
		display:inline;
		float:left;
			
	}
    
    #mvg .photosubr{
		width:78px;
		padding:0px;
		margin:0px 2px 30px 2px;
		display:inline;
		float:right;
    }
		
	#mvg .photosubl{
		width:78px;
		margin:0px 2px 30px 2px;
		display:inline;
		float:left;
	}
	
	.photosubl h3, .photosubr h3{
		background-image: url('images/cssImg/phototitlebg.gif');
		background-repeat: repeat-x;
		background-color:#33CC99;
		font-size:.9em;
		
	}
	
	#tourinfo a:link{
		color:#000000;
	}
	
	#tourinfo a:visited{
		color:#6666FF;
	}


/*Inventory*/
	.omega_head{
 	/*The h1 tag that includes the hall's name.  Can always be hidden if not used.*/
	visibility:hidden;
	}
	.omega_subhead{
	/*The h2 subheaders for each category of checkout item (VHS, DVD, etc... see Kronshage for example)*/
	padding-left:5px;
	}
	.omega_table{
	/*The tables of inventory*/

	width:45opx; 
	
	/*border: 1px solid #000000; */
	margin-bottom: 20px;
	padding-right: 2px;
	}
	.omega_tableheaderrow{
	/*The top line of each table, which has the column headers*/
	background-color: #CC3366;
	font-size:.8em;
	}
	.omega_tableheaderitem{
	font-size:.8em;
	/*The td tags of each item in the table header*/
	color: #ffffff;
	}
	.omega_tablerow1{
	/*background-image: url('images/cssImg/bg-green.jpg');
	background-repeat: repeat;*/
	font-size:.8em;
	}
	.omega_tablerow2{
	/*These two classes alternate each row of the table, for contrasting row background colors*/
	font-size:.8em;
	}
	.omega_item{
	/*The td tag containing the name of the checkoutable item*/
	font-weight: bold;
	border-bottom:1px #6666FF dotted;
	padding-left:3px;
	}
	.omega_checkedin{
		border-bottom:1px #6666FF dotted;
	color: #33CC99;
	font-size:.75em;
	}
	.omega_checkedout{
	/*The td tags containing the status*/
	color: #6666FF;
	border-bottom:1px #6666FF dotted;
	
	font-size:.75em;
	}
	
	.classtitle{
	font-weight:normal;
	font-size:1.2em;
	}
	
	
/* googlecal */
	#googlecal{
		
		margin-left:10px;
		color: #CC3366;
	}
	
	.event_title{
		margin-left:10px;
		color:  #CC3366;
		font-size: 1em;
		border-bottom:1px dotted #CC3366;
	}
	
	.calendar_title{
		margin-left:10px;
		display:block;
		height:0px;
		color:  #6666FF;
		visibility:hidden;
	}
	
	.event_datetime{
		margin-top:-5px;
		margin-left:15px;
		color:  #6666FF;
		font-size: .8em;
	}
	
	.event_location{
		margin-left:15px;
		color:  #333366;
		font-size: .7em;
	}
	
	.event_description{
		margin-left:15px;
		color:  #000000;
		font-size:.9em;
		
		
	}
	
/*Tabs*/
#tabs{
	float:left;
	padding:0px 0px 0px 0px; margin:0px; width:460px; margin-bottom:10px;
	list-style:none; font-size:.9em; background-image: url('images/cssImg/tabsunderline.jpg');	background-position: right top; 
	}
	
#tabs li{
	float:left;  
	background-image: url('images/cssImg/tabsLeft.jpg'); background-position: left top;	background-repeat: no-repeat;
	}
	
#tabs a{
	padding:7px 15px 10px 10px; 
	display:block;
	background-image: url('images/cssImg/tabsRight.jpg'); 
	background-position: right top; background-repeat: no-repeat;
	color:#33CC99; text-decoration:none;
	}

/*Tabs Hover*/
	#tabs li:hover a, li.over ul{
	background-image: url('images/cssImg/tabshoverRight.jpg');
	background-repeat: no-repeat;
	background-color:transparent;
	color:#6666FF;
	border: none;
	}
	
	#tabs a:hover{
	background-image: url('images/cssImg/tabshoverRight.jpg'); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:transparent;
	border: none;
	}
	
	#tabs li:hover, li.over ul{
	background-image: url('images/cssImg/tabshoverLeft.jpg'); 
	background-repeat: no-repeat;
	background-position: left top;
	background-color:6666FF;
	//float:left;
	border: none;
	}


/*Active tab*/
	#tabs .tabactive{background-image: url('images/cssImg/tabsLeftactive.jpg'); background-position: left top; background-repeat: no-repeat; float:left;}
	#tabs .tabactive a{background-image: url('images/cssImg/tabsRightactive.jpg'); background-position: right top; background-repeat: no-repeat;
	display:block; padding:7px 15px 10px 10px;
	color:#CC3366; text-decoration:none;
	}
	
	#tabs li:hover.tabactive, li.over ul{
	background-image: url('images/cssImg/tabsLeftactive.jpg'); 
	background-position: left top;
	background-repeat: no-repeat;	
	float:left;}
	
	#tabs  li:hover.tabactive a, li.over ul{
	background-image: url('images/cssImg/tabsRightactive.jpg'); 
	background-position: right top;	
	background-repeat: no-repeat;
	display:block; 
	padding:7px 15px 10px 10px;
	color:#CC3366;
	text-decoration:none;
	}

/*Photo Gallery*/
.photoGalleryLinks{list-style-type:none; margin:0px 0px 0px 10px; padding:0px;}
.photoGalleryLinks li{display:inline;}

/*Campus resources*/
.resources{padding-left:10px;}

.wmmwSpeaker{
clear:left;
}

.wmmwSpeaker h2{
padding:5px 0px 0px 0px; 
margin:0px;

}

.wmmwSpeaker img{
float:left;
border-right:2px solid #6666FF;
/*border-bottom:2px solid #CC3366;*/
margin:5px;
padding:0px 5px 0px 0px;

}
.wmmwSpeaker p{

}