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

/* Color Palette 
red: #C0504D
blue:#4F81BD
green:#9BBB59
pink:#CC99FF
orange:#F79646
*/


html, body {
    height: 100%;
}

* {
	box-sizing: border-box;
	-webkit-print-color-adjust: exact;
}

body  {
margin: 0;
font-family: 'Muli', sans-serif;
font-size: 12pt;
line-height: 130%;
font-style: normal;
color: #212721;
vertical-align: top;
text-align: left;
background-color:#FFF;
padding:0px;
}

#banner {
	width: 100%;
	height: 75px;
	background-image: url(../images/globe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#banner img {
	float: right;
	height: 75px;
	width: auto;
	margin-top: 0px;
	margin-right: 20px;
}

a {
  color: #4F81BD;

  text-decoration: none;
  font-weight: 600;
}

a:hover {
 text-decoration: underline;
}


ul {
    list-style: square outside none;
}

li {
	margin-bottom: 10px;
}
#red {
	border: 1px solid #C0504D;
	border-top: none;
	color: #222;
}

#blue {
	border: 1px solid #4F81BD;
	border-top: none;
}


#green {
	border: 1px solid #9BBB59;
	border-top: none;
}



#pink {
	border: 1px solid #CC99FF;
	border-top: none;	
}


#orange {
	border: 1px solid #F79646;
	border-top: none;	
}


.m_box {
    border: 1px solid #CCC;
    border-top: none;
    padding: 10px;
    height: 310px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	font-weight: 400;
}
.m_box2 {
    border: 1px solid #CCC;
    border-top: none;
    padding: 10px;
	text-align: center;
}

#h_red {
	border-left: 1px solid #C0504D;
	border-top: 1px solid #C0504D;
	border-right: 1px solid #C0504D;
	border-bottom: 1px solid #C0504D;
	background: #C0504D;
	color: #fff;
	letter-spacing: 1px;
}

#red h3 {
    border-bottom: 5px solid #C0504D;
    padding: 0px 0px 16px 0px;
    width: 300px;
}

#h_blue {
	border-left: 1px solid #4F81BD;
	border-top: 1px solid #4F81BD;
	border-right: 1px solid #4F81BD;
	border-bottom: 1px solid #4F81BD;
	background: #4F81BD;
	color: #fff;
	letter-spacing: 1px;
}

#blue h3 {
    border-bottom: 5px solid #4F81BD;
    padding: 0px 0px 16px 0px;
    width: 300px;
}

#h_green {
	border-left: 1px solid #9BBB59;
	border-top: 1px solid #9BBB59;
	border-right: 1px solid #9BBB59;
	border-bottom: 1px solid #9BBB59;
	background: #9BBB59;;
	color:  #fff;
	letter-spacing: 1px;
}

#green h3 {
    border-bottom: 5px solid #9BBB59;
    padding: 0px 0px 16px 0px;
    width: 300px;
}

#h_pink {
	border-left: 1px solid #CC99FF;
	border-top: 1px solid #CC99FF;
	border-right: 1px solid #CC99FF;
	border-bottom: 1px solid #CC99FF;
	background: #CC99FF;
	color: #fff;
	letter-spacing: 1px;
}

#pink h3 {
    border-bottom: 5px solid #CC99FF;
    padding: 0px 0px 16px 0px;
    width: 300px;
}


#h_orange {
	border-left: 1px solid #F79646;
	border-top: 1px solid #F79646;
	border-right: 1px solid #F79646;
	border-bottom: 1px solid #F79646;
	background: #F79646;
	color: #fff;
	letter-spacing: 1px;
}

#orange h3 {
    border-bottom: 5px solid #F79646;
    padding: 0px 0px 16px 0px;
    width: 300px;
}


.m_box_header {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #333;
	height: 80px;
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-size: 90%;
	text-transform:uppercase;
	text-align: center;
	font-weight: 700;
	line-height: 130%;
	border-radius: 5px 5px 0px 0px;

}

.m_box_header img {
    margin: auto;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 3px;
    display: block;
    margin-bottom: 5px;
}

h1 {
font-size: 140%;
font-weight: 700;
line-height: 10%;
}

h2 {
font-size: 150%;
font-weight: 700;
color: #1F497D;
	line-height: 120%;
	
}
#footer {
	width: 100%;
	max-height: 200px;
	min-height: 150px;
	background-color: #eee;
	color: #555;
	text-align: center;
	font-weight: 700;
}

#content {
	width: 100%;
	margin: auto;
	padding: 0px 12px 0px 12px;
}

#footer img {
	float: left;
	height: 55px;
	width: auto;
	margin-left: 20px;
}

.box {
	width: 100%;
	padding: 20px;
	border: 1px solid #1F497D;
}

.box_header {
	background-color: #1F497D;
	color: #fff;
	height: 40px;
	width: 100%;
	margin: 0px;
	padding: 10px;
	font-size: 105%;
	text-align: left;
	font-weight: 700;
}

.box_header img {
	width: auto;
	height: 30px;
	float: left;
	margin-right: 20px;
	padding-bottom: 5px;
}


.button, a.button, a.button:visited, a.button:active {
    background-color: #DCE6F2;
    border-radius: 3px;
    cursor: pointer;
    font-size: 100%;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    display: inline-block;
	margin-right: 12px;
    border: 1px solid #ccc;
    color: darkslategray;
    font-weight: 700;
	margin-top: 12px;
	text-align: center;
}


.day {
	width:100%;
	text-align: center; 
	letter-spacing: 1px;
	font-weight: 700;
	margin:0px; 
	padding: 4px; 
	background: #EAC3C2;
	border-left: 1px solid #C0504D;
	border-right: 1px solid #C0504D;
}

#blue1 {
	background: #C9D9ED;
	border-left: 1px solid #4F81BD;
	border-right: 1px solid #4F81BD;
}

#green1 {
	background: #E1EFC4;
	border-left: 1px solid #9BBB59;
	border-right: 1px solid #9BBB59;
}


#pink1 {
	background: #ECDAFE;
	border-left: 1px solid #CC99FF;
	border-right: 1px solid #CC99FF;
}
#orange1 {
	background: #FCD7B8;
	border-left: 1px solid #F79646;
	border-right: 1px solid #F79646;
}

.feedback {
	width: 100%;
	margin-bottom: 10px;
	background: #C0504D;
	text-align: center;
	padding: 10px;
	color: #fff;
	border-radius: 0px 0px 5px 5px;
}
.theme {
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 2px;
	margin-right: 15px;
	background-image:url("../images/mission.png");
	background-size: contain;
	float: right;
}

.hr{
	background-image:url("../images/hr.png")
}

.gc {
	background-image:url("../images/global_citizenship.png")
	}
.advisor{
		background-image:url("../images/advisorship.png")
}
.safety {
		background-image:url("../images/personal_safety.png")
}

.resources {
	padding: 0px 30px 10px 0px;
}

.resources p {
    border-bottom: 1px dotted #ccc;
}

#tools_link {
	border:1px solid #ccc;
	background: #DCE6F2; 
	padding: 10px; 
	margin:auto; 
	width: 99%; 
	font-size: 16px; 
	letter-spacing: 1px;
}

#tools_link img {
	float:left;
	margin-right: 12px; 
	margin-bottom: 10px
}