/*UMKC Admissions stylesheet*/

/*--------------------------------------------------------------------------------*/
/*           Define the overall structure of the Admissions webpages                     */
/*--------------------------------------------------------------------------------*/

body
{
	background-color:#dfe5e6;
	margin: 0px;
}


/*The header area*******************************************************************
***********************************************************************************/

/*The header container is the over-arching div that contains the UMKC logo, search box and horizontal navigation. As noted below, the width on this is set to be liquid (100%)*/
#headercontainer
{
	width:100%;
	background:url(../images/headertile.jpg) repeat-x;
	height:90px;
	text-align:center;
}

/*The header div is what allows the header elements to be centered within the headercontainer div*/
#header
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
	
#header a:link { color: #36424a; }
#header a:visited { color: #36424a; }
#header a:hover { color: #002147; }
#header a:active { color: #002147; }

/*This div controls the positioning of UMKC's logo within the header*/
#umkclogo
{
	width:400px;
	float:left;
	/*background: center left url(../images/umkc-logo.gif) no-repeat;*/
	height:70px;
	text-align:left;
	overflow:hidden;
}

/*The logo image class further aids in positioning of the logo within the umkclogo div*/
.logoimage
{
	padding-top:15px;
}

/*Define the various elements that handle the search area in the header*/
#searchcontainer
{
	width:500px;
	height:70px;
	float:right;
}

#search 
{
	float: right;
	/*position: absolute;*/
	background: url(http://www.umkc.edu/standards/header/images/search-field.gif) no-repeat;
	/*width: 500px;*/
	height: 26px;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: right;
	left: 703px;
	top: -6px;
	width: 211px;
}
	
.searchInput 
{
	width: 110px;
	height: 20px;
	background: none;
	border: none;
	margin-top: 0;
	margin-left: 56px;
	padding: 0;
	color: #000000;
}
	
.searchButton 
{
	float: right;
	width: 32px;
	height: 20px;
	background: none;
	border: none;
	margin-left: 168px;
	padding: 0;
}


/*The below styles relate to the new UMKC drop down navigation that appears at the top of each page
as part of the header*/
#navbarcontainer
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

	#navbarholder 
	{
		position: relative;
		left: 0px;
		clear: both;
		height: 20px;
		background: url(../images/university-of-missouri-kansas-city.gif) 
					left no-repeat;
		width: 900;
	}
	
	#navbarleft
	{
		float:left;
		width:225px;
	}
	
	#navbarright
	{
		float:right;
		width:575px;
		text-align:left;
		padding-top:2px;
		padding-left:100px;
	}

	
	.divider { margin-top: 3px; }

/**************************end header related styles************************************
***************************************************************************************/


/***************************************************************************************
Page Title styles***********************************************************************
***************************************************************************************/
	
	/*The pagetitlecontainer div is the over-arching container for the page title divs*/
	.pagetitlecontainer
	{
		width:100%;
		background:#354753;
		background-repeat:repeat-x;

	}
	
	/*container to limit the pagetitle images to the center of the page*/
	.pagetitle
	{
		width:940px;
		/*height:67px;
		padding-left:5px;*/
		margin-left:auto;
		margin-right:auto;
		font:"Times New Roman", Times, serif;
		font-size:25px;
		color:#FFFFFF;
		background:#354753;
	}
	
	.pagetitle2
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:28px;
		color:#990000;
		
	}
	
	.pagetitle3
	{
		width:100%;
		background-color:#9f772d;
		padding:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:28px;
		color:#FFFFFF;
		margin-top:19px;
		margin-bottom:5px;
	}
	
	
	/*these three styles relate to the fonts used in the pagetitles*/
	#admissions
	{
		width: 900px;
		/*padding-left:5px;*/
		font-family:"Times New Roman", Times, serif;
		font-size:34px;
		color:#FFFFFF;
		background-color:#0066cc;
		
		
	}
	
	#atumkc
	{
		width: 895px;
		padding-left:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
	}
	
	#pagetitles
	{
		background-color:#354753;
		padding:4px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:39px;
		color:#FFFFFF;
	}
	
	#tabcontainer
	{
		width:500px;
		float:right;
	}
	

/***************************************************************************************
***************************************************************************************/


/***************************************************************************************
Content area styles***********************************************************************
***************************************************************************************/

	/*The content area is comprised of two divs - one to hold the menu and one for the 
	text itself*/
	
	/*The contentcontainer div is the over-arching div for the content area*/
	#outercontentcontainer
	{
		width:100%;
		background:#fff;
	}
	
	#contentcontainer
	{
		width:940px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:15px;
	}
	
	#menucontainer
	{
		width:200px;
		float:left;
		/*background-color:#EBEBEB;*/
	}
	
	#searchbox
	{
		width:190px;
		border:#ccc solid 1px;
		margin-top:15px;
		padding:4px;
		background-color:#F2F2F2;
		float:left;
		
	}
	
	#content
	{
		padding-left:15px;
		width:725px;
		float:right;
	}
	
	#text
	{
		width:544px;
		padding-right:10px;
		border-right:1px dashed #ccc;
		float:left;
	}
	
	#relatedlinks
	{
		width:150px;
		margin-left:10px;
		padding-left:10px;
		float:right;
	}
	
	#address
	{
		width:160px;
		padding-left:5px;
		padding-top:10px;
		height:150px;
		background:#B7B7B7;
		color:#333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
	}
	#homesupp
	{
		width:165px;
		background:#fff;
		color:#333333;
		float:left;
		padding-top:10px;
	}
	
	.clear
	{
		width:900px;
		clear:both;
	}

	.subtitles3
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#990000;
		line-height:18px;
		
	}
	
	.content
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#444;
	}
					
	.contentbigger
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:18px;
		color:#006699;
	}


	.content a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		color:#006699;
		text-decoration:none;
	}
	.contentbigger a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:16px;
		color:#006699;
		text-decoration:none;
	}
	.contentbigger a:visited
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:16px;
		color:#006699;
		text-decoration:none;
	}


	
	.content a:hover
	{
		text-decoration:underline;
	}
	.contentbold
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:16px;
		color:#444;
	}
	
			
	/* images */
	
	.img
	{
		margin-top:4px;
		margin-bottom:4px;
	}

	.imgleft
	{
		float:left;
		padding:2px;
		background-color:#FFFFFF;
		margin-right:5px;
	}
	
	.imgleft2
	{
		float:left;
		padding:2px;
		margin-right:5px;
	}
	
	.bluetext
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#006699;
		line-height:18px;
		
	}
	
	.bluetext a
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#006699;
		line-height:18px;
		text-decoration:none;
		
	}
	
	.bluetext a:hover
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#006699;
		line-height:18px;
		text-decoration:underline;
		
	}
	
	.redtext
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#990000;
		line-height:18px;
		
	}
	
	.redtextbold
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#990000;
		line-height:18px;
		
	}
	
	.requirements
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#575757;
		line-height:18px;
		
	}
	
	.requirementsbold
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#575757;
		line-height:18px;
		
	}
	
	.browsers
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:10px;
		color:#444;
	}
	
	.orderedlist
	{
		line-height:20px;
	}

	
	


/******************************************************************************************
Footer Styles******************************************************************************
******************************************************************************************/


	#footer {
	width:100%;
	border-top:#f8b42f solid 5px;
	
	margin-bottom:5px;
	padding-top:10px;
	color: #444;
	font-size: 9px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#dfe5e6;
	
	
	}
	
	#footerint
	{
		width:940px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:50px;
	}
	
	#footerleft
	{
		float:left;
		width:200px;
		text-align:left;
	}
	
	#footerright
	{
		float:left;
		width:675px;
		padding-left:15px;
	}
	
	#footerright2
	{
		float:right;
		width:110px;
		padding-left:10px;
	}
	
	#footerright2 a
	{
		color:#9D9D9D;
	}
	
	#footer a { color: #444; }
	
	.footnav a { color: #444; font-weight: bold; letter-spacing: 1px; padding: 3px;}
	
	.footeraddress
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}


/*end footer*/

/*-------------------------------------------------------------------------------------*/
/*                            Separators etc                                           */
/*-------------------------------------------------------------------------------------*/

.hr
{
	color:#CCCCCC;
	height:0.1em;
}