@charset "UTF-8";
/* CSS Document */

html, body{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
	color:#000000;
	}
body{
	background:url(/images/bg-tile.gif) repeat-x #db1d15;
	}	
	
/* DEFAULT TEXT FORMATTING */
p{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
	color:#000000;
	}
p.download-note{
	font-size:11px; line-height:14px;
	margin-top:-10px;
	color:#666666;
	}
h1{
	display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:25px;
	padding:20px 0 0 0; margin:0;
	color:#838487;
	}
h2{
	}
h3{
	}
ul{
	list-style:disc;
	margin:0; padding:14px;
	}
	ul li{
		margin:0 0 5px 0;
		}

/* TEXT MODIFIERS */
.uppercase{
	text-transform:uppercase;
	}
.bold{
	font-weight:bold;
	}
	
	
/* LINK STYLES */
a img{
	border:none;
	}

a:link{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline;
	color:#920c04;
	}
a:visited{
	color:#cf9112;
	}
a:hover{
	color:#db1d15;
	}
a:focus{
	outline:none;
	}

/*COMMON LAYOUT STYELS */
div#site-wrap{
	width:770px;
  margin:0 auto;
	}
	div#header-wrap{
		width:770px; height:137px; margin:0 auto;
		background:#ffffff;
		}
		div#header-row1{
			width:770px; height:62px;
			}
			div#MSGC-logo{
				width:352px; height:62px;
				float:left;
				}
			div#main-menu-wrap{
				width:418px; height:62px;
				float:left;
				}
				
				/* MAIN MENU STYLES */
				ul#ul-main-menu{
					padding:18px 10px 0 0;
					float:right;
					list-style-type:none;
					}
					ul#ul-main-menu li{
						float:left; margin:0; padding:0; border-right:1px solid #88321d;
						}
						ul#ul-main-menu li a:link, ul#ul-main-menu li a:visited{
							display:block; padding:8px;
							font-family:"Lucida Grande", Arial, verdana, Helvetica, sans-serif; font-size:11px; line-height:11px; text-transform:uppercase; font-weight:normal; text-decoration:none;
							color:#ffffff;
							background:url(/images/main-menu-bg.gif) top left repeat-x;
							}
						ul#ul-main-menu li a:hover{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						/* MAIN MENU ACTIVE STATES --> DEFINED BY A CLASS ASSOCIATED WITH THE BODY TAG */
						.home ul#ul-main-menu li.menu-home a:link, .home ul#ul-main-menu li.menu-home a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						.timeline ul#ul-main-menu li.menu-timeline a:link, .timeline ul#ul-main-menu li.menu-timeline a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						.timeline-downloads ul#ul-main-menu li.menu-timeline a:link, .timeline-downloads ul#ul-main-menu li.menu-timeline a:visited {
              	background:url(/images/main-menu-bg.gif) bottom left repeat-x;
              }
						.search ul#ul-main-menu li.menu-search a:link, .search ul#ul-main-menu li.menu-search a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						.credits ul#ul-main-menu li.menu-credits a:link, .credits ul#ul-main-menu li.menu-credits a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						.links ul#ul-main-menu li.menu-links a:link, .links ul#ul-main-menu li.menu-links a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						.contact ul#ul-main-menu li.menu-contact a:link, .contact ul#ul-main-menu li.menu-contact a:visited{
							background:url(/images/main-menu-bg.gif) bottom left repeat-x;
							}
						/* END MAIN MENU ACTIVE STATES */				
				/* END MAIN MENU STYLES */
	
		div#header-row2{
			display:block;
			width:750px; height:74px; margin:0 auto;
			border-bottom:1px solid #aaaaad;
			}
			div#header-flexable-wrap{
				width:540px; height:54px;
				float:left;
				}
			div#header-social-wrap{
				width:191px; height:54px;
				float:left;
				}	
				div#header-social-wrap a img{
					float:left;
					}
	div#ribbon-wrap{
		margin:0;
		/* background:url(/images/bg-wave.jpg) top center no-repeat; */
		}
		div#content-wrap{
			width:770px; margin:0 auto;
			background-color:#ffffff;
			}
			div#copy-wrap{
				width:700px; margin:0 auto; padding:0 0 20px 0;
				}
		div#footer-wrap{
			width:770px; height:75px; margin:0 auto;
			background:url(/images/footer-bottom-edge.gif) no-repeat left bottom #ffffff;
			}
			div#footer-wrap .divider{
				width:750px; height:1px; margin:0 auto;
				border-top:1px solid #aaaaad;
				}
			.copyright{
				display:block; padding:15px 0;
				font-weight:bold; color:#464545;
				text-align:center;
				}
		
/* ***************************************************************************************************************************** */

/* HOME SPECIFIC CSS */

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

.home div#ribbon-wrap{
  margin:116px 0 0 0;
  background:url(/images/home/bg-wave.jpg) top center no-repeat;
}
.home p {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
	color:#000000;
	}
.home div#site-wrap{
		}
		.home div#content-wrap{
			width:770px; margin:0 auto;
			background:none;
			}
			.home div#home-text{
				width:580px; margin:0 auto; padding:110px 0 0 0;
				}
				.home div#home-text p{
					font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:center;
					color:#ffffff;
					}
			.home div#start-button{
				width:202px; margin:45px auto 30px auto;
				}
				.home div#start-button a:link, .home div#start-button a:visited{
					display:block; width:202px; height:54px;
					background:url(/images/home/btn-start.jpg) 0 0 no-repeat;
					}
				.home div#start-button a:hover{
					background:url(/images/home/btn-start.jpg) 0 -54px no-repeat;
					}
			.home div#footer-banner{
				width:770px; height:91px; margin:0 auto;
				}						
			p.copyright-home{
				display:block; margin:70px 10px 10px 30px;
				font-weight:bold; color:#ffffff;
				text-align:center;
				}
				
/* ***************************************************************************************************************************** */

/* LINKS SPECIFIC CSS */

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




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

/* SEARCH SPECIFIC CSS */

/* ***************************************************************************************************************************** */
div#search-field-wrap{
	height:21px;
	margin:33px 0 0 0; padding:0;
	}
	div#search-field-wrap img{
		margin:0 6px 0 0; padding:0;
		float:left;
		}
	div#search-field-wrap input#search-field{
		width:220px; height:15px; margin:0 6px 0 0; padding:2px;
		float:left;
		border:1px solid #cccccc;
		}
	div#search-field-wrap input#submit{
		width:42px; height:21px; margin:0; padding:0;
		float:left;
		border:none; background:url(/images/search/button_search_go.gif) top left no-repeat;
		}
		div#search-field-wrap input#submit:hover{
			background:url(/images/search/button_search_go.gif) bottom left no-repeat;
			}

p.results-for{
	display:block; width:700px; margin:0;
	font-size:14px;
	}
	span.search-results-pages{
		display:block;margin:0;
		float:right;
		}
p.results-pages{
	display:block; width:700px; height:20px; margin:0 0 20px 0;
	}
div.search-result{
	padding:0 0 15px 0;
	}



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

/* TIMELINE SPECIFIC CSS */

/* ***************************************************************************************************************************** */
.timeline h1{
	font-size:30px;
	color:#920c04;
	margin:0 0 0 30px;
	}
.timeline h2{
	font-size:24px; line-height:24px;
  margin-bottom:10px; padding-bottom:0;
	color:#920c04;
	}
	
.timeline div#copy-wrap{
	width:750px;
	}
	
div#dropdown-wrap{
	height:21px;
	margin:33px 0 0 0; padding:0;
	}
	div#dropdown-wrap img{
		margin:0 6px 0 0; padding:0;
		float:left;
		}
	div#dropdown-wrap .dropdown-list{
		width:130px; height:21px; margin:0 6px 0 0; padding:2px;
		float:left;
		border:1px solid #cccccc;
		}
	div#dropdown-wrap input#submit{
		width:42px; height:21px; margin:0; padding:0;
		float:left;
		border:none; background:url(/images/search/button_search_go.gif) top left no-repeat;
		}
		
div#timeline-wrap{
	width:770px;
	}
	div#timeline-top-edge{
		width:770px; height:30px;
		background:url(/images/timeline/timeline-top-edge.gif) no-repeat;
		}
	div#timeline-left-edge{
		width:10px; height:269px;
		background:url(/images/timeline/timeline-left-edge.gif) no-repeat;
		float:left;
		}
	div#timeline-display{
		width:750px; height:269px;
		float:left;
		}
		div#timeline-left-arrow{
			width:30px; height:269px;
			float:left;
			}
		div#timeline-image-area{
			width:690px; height:269px;
			float:left;
			}
			div.timeline-image-wrap{
				width:325px; height:249px;
				padding:10px;
				float:left;
				}
			div.timeline-image-active{
				padding:0px; margin:0;
				border:10px solid #cccccc;
				}

			div.timeline-image-wrap:hover{
				padding:0px; margin:0;
				border:10px solid #810502;
				}
		div#timeline-right-arrow{
			width:30px; height:269px;
			float:left;
			}
	div#timeline-right-edge{
		width:10px; height:269px;
		background:url(/images/timeline/timeline-right-edge.gif) no-repeat;
		float:left;
		}
	div#timeline-bottom-edge{
		width:770px; height:41px;
		background:url(/images/timeline/timeline-bottom-edge.gif) no-repeat;
		float:left;
		}
div#timeline-info-wrap{
	width:750px;
	padding:0;
	background:url(/images/timeline/timeline-info-vert-tile.gif) top left repeat-y;
	}
	div#timeline-info-wrap div.timeline-info-top-bottom-edge{
		width:750px; height:9px;
		background:url(/images/timeline/timeline-info-top-bottom-edge.gif) top left no-repeat;
		float:none; clear:both;
		}
	div#timeline-info-wrap div#content-info{
		width:437px;
		padding:0 30px 10px 30px;
		float:left;
		}
	div#timeline-info-wrap div#content-downloads{
		width:186px;
		padding:0 30px 10px 30px;
		float:right;
		}
		div#timeline-info-wrap div#content-downloads ul{
			margin:0 0 0 15px; padding:0;
			}
			div#timeline-info-wrap div#content-downloads ul li{
				margin:0 0 15px 0;
				font-weight:bold;
				color:#000000;
				line-height:11px;				
				}
			div#timeline-info-wrap div#content-downloads ul li a{
				font-weight:normal;
				}

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

/* HTML ARTICLE SPECIFIC CSS */

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

div#html-article-wrap{
	width:750px;
	padding:0;
	}

div#html-article-wrap div#html-article-downloads{
	width:246px;
	padding:0; margin:15px 0 15px 15px;
	float:right;
	background:url(/images/html_article/download-bg-tile.gif)
	}
	div#downloads-top-edge{
		width:246px; height:10px;
		display:block;
		background:url(/images/html_article/download-top-edge.gif) no-repeat top left;
		}
	div#downloads-wrap{
		width:186px; padding:0 30px 10px 30px;
		}
	div#downloads-bottom-edge{
		width:246px; height:10px;
		display:block;
		background:url(/images/html_article/download-bottom-edge.gif) no-repeat top left;
		}
	div#downloads-wrap{
		width:186px; padding:0 30px;
		}


	div#html-article-wrap div#html-article-downloads ul{
		margin:0 0 0 15px; padding:0;
		}
		div#html-article-wrap div#html-article-downloads ul li{
			margin:0 0 15px 0;
			font-weight:bold;
			color:#000000;
			line-height:11px;
			}
		div#html-article-wrap div#html-article-downloads ul li a{
			font-weight:normal;
			}

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

/* 404 PAGE SPECIFIC CSS */

/* ***************************************************************************************************************************** */				
.four-o-four div#four-o-four-wrap{
	width:300px; margin:120px auto 0 auto;
	}
.four-o-four h1{
	font-size:30px; color:#ffffff;
	}
.four-o-four p{
	color:#ffffff;
	}
.four-o-four a:link, .four-o-four a:visited{
	font-weight:bold; font-size:14px; text-decoration:underline; color:#ffffff;
	}
	.four-o-four a:hover{
		color:#ffffff;
		}