/*************************************************
 File: Subpg.css
 Desc: Contains the main styles for the
	   MU sub page template.
 Outline: (Search by number for quick browsing)
			1. Global Column Styles
			2. Column 1
			3. Column 2
-------------------------------------------------

 1. Global Column Styles
*************************************************/

#content_container_subpg .col1, 
#content_container_subpg .col2 {
	border-top: 1px solid #fff;
	font-size: 1em;
	float:  left;
	position: relative;
	z-index: 1;
}

	#content_container_subpg .col1 { margin-bottom: .5em; width: 24.9em; }	
	#content_container_subpg .col2 { margin: 0 0 10px 0; width: 54.5em; }
	
	#content_container_subpg a.view_more {
		display: block;
		font-size: .83em;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: right;	
		text-decoration: none;
	}
	
		#content_container_subpg a.view_more img { border: none; font-size: 1.01em; margin: 0; padding: 0; position: relative; }
		
		#content_container_subpg a.view_more span {
			font-size:  1.2em;
			line-height: 1.67em;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 1.75em;
			top: .03em;
			z-index: 5;
		}
	
		#content_container_subpg a.view_more:hover { color: #fff; }
	
		#content_container_subpg a.view_more.back { float: left; margin: 1em .2em; }
		#content_container_subpg a.view_more.back img { width:  5.9em; }
		#content_container_subpg a.view_more.back span { right: .98em; }
	
		#content_container_subpg a.view_more.small { margin: 1em 0; padding: 0; width:  10.3em; }
		#content_container_subpg a.view_more.small img { height: 2.42em; width:  12.45em; }
		#content_container_subpg a.view_more.small span { right: 1.85em; }
	
		#content_container_subpg a.view_more.medium { margin: 1em 0; padding: 0; width:  18.0em; }
		#content_container_subpg a.view_more.medium img { margin: 0; padding: 0; width:  18em; }
	
		#content_container_subpg a.view_more.large { margin: 1em 0; width: 24.4em; }
		#content_container_subpg a.view_more.large img { width: 24.4em; }
	
		#content_container_subpg a.view_more.xlarge { margin: 0; padding: 0; width: 31.4em; }
		#content_container_subpg a.view_more.xlarge img { width: 31.4em; }

/*************************************************
 2. Column 1
 	a. section_mm	- Contains the main menu for the specific section
	b. section_sm	- Contains the section modules and ads
	c. sm_module	- Contains the section/page specific modules,
						located beneath section_mm
*************************************************/
.col1 a.button-link { display: block; width: 228px !important; }



/*	Large image ads located in section_sm	*/
#content_container_subpg .col1 a.img_link,
.col1 div.img_link		{ display: block; margin: .6em 0 .6em .4em; position: relative; text-decoration: none; width: 24em; }

#content_container_subpg .col1 a.img_link img,
#content_container_subpg .col1 div.img_link img	{ border: none; position: relative; width: 24em; }

	#content_container_subpg .col1 a.img_link span 	{ color: #fff; font-size: 1.2em; left: 0; position: absolute; top: 0;  width: 18.33em; }
	#content_container_subpg .col1 div.img_link a 	{ 
		color: #fff; 
		display: block; 
		font: bold 1.2em 'Trebuchet MS', Arial, sans-serif; 
		position: absolute; 
		text-align: center;
		text-decoration: underline; 
	}

/*	a. Section Main Menu	*/
.col1 #section_mm { list-style: none; margin-bottom: 0; width: 24.8em; }

	.col1 #section_mm li { background-color: #807f7f; border-bottom: 1px solid #fff;  margin: 0; padding: 0; position: relative; }

		/*	Active List Element & sub menu  */
		.col1 #section_mm li.active,
		.col1 #section_mm li.active ul { background-color: #000; height: auto; width: 24.8em; }

		.col1 #section_mm li.active ul { list-style: disc; margin-bottom: .5em; }

			.col1 #section_mm li.active ul li { 
				background-color: #000; 
				border: none; 
				color: #fff; 
				font-size: .86em; 
				margin: 0 0 0 3.5em; 
				padding: 0; 
				width: auto;
			}

			.col1 #section_mm li.active ul li a			{ color: #ddd; margin-left: -.36em; padding: 0; }
			.col1 #section_mm li.active ul li a:hover	{ color: #fff; }
			.col1 #section_mm li.active ul li a.active	{ color: #fff; font-style: oblique; }

			.col1 #section_mm li.active a { 
				background-color: #000; 
				left: 0; 
				height: auto;
				margin: 0;
				padding-left: 1.29em;
				position: relative;
				width: auto; 
			}

	.col1 #section_mm li a img { border: none; font-size: .715em; left: 5px; position: absolute; top: .7em; width: .9em; z-index: 15; }
	
	.col1 #section_mm li a {
		color: #fff;
		display: block;
		font: bold 1.4em 'Trebuchet MS', Arial, sans-serif;
		height: auto;
		padding: .16em 0 .14em 1.29em;
		text-decoration: none;
	}

		.col1 #section_mm li a:hover { background-color: #000; color: #fff; left: 0; margin: 0; position: relative; width: auto; }
		
	/* Set up the Office of the President (Brown) Navigation */
	.col1 #section_mm.colornav1 li { background-color: #9c600e; }

		.col1 #section_mm.colornav1 li.active,
		.col1 #section_mm.colornav1 li a:hover,
		.col1 #section_mm.colornav1 li.active ul,
		.col1 #section_mm.colornav1 li.active ul li { background-color: #6a410a; }

		.col1 #section_mm.colornav1 li.active a,
		.col1 #section_mm.colornav1 li ul li a:hover { background-color: transparent; }
		
	/* Set up the Academic Affairs (Teal) Navigation */
	.col1 #section_mm.colornav2 li { background-color: #41c4d2; }

		.col1 #section_mm.colornav2 li.active,
		.col1 #section_mm.colornav2 li a:hover,
		.col1 #section_mm.colornav2 li.active ul,
		.col1 #section_mm.colornav2 li.active ul li { background-color: #32828e; }

		.col1 #section_mm.colornav2 li.active a,
		.col1 #section_mm.colornav2 li ul li a:hover { background-color: transparent; }
	
	/* Set up the School of Education (Yellow) Navigation */
	.col1 #section_mm.colornav3 li { background-color: #cda70e; }

		.col1 #section_mm.colornav3 li.active,
		.col1 #section_mm.colornav3 li a:hover,
		.col1 #section_mm.colornav3 li.active ul,
		.col1 #section_mm.colornav3 li.active ul li { background-color: #8a7009; }

		.col1 #section_mm.colornav3 li.active a,
		.col1 #section_mm.colornav3 li ul li a:hover { background-color: transparent; }
		
	/* Set up the School of Humanities & Social Science (Purple) Navigation */
	.col1 #section_mm.colornav4 li { background-color: #3c1363; }

		.col1 #section_mm.colornav4 li.active,
		.col1 #section_mm.colornav4 li a:hover,
		.col1 #section_mm.colornav4 li.active ul,
		.col1 #section_mm.colornav4 li.active ul li { background-color: #260c3e; }

		.col1 #section_mm.colornav4 li.active a,
		.col1 #section_mm.colornav4 li ul li a:hover { background-color: transparent; }

	/* Set up the School of Science & Mathematics (Red) Navigation */
	.col1 #section_mm.colornav5 li { background-color: #973523; }

		.col1 #section_mm.colornav5 li.active,
		.col1 #section_mm.colornav5 li a:hover,
		.col1 #section_mm.colornav5 li.active ul,
		.col1 #section_mm.colornav5 li.active ul li { background-color: #662418; }

		.col1 #section_mm.colornav5 li.active a,
		.col1 #section_mm.colornav5 li ul li a:hover { background-color: transparent; }

	/* Set up the Finance & Administration (Green) Navigation */
	.col1 #section_mm.colornav7 li { background-color: #4c834c; }

		.col1 #section_mm.colornav7 li.active,
		.col1 #section_mm.colornav7 li a:hover,
		.col1 #section_mm.colornav7 li.active ul,
		.col1 #section_mm.colornav7 li.active ul li { background-color: #2d4d2d; }

		.col1 #section_mm.colornav7 li.active a,
		.col1 #section_mm.colornav7 li ul li a:hover { background-color: transparent; }

	/* Set up the Information Technology (Blue) Navigation */
	.col1 #section_mm.colornav8 li { background-color: #1c61b2; }

		.col1 #section_mm.colornav8 li.active,
		.col1 #section_mm.colornav8 li a:hover,
		.col1 #section_mm.colornav8 li.active ul,
		.col1 #section_mm.colornav8 li.active ul li { background-color: #113b6c; }

		.col1 #section_mm.colornav8 li.active a,
		.col1 #section_mm.colornav8 li ul li a:hover { background-color: transparent; }
	
	/* Set up the Student Affairs (Orange) Navigation */
	.col1 #section_mm.colornav9 li { background-color: #e06400; }

		.col1 #section_mm.colornav9 li.active,
		.col1 #section_mm.colornav9 li a:hover,
		.col1 #section_mm.colornav9 li.active ul,
		.col1 #section_mm.colornav9 li.active ul li { background-color: #9d4600; }

		.col1 #section_mm.colornav9 li.active a,
		.col1 #section_mm.colornav9 li ul li a:hover { background-color: transparent; }
		
	/* Set up the University Advancement (Navy) Navigation */
	.col1 #section_mm.colornav10 li { background-color: #bdaa65; }

		.col1 #section_mm.colornav10 li.active,
		.col1 #section_mm.colornav10 li a:hover,
		.col1 #section_mm.colornav10 li.active ul,
		.col1 #section_mm.colornav10 li.active ul li { background-color: #90824d; }

		.col1 #section_mm.colornav10 li.active a,
		.col1 #section_mm.colornav10 li ul li a:hover { background-color: transparent; }
		
	/* Set up the Non-School Departments & Other Organizations (Navy) Navigation */
	.col1 #section_mm.colornav11 li { background-color: #466b83; }

		.col1 #section_mm.colornav11 li.active,
		.col1 #section_mm.colornav11 li a:hover,
		.col1 #section_mm.colornav11 li.active ul,
		.col1 #section_mm.colornav11 li.active ul li { background-color: #2a4052; }

		.col1 #section_mm.colornav11 li.active a,
		.col1 #section_mm.colornav11 li ul li a:hover { background-color: transparent; }

/*	b. Section Sub Menu	*/
.col1 #section_sm { 
	background: transparent url('../img/backgrounds/subpg_col1.gif') repeat-x top left;
	margin-top: 0;
	padding-top: .1em;
	width: 24.8em; 
}

	#content_container_subpg .col1 #section_sm.nobackground { background: none; }

/*	c. Section Sub Menu Module	*/
.col1 .sm_module { background-color: #ededed; border: 1px solid #d4d4d4; font-size: 1.2em; margin: .5em 0 .6em .33em; width: 19.83em; }

	#content_container_subpg .col1 .sm_module h1 {
		background-color: #303030;
		background-image: none;
		color: #fff;
		font: normal 1.5em 'Times New Roman', Arial, sans-serif;
		line-height: 1.13em;
		margin-bottom: .44em;
		padding: .13em .56em;
		width: 12.1em;
	}

	.col1 .sm_module h3,
	.col1 .sm_module h4,
	.col1 .sm_module ul, 
	.col1 .sm_module ol,
	.col1 .sm_module p,
	.col1 .sm_module dl,
	.col1 .sm_module form { margin-left: .42em !important;  }

		.col1 .sm_module h3.notice_heading { color: #9e0b0f; }

		.col1 .sm_module form { width: 92%; }

		.col1 .sm_module form .center { left: 38%; }
		
		.col1 .sm_module ul { list-style: disc url('../img/icons_bullets/ulbullet.gif') outside; }
			.col1 .sm_module ul li { line-height: 1.1em; margin: 0 0 .3em 1.5em; padding-right: .2em; }

	.col1 .sm_module img { font-size: .83em; }

	.col1 .sm_module .portal_btn { margin: .3em 0 0 .3em; padding: 0; width: 23.2em; }

/*************************************************
 3. Column 2
*************************************************/
/*	Border for the top of modules for separation	*/
.col2 .topborder { border-top: .5em solid #fff; }

/*	Module Style Overides	*/
.col2 .equal_modules { width: 100%; }

.col2 .module { width: 26.6em; }
	.col2 .module .h2_box	{ border-top: none; position: relative; }
	.col2 .module h2		{ font-size: 1.8em; font-weight: normal; }
	

	.col2 .notice_heading { color: #940101; }

	.col2 .text_indent { padding-left: 20px; color: #303030; }
	
	.col2 .module img { font-size: .83em; }

	.col2 .module form { margin-left: 0; }

.col2 .mc.float_left { float: left; }

.col2 .module .mc_body { color: #303030; font-size: 1.2em; }
	.col2 .module .mc_body .preview_img { border: .3em solid #fff; margin: .1em 0 .5em 0; width: 97%; }
	
	.col2 .module .mc_body h1	{ background: none !important; background-color: transparent !important; color: #000; font-size: 1.83em; padding: 0 !important; }
	.col2 .module .mc_body h2	{ background: none !important; color: #000; font-size: 1.67em; }
	.col2 .module .mc_body h3	{ font-size: 1.17em; font-weight: bold; }
	.col2 .module .mc_body h4	{ color: #000; font-size: 1.08em; font-weight: bold; }
	.col2 .module .mc_body h5	{ font-size: 1em; font-weight: bold; }

	.col2 .module .mc_body a.button_link { background-color: #005595; border: 1px solid #ccc; color: #fff; cursor: pointer; font: bold 1.2em 'Trebuchet MS', Arial, sans-serif; height: 22px; padding: 0 3px;  }
		.col2 .module .mc_body a.button_link:hover { background-color: #000; }

/*	Full Width Module	*/
.col2 .full_width { width: 53.9em; }
	.col2 .full_width h2 { font-size: 1.8em; font-weight: normal; }

/*	Two Column Template	*/
.col2 .onethird	{ float: left; margin-left: .6em; width: 20.1em; }
	.col2 .onethird .module .mc_body { padding-bottom: .83em; }
	.col2 .onethird	img.thumb { border: .3em solid #fff; margin-bottom: .3em; width: 18.1em; }
	.col2 .onethird	ul li { margin-left: 1.5em; }

.col2 .twothirds { float: left; width: 33.2em; }

/*	Half Width Module/Content	*/
.col2 .half { float: left; padding: 0; width: 49%; }


.col2 table { border-collapse: collapse; margin: .42em 0 .42em .42em; width: 98%; }
	.col2 table tr th, 
	.col2 table tr td { padding: .17em .42em; }

.col2 img#main_img 		{ margin-bottom: 0; width: 55.04em; }

.col2 div#main_img 		{ margin-bottom: 0; width: 55.04em; position: relative; }
.col2 div#main_img img	{ margin-bottom: 0; width: 55.04em; position: relative; }

	.col2 div#main_img a { 
		color: #ddd; 
		font: bold 1.2em 'Trebuchet MS', Arial, sans-serif;
		position: absolute;
		text-align: center; 
		text-decoration: underline;
	}

		.col2 div#main_img a:hover { color: #fff; }

#content_container_subpg .col2 a.top_link { 
	background-color: transparent;
	background-image: none;
	bottom: 0;
	color: #b1b1b1;
	position: absolute; 
	right: .7em; 
	text-decoration: none;
	text-transform: uppercase;
	width: 3em; 
	z-index: 5; 
}

	#content_container_subpg .col2 a.top_link *		{ background-color: transparent; background-image: none; }
	#content_container_subpg .col2 a.top_link:hover { color: #c1c1c1; }
	#content_container_subpg .col2 a.top_link img 	{ border: none; margin-left: .2em; width: .9em; }
	#content_container_subpg .col2 a.top_link span 	{ left: 0; top: 0; }



.col2 #formerror {
	background-color: #fffcdf;
	border: 2px dashed #cf7667;
	margin: 1em 0;
	padding: 2em;
}

/*	Search Results List (i.e. people search, calendar)	*/
.col2 .result_listing { list-style: none; margin: 0 0 .5em 0; padding: 0; }

	.col2 .result_listing li {
		background-color: #fff;
		clear: both;
		height: 1%;
		margin: 0 0 1px 0;
		overflow: hidden;
		padding: 1em .83em;
	}
		
		.col2 .result_listing li div			{ color: #676767; float: left; line-height: 1.5em; width: 20.75em; }
		.col2 .result_listing li div strong,
		.col2 .result_listing li div b			{ color: #303030; }
		.col2 .result_listing li div a,
		.col2 .result_listing li div a b,
		.col2 .result_listing li div a strong			{ color: #005f9b; }
		.col2 .result_listing li img			{ border: .3em solid #cdcccc; width: 7.3em; }

.col2 .successMsg, .col2 .errorMsg { margin: .3em 0 1em; padding: 1em; } 
	.col2 .errorMsg { background-color: #f9f2f2; border: 1px solid #ecdada; }
	.col2 .successMsg { background-color: #f2f6f9; border: 1px solid #dae5ec; }

.col2 #sectionmenu {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

	.col2 #sectionmenu li {
		border-bottom: 1px dotted #a3a3a3;
		line-height: 1.33em;
		margin: 5px 0;
		padding: 0 0 4px 0;
	}

	.col2 #sectionmenu li a {
		background: transparent url('../img/icons_bullets/arrowright.gif') no-repeat 0px 3px;
		display: block;
		line-height: 1.33em;
		padding-left: 1.25em;
		text-decoration: none;
		width: auto;
	}

		.col2 #sectionmenu li a:hover, .col2 #sectionmenu li a.active { color: #303030; }

		.col2 #sectionmenu li a#sectionhome {
			background-image: none;
			font-size: 1.17em;
			font-weight: bold;
			line-height: 1.07em;
			padding-left: 0;
			text-decoration: none;
			width: auto;
		}
		
		.col2 #sectionmenu li#sectionreturn { border-bottom: none; }
			.col2 #sectionmenu li#sectionreturn a { background: transparent url('../img/icons_bullets/arrowleft-gray.gif') no-repeat 0px 4px; }