* {
    box-sizing: border-box;
}

body {
    font-family: "Source Sans Pro", sans serif;
}

/* Font styles */
h1 {
	font-family: Arvo;
	font-weight: bold;
	color: #191919;
	font-size: 32px;
	line-height: 1.1em;
}
h2 {
	font-family: Arvo;
	font-weight: normal;
	color: #191919;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.4em;
}
h3 {
	font-family: Arvo;
	font-weight: bold;
	color: #676767;
	font-size:16px;
	text-transform: uppercase;
	line-height: 1.75em;
}
h4 {
	font-family:"Source Sans Pro", sans serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.75em;
}
p {
	font-family: "Source Sans Pro", sans serif;
	font-weight: normal;
	font-size: 16px;
	color:#191919;
	line-height: 1.7em;
}

#pagebg {
	height:658px;
	width:980px;
	margin:0 auto;
	background-color: #0b77be;
	background-image: linear-gradient(#00b3ef, #0b77be);
	padding:0;
	border-radius: 5px;
}

/* MCC logo area */
#logo {
	width: 220px;
	height: 76px; 
	background-color:#fff;
	border-radius: 5px;
}
#MCClogo {
	width: 200px;
	height: 66px;
	padding: 0px;
	margin: 5px;
}

#tabLinks {
	width:220px;
	height:551px;
	margin-top:10px;
	background-color:#fff;
	border-radius: 5px;
}

/*#tabLinks a{
    color: #0094DA;
} */
#rightContent {
	width:720px;
	height: 658px;
	margin-left:248px;
	background-color:none;
}
#headerContent {
	width:720px;
	height: 658px;
	margin-left:248px;
	background-color:none;
}
header {
	width:720px;
	height:57px;
}

header h1 {
	font-family: Arial;
	font-weight: bold;
	color: #191919;
	font-size: 14px;
	line-height: 1.5em;
	margin:0px;
	padding-top:18px;
}

#mainContent {
	width:720px;
	height:540px;
	margin:0 0 0 0px;
	padding:0;
	background-color:#fff;
	border-radius:5px;
}
#infoContent body {
	width:720px;
	height:540px;
	margin:0 0 0 0px;
	padding:0;
	/*background-color:#0b77be;*/
	border-radius:5px;
}

/* Style the navigation menu */
nav {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	/* background-color: #0b77be; */
    padding: 10px;
	float:left;
	width:240px;
	height:658px;
}

/* Style the list inside the menu */
nav ul {
    list-style-type: none;
    padding: 0;
	margin-top: 0;
}

/* Style the links in the list menu */
nav a:link {
	/*color: #E6E6E6;*/
}
nav a:visited {
	color: #E6E6E6;
}

#topLink {
	text-align: right;
	margin:0 10px 10px 0;
	font-family: Arial;
	color:#191919;
	font-size:12px;
}
#topLink a {
	color:#fff;
}

#bottomLink {
	text-align: right;
	margin-right: 0%;
	margin-top:0px;
}
#bottomLink a { color:#ffffff;}

/* Style the footer */
footer {
    /* background-color: #0b77be; */
    padding: 10px;
    /* text-align: center; */
    color: #ffffff;
	height: 60px;
}
footer p { color:#ffffff;}

/* Link styles */
a {
	background-color: transparent;
	font-weight:bold;
    color: #0094DA;
}
a:link {
	color:#0094DA;
	text-decoration: none;
}
a:visited {
	color:##0094DA;
	text-decoration: none;
}
a:hover {
	color:#0094DA;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color:#C0E2F1;
    background-color: #C0E2F1;
}
.tabtable table a {
    width: 100%; 
    background-color:#ffffff;
    color: #0094DA;
}
hr { 
    width: 250px;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
Hyperlink {
   text-decoration: none;
	color:#C0E2F1;
    background-color: #C0E2F1;

}
input:focus {
	background: #ffffc0;
}