@charset "UTF-8";

@media screen, print {
	/* reset tags to reduce browser inconsistencies */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	   {margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;}

	/* forces vertical scroll bar to eliminate jumping on short pages */
	html {
		overflow-y: scroll;}

	body {
		font-size: 100%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		line-height: 150%;
		color: #555555;
		background: url(images/mm_brknd.jpg) top center no-repeat fixed #1b4aa1;
		margin: 0 auto; 
		text-align: center; /* to make primary container center properly in IE */
		position: relative;}

	/* primary container sets base page width */
	.container { 
		width:835px;
		margin: 0 auto; 
		text-align: left;}
		
	h1 {
		font-size: 20px;
		line-height: 23px;

		font-weight: normal;
		color: #b20838;
		margin: 0 0 16px 0;}
	h2 {
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
		color: #012648;
		margin: 0 0 4px 0;
		padding-top: 10px;}
	h2.top {
		font-weight: normal;
		margin: 0 0 16px 0;
		padding: 0;}
	h3 {
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		text-transform:uppercase;
		color: #012648;
		margin: 0 0 16px 0;}
	h4, h5, h6 {
		font-size: 13px;
		color: #012648;
		font-weight: normal;}
	p  {
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 16px 0;}
	ul {
		font-size: 12px; 
		margin: 0 0 18px 48px;}	
	ol {
		font-size: 12px;
		margin-left: 48px;}
	li {
		margin-bottom: 5px;
		line-height: 16px;}

	a {color: #037ef1; text-decoration: none;}
 /* a:visited {color: #333333;} */
	a:hover {text-decoration: underline;}

/* FORM HANDLING AREA	*/
	/* entry fields */
	input {
		background-color: white;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;}
	input:focus, textarea:focus{
	background-color: #FFFFCC;}
	select {
		background-color: white;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;}
	textarea {
		background-color: white;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;}
	/* numeric entry fields */
	.num_entry	{
		text-align: right;}
	.btn {
		background-color: #44443b;
		color: #FFFFFF;}
	.tight {  /* generally used to tighten items in tables, such as forms */
		margin: 0;}
	.form_hrd {  /* generally used for form headers in tables  */
		margin: 0;
		font: 14px Arial, Helvetica, sans-serif;
		font-weight: bold;}
	/*border boxes surrounding entry forms*/
	.borderbox {
		border : 2px outset #44443B;}
		
/* END OF FORM AREA	*/

	/* used in place of old NOBR tag (to prevent line breaks) */
	.nobr {white-space: nowrap;}
	
	/* used for output messaging action button following transaction error */
	.center {
		text-align: center;
		margin-right: 0px;
		margin-left: 0px;}
	
	/* used for output messaging following transaction */
	.msg {
		font-weight: bold;
		text-align: center;
		margin: 10px 0 0 0;}
	a:active { /* removes outline on clicked links in FF browsers */
			outline: none;}
	a:focus {
  		-moz-outline-style: none;}
	.print { 
	 		/* use this class on things that are print only, for example, a print from statement */
		display: none !important;}
		
	.alert, a.alert, alert a {color: #FF0000!important; background-color: #FFFF00!important;}


	/* start unique DIV areas by ID  
	-------------------------------------------------- */	


	#hp-lcol {
		width: 480px;
		float: left;
	}
	
	#hp-rcol {
		width:350px;
		float: right;
	}
	
	#socialicons {
		width: 325px;
	}
	#twitterwidget {
		width:315px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 4px solid #000d54;
		background-color: #fff389;
		padding: 10px;
	}
	
	.twtr-hd {display: none!important;}
	.twtr-ft div {display: none!important;}
	
	#footer {
		clear: both;
		padding: 50px 0 0 0;
		text-align: center;
	}
	
	#footer p {
		width: 810px;
		font-size: 11px;
		color:#7e9edc;
	}
	#footer a {
		color: #fff;}
		
.mo {
	filter:alpha(opacity=80);/*Needed for IE*/
	-moz-opacity:0.80;/*Older mozilla broswers like NN*/
	-khtml-opacity: 0.80;/*Old versions of Safari and "KHTML" browser engines*/
	opacity: 0.80;/*FF, Safari, and Opera*/
}

.mo:hover {
	position: relative;
	top: 1px;
	left: 1px;
	filter:alpha(opacity=100);/*Needed for IE*/
	-moz-opacity:1;/*Older mozilla broswers like NN*/
	-khtml-opacity: 1;/*Old versions of Safari and "KHTML" browser engines*/
	opacity: 1;/*FF, Safari, and Opera*/}




} /* END SCREEN DISPLAY FORMAT AREA */


/* ***************************************************************** 
THE AREA BELOW IS USED TO FORMAT PAGES FOR PRINT 
********************************************************************  */
@media print {
	body {
		margin : auto auto auto auto;
		color: #000000;}	
	
	.screen { 
	 		/* use this class on things that are display only, for example, Printer icons */
		display: none!important;}

	/* used in place of old NOBR tag (to prevent line breaks) */
	.nobr {
		white-space: nowrap;}
		
	
} /* END FOR PRINT FORMAT AREA */