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

/* How to read document */
/* CSS styling is divided up into multiple parts indicated by the UPPERCASE titles */

/*--HTML TAG DEFINITIONS--*/
html{
	height: 100%;
}

body{
	height: 100%;
	background-color:#FAFAFA;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #444;
}
p{
	font-size:14px;
	color:#2A2A2A;
	line-height:20px;
}

h1{
	width: 100%;
	font-size:30px;
	font-weight:300;
	padding-top: 10px;
	padding-bottom:15px;
	border-bottom: solid  #069 1px;
	line-height: 31px;
	text-align:center;
}
/*h1{
	width: 100%;
        font-family: 'Roboto';
	font-size: 36px;
	font-weight:400;
	padding-top: 20px;
	padding-bottom:25px;
	line-height: 37px;
	text-align:center;
        color: #3C646F;
}*/
h1.upper{
	font-size:18px;
	font-weight:700;
	line-height: 19px !important;
}

h2{
	width: 100%;
	font-size:20px;
	font-weight:300;
	padding-bottom:10px;
	border-bottom: solid  #069 1px;	
}

h3{
	font-size:20px;
	font-weight:300;
	padding-left: 10px;
	border-left: solid #069 5px;
}

h4{
	font-size:17px;
	font-weight:400;
}

h5{
	font-size: 18px;
	padding-bottom:8px;
	border-bottom: solid  #069 1px;	
}
small{
	font-size:9px;
}
/*Create a bulleted list*/
ul.bullet li{
	list-style-type:disc;
	list-style-position:inside;
	font-size:14px;
}
.fright{
	float: right;
	margin-right: 20px;
}

/*--MAIN LAYOUT--*/
/*This changes the general layout of the page which includes position of content, headers, footers and block elements. This does not change specific element styling which is done in the Elements section*/
/* h = header, f = footer, b = main content body, m = menu */

#h_container{
	width: 100%;
	height: 110px;
	background:url(/img/layout/h_back.png) repeat-x;
	color: #FFF;
}
#h_container_spl{
	width: 100%;
	height: 50px;
	background: rgba(10,18,42,0.7);
	color: #fff;
}
#f_container{
	margin-top: 0px;
	width: 100%;
	background-color: #232323;
}
#f_container, .page-wrap:after{
	height: 240px;
}

#b_container{
	width: 960px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	padding-left: 10px;
	padding-right: 10px;
}
#m_container{
	width: 100%;
	height: 40px;
	background: #e2f0f5; /*url(/img/layout/m_back.png) repeat-x background-color: #369;*/
	-webkit-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
	box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
}
.page-wrap {
	min-height: 100%;
	/*Has to equal to #f_containter height with margin-top*/
	margin-bottom: -240px;
}
.page-wrap:after{
	content: "";
	display: block;
}


/*STANDARD FLOAT LAYOUT*/
/*These are standard text float layout to keep consistency in website*/
.fl_container{
	width: 100%;
	overflow:hidden;
}
.fl_content{
	padding-right:0.5em;
}
.fl_content p{
	margin: 0px !important;
}
.fl_container .fl_left55{
	float:left;
	width:53%;
}

.fl_container .fl_right45{
	float:right;
	width:45%;
}
.fl_container .fl_left70{
	float:left;
	width:67%;
}

.fl_container .fl_right30{
	float:right;
	width:30%;
}

.fl_container .fl_tricolumn{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.fl_container .fl_tricolumn:last-child{
	margin-right: 0px !important;
}
.center_container{
	text-align:center;
}

/*--IMAGE LAYOUTS--*/
/*This defines multiple styles for image containers and captioning for a website page */
.img_container{
	display: inline-block;
	position:relative;
}
.img_container > .img_caption{
	display: block;
	background-color: #D6DEE0;
	font-size: 13px;
	line-height: 18px;
	text-align:left;
	color: #333;
	padding: 0.5em;
}
.img_container > .img_overcaption{
	display: block;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color: rgba(0,0,0,0.5);	
	font-size: 13px;
	line-height: 18px;
	text-align:left;
	color: #FFF;
	padding: 0.5em;
}
.img_overcaption a:link, .img_overcaption a:visited{
	text-decoration: none;
	color: #FFF;
}
/*--SHOWCASE LAYOUT--*/
/*The showcase layout/container is used to represent something along with an image/map for example an address or hotel description */

.showc_container{
	display: block;
	width: 100%;
	background-color: #EDF2F3;
	overflow: hidden;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.showc_container .showc_left{
	display: block;
	float: left;
	width: 55%;
}

.showc_container .showc_left .showc_content{
	display: block;
	font-size:14px;
	font-weight:400;
	padding: 1em;
}

.showc_container .showc_right{
	display: block;
	float: right;
	overflow: hidden;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
	background-color: #D8D8D8;
	width: 45%;
}

.showc_container .showc_right img{
	width: 100%;
	vertical-align: middle;
}

.showc_container .showc_title{
	display:inline-block;
	width:100%;
	background-color:#333;
	color:#FFF;
	font-size:14px;
	font-weight:600;
	text-indent:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}


/*----- SPECIFIC CONTENT LAYOUT ELEMENTS ----- */

/*--HEADER SECTION--*/
/*Defines the container and parts of the header of the page*/
.h_incontainer{
	display:block;
	position: relative;
	width: 960px;
	height: inherit;
	margin-left: auto;
	margin-right: auto;
}
.h_incontainer .munlogo{
	position:absolute;
	height:80px;
	width:528px;
	left:0px;
	top: 15px;
	background:url(/img/fixed/name_logo.png) no-repeat ;
}
.h_incontainer .datehold{
	position: absolute;
	height: 110px;
	width: 200px;
	right: 0px;
	top: 0px;
	background-position: center;
	background-color: #EAF7FB;
	background-image: url(/img/fixed/date.png);
	background-size: 70%;
	background-repeat: no-repeat;
}
.h_incontainer .menutoggle{
	visibility:hidden;
}
.h_incontainer .searchbutton{
	visibility:hidden;
}
.h_incontainer .livebutton{
	visibility:hidden;
}
.h_incontainer .munlogo_spl{
	position: absolute;
	height: 32px;
	left: 5px;
	top: 9px;
}
.h_incontainer .munlogo_spl.archive{	
	width: 185px;
	background:url(/img/fixed/munish_arc.png) no-repeat;
	background-size: 100%;
}
.h_incontainer .munlogo_spl.organisation{
	width: 226px;
	background:url(/img/fixed/munish_organisation.png) no-repeat;
	background-size: 100%;
}

/*---MENU SECTION---*/
/*The menu shown on all pages is defined by the following style*/
#m_container .m_incontainer{
	display:block;
	width: 960px;
	height:inherit;
	font-size:13px;
	font-weight:400;
	margin-left: auto;
	margin-right: auto;
}
#menu_item{
	width: 100%;
	float: left;
	list-style:none;
}

#menu_item ul li{
	float: left;
	display:inline;
}

#menu_item ul li a.dropdown{
	display: block;
	width: 138.1px;
	height: 40px;
	color: #000;
	line-height:39px;
	text-align:center;
	text-decoration: none !important;
	border-right: 1px solid #CCC;
}
#menu_item ul:first-child li a.dropdown{
	width: 82px !important;
	border-left: 1px solid #CCC;
}
#menu_item ul:last-child li { /* this makes sure the search btn is always on the right*/
    float: right;
}
    #menu_item ul:last-child li a.dropdown{
        /*border-left: 1px solid #CCC; <-- was intended to make the search btn prettier but messes up home page navbar*/
	    width: 40px !important;
	    background-image:url(/img/layout/search.png);
    }
#menu_item ul:last-child li a.dropdown:hover{
	width: 40px !important;
	background:url(/img/layout/search.png) 0px -40px #066 !important;
}

#menu_item ul li a.dropdown:hover{
	background: url(/img/layout/m_hoverback.png) repeat-x;
}

#menu_item ul li.sublinks{
	display:none;
	background-color:#0D4D54;
}
/*original background colour #0F919F*/
#menu_item ul li.sublinks a{
	display:block;
	height: 40px;
	width: 166px;
	color:#FFF;
	line-height:39px;
	text-decoration: none !important;
	text-align:center;
	-webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
#menu_item ul li.sublinks a:hover{
	background-color: #066;
}

/*--SECTION MENU--*/
/*Section menus are based on just normal buttons*/
.section_menu_container{
	display: block;
	width: 100%;
	background-color: #6B9AAA;
	-webkit-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
	box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
}
.section_menu_incontainer{
	display: block;
	width: 960px;
	color: #FFF !important;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
}
.section_menu_incontainer .title{
	display:inline-block;
	height:30px;
	font-size: 15px;
	font-weight:600;
	color: #FFF;
	line-height:29px;
	text-align:center;
	padding-left:1em;
	padding-right:1em;
	border-right: 2px solid #FFF;
	margin-right: 1em;
	text-decoration:none;
}
.section_menu_incontainer .back{
	display:inline-block;
	vertical-align: -40%;
	background-image:url(/img/buttons/arrow_l.png);
	height:30px;
	width:30px;
	cursor: pointer;
	-webkit-transition: opacity .218s;
   	 -moz-transition: opacity  .218s;
    	-o-transition: opacity  .218s;
    	transition: opacity  .218s;
	opacity: 0.5;
}
.section_menu_incontainer .back:hover{
	opacity: 1.0;
}
.section_menu_incontainer .buttonmenu{
	display:inline-block;
	height:30px;
	font-size: 15px;
	font-weight:300;
	color: #FFF;
	line-height:29px;
	text-align:center;
	background-color: #467B8B;
	padding-left:1em;
	padding-right:1em;
	margin-right: 0.5em;
	-webkit-transition: background-color .218s;
    -moz-transition: background-color .218s;
    -o-transition: background-color .218s;
    transition: background-color .218s;
	text-decoration:none;
}
.section_menu_incontainer .buttonmenu:hover{
	background-color: #164251;
}



/*--FOOTER SECTION--*/
/*Defines the container and parts of the footer of the page*/
#f_container .f_incontainer{
	display:block;
	width: 960px;
	/*height: inherit;*/
	font-weight:300;
	color:#FFF;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 40px;
	overflow:hidden;
}
.f_incontainer .float_column{
	float:left;
	width: 220px;
	margin-right:30px;
}
.f_incontainer .float_column:last-child{
	width: 460px;
	margin-right:0px !important;
}
.f_incontainer .float_column .title{
	height:20px;
	font-weight:600;
	margin-bottom:20px;
}
.f_incontainer .float_column a.link{
	display:block;
	font-size:13px;
	margin-top:4px;
	margin-bottom:4px;
}
.f_incontainer .float_column span{
	display:block;
	font-size:13px;
	margin-top:4px;
	margin-bottom:4px;
}
.f_incontainer .float_column a{
	color: #FFF;
	text-decoration:none;
}
.f_incontainer .float_column a:hover{
	text-decoration:underline;
}

/*--SLIDER--*/
/*Defines container and elements for homepage slider*/
#b_slider{
	display:block;
	position:relative;
	width: 100%;
	background: #fff url(../img/slider/loading.gif) no-repeat 50% 50%;
	border-bottom: 2px solid #E2E2E2;
	overflow: hidden;

}
#b_slider.noload{
	background: #000 !important;
}

#b_slider img{
	position: relative;
	left: 50%;
	transform: translate(-50.1%, 0);
	-webkit-transform: translate(-50.1%, 0);
	min-width: 100%;
}

#b_slider h1{
	display: block;
	width: 50% !important;
	position:absolute;
	bottom:50%;
	left:25%;
	padding: 0px !important;
	border: 0px !important;
	font-size: 50px !important;
	font-weight: 700 !important;
	text-align: center;
	line-height: 51px;
	color: #FFF;
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
	-webkit-animation: fadein 3s;
}
#b_slider > .img_overcaption{
	display: block;
	position:absolute;
	width:100%;
	bottom:0px;
	right:0px;
	background-color: rgba(0,0,0,0.5);	
	font-size: 13px;
	line-height: 18px;
	text-align:center;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	-webkit-animation: fadein 3s;
}


img.animate{
	-webkit-animation: filter-animation 3s;
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: opacity(0) grayscale(1) saturate(0);
  }
  
  50% {
    -webkit-filter: opacity(0.7) grayscale(0) saturate(0);
  }
  60% {
    -webkit-filter: opacity(0.7) grayscale(0) saturate(0);
  }
  100% {
    -webkit-filter: opacity(1) grayscale(0) saturate(1);
  }
}

@-webkit-keyframes fadein {
    0% { opacity: 0; }
    30%   { opacity: 0; }
    50%   { opacity: 1; }
}


/*--SIDE CONTAINER LAYOUT--*/
/*Defines container appearing on homepage on side for countdown*/

.side_container{
	display: block;
	width: 100%;
	font-size:14px;
	font-weight: 300;
	background-color:#E4ECED;
	padding-bottom:30px;
}
.side_incontainer{
	width:95%;
	padding:0.5em;
	overflow:hidden;
}
.side_incontainer .side_countdown{
	display: block;
	width: 100%;
	height: 36px;
	background-color: #0F919F;
	color: #FFF;
	font-size: 22px !important;
	font-weight: 300;
	text-align: center;
	line-height: 35px;
}
.side_incontainer .side_deadline{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

/*--TABLE DESIGN--*/
/*Design for tables on website*/
table {
	font-size: 14px;
}
table tr th{
	color: #FFF;
	text-align: left;
	background-color: #769AA6;
	padding: 0.5em;
}
table tr{
	background-color: #E4ECED;
}
table tr td{
	text-align: left;
	padding: 0.5em;
}
table.alternate tr:nth-child(odd){
	background-color: #C8D5D7;
}
/*--SPONSOR or HIGHLIGHT SECTION--*/
/*Defines container for sponsors or any content singled out in a coloured box*/

/*.highlight_container{*/
/*	display: block;*/
/*	width: 100% - 2em;*/
	background-color: #ECF0F0;/*#E4ECED;*/
/*	padding:1em;*/
/*	overflow:hidden;*/
/*}*/
/*.highlight_container.dark{*/
/*	background-color: #467B8B !important;*/
/*	color: #FFF !important;*/
/*}*/
/*.highlight_container.dark p{*/
/*	color: #FFF !important;*/
/*}*/
/*.highlight_container .sponsors{*/
/*	display:inline-block;*/
/*	margin-bottom:10px;*/
/*}*/
/*.highlight_container .sponsors .entry_sponsor {*/
/*	float: left;*/
/*	width: 550px;*/
/*	height: 200px;*/
/*	text-align: center;*/
/*	margin-right:9px;*/
/*}*/
/*.highlight_container .sponsors .entry_sponsor img{*/
/*	max-width: 550px;*/
/*	max-height: 200px;*/
/*}*/
/*.highlight_container .sponsors .entry_sponsor:last-child{*/
/*	margin-right:0px !important;*/
/*}*/

/*a.highlight_container{*/
/*	text-decoration: none;*/
/*	-webkit-transition: background-color .218s;*/
/*    	-moz-transition: background-color .218s;*/
/*    	-o-transition: background-color .218s;*/
/*    	transition: background-color .218s;*/
/*}*/
/*a.highlight_container:hover{*/
/*	background-color: #0D4D54 !important;*/
/*}*/


/*--SPONSOR or HIGHLIGHT SECTION--*/
/*Defines container for sponsors or any content singled out in a coloured box*/
.highlight_container{
	display: block;
	width: 100% - 2em;
	background-color: #ECF0F0;/*#E4ECED;*/
	padding:1em;
	overflow:hidden;
}
.highlight_container.dark{
	background-color: #467B8B !important;
	color: #FFF !important;
}
.highlight_container.dark p{
	color: #FFF !important;
}
.highlight_container .sponsors{
	display:block;
	margin-bottom:10px;
	text-align: center;
}

/* Tier 1 - Large centered sponsors */
.highlight_container .sponsors .entry_sponsor.tier1 {
	display: block;
	margin: 20px auto;
	text-align: center;
}
.highlight_container .sponsors .entry_sponsor.tier1 img{
	/*max-width: 700px;*/
    max-height: 400px;
}


/* Tier 2 - Medium centered sponsors */
.highlight_container .sponsors .entry_sponsor.tier2 {
	display: block;
	margin: 15px auto;
	text-align: center;
}
.highlight_container .sponsors .entry_sponsor.tier2 img{
	/*max-width: 350px;*/
	max-height: 200px;
}


/* Tier 3 - Smaller sponsors side by side */
.highlight_container .sponsors .entry_sponsor.tier3 {
	display: inline-block;
	width: 250px;
	margin: 10px 15px;
	text-align: center;
	vertical-align: middle;
}
.highlight_container .sponsors .entry_sponsor.tier3 img{
	max-width: 150px;
    max-height: 200px;
}


a.highlight_container{
	text-decoration: none;
	-webkit-transition: background-color .218s;
    	-moz-transition: background-color .218s;
    	-o-transition: background-color .218s;
    	transition: background-color .218s;
}
a.highlight_container:hover{
	background-color: #0D4D54 !important;
}

/*--ANNOUNCEMENTS--*/
.announce_container{
	display:block;
	width:100%;
	font-size:14px;
	overflow:hidden;
	border-bottom: 1px solid #9FBFFB;
	padding-top:20px;
	padding-bottom:10px;
}
.announce_container .title{
	display:block;
	width:60%;
	float:left;
	border-bottom: 1px solid #0088CA;
}
.announce_container .date{
	display:block;
	width:39%;
	text-align:right;
	float:right;
}
.announce_container .content{
	display:block;
	width: 100%;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}

/*--AGENDA--*/
/*Defines the styling for the agenda/calendar*/
.calendar_event{
	display: block;
	width:100%;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #9FBFFB;
	overflow:hidden;
}
.calendar_event:last-child{
	border-bottom: 0px !important;
}
.calendar_event .time{
	float:left;
	width: 20%;
	font-weight:600;
}
.calendar_event .location{
	float:left;
	display: inline-block;
	width: 100px;
	min-height: 10px;
	font-weight:400;
}
.calendar_event .title{
	float:left;
	width: 77%;
	padding-left:0.5em;
	font-weight: 400;
}

/*--FACE AND TEXT FOR BOARD OF DIRECTORS--*/
/*Defines the styling for the board of director images and their associated text descriptions*/
.bod_container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.bod_container .bod_single {
    display: block;
    width: 460px;
    float: left;
    margin-right: 40px;
    cursor: pointer;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.bod_container .bod_single:hover .bod_caption {
    background-color: #045
}

.bod_container .bod_single:last-child {
    margin-right: 0 !important
}

.bod_single > .bod_caption {
    display: block;
    background-color: #369;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    color: #fff;
    padding: .5em;
    -webkit-transition: background-color .218s;
    -moz-transition: background-color .218s;
    -o-transition: background-color .218s;
    transition: background-color .218s
}

.bod_noselect {
    opacity: .5
}

.bod_text {
    display: none;
    visibility: hidden
}

/*--Issues --*/
/*Defines styling for issues and download*/
ul.issue_container  li{
	display: list-item;
	width: 95%;
	padding-left: 20px;
	margin-top:5px;
	margin-bottom:5px;
	line-height: 34px;
	list-style-type:disc;
	list-style-position:inside;
	font-size:14px;
}

/*----- UI ELEMENTS ----- */


/*--BUTTONS--*/
/*This defines button styles for use on website*/
a.button{
	display:inline-block;
	height:30px;
	font-size: 13px;
	font-weight:400;
	line-height:29px;
	text-align:center;
	cursor:pointer;
	padding-left:1em;
	padding-right:1em;
	-webkit-transition: background-color .218s;
    -moz-transition: background-color .218s;
    -o-transition: background-color .218s;
    transition: background-color .218s;
	text-decoration:none;
}
a.button.big{
	height:36px !important;
	font-size: 20px !important;
	line-height:35px !important;
	background-position: 8px 7px !important;
	background-size: 22px 22px !important;
}
a.button.blue{
	color:#FFF;
	background-color:#069;
	border:solid 1px #005782;
}
a.button.blue:hover{
	background-color:#045;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
a.button.blue:active{
}
a.button.green{
	color:#FFF;
	background-color:#060;
	border:solid 1px #004F00;
}
a.button.green:hover{
	background-color:#030;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
a.button.green:active{
}
a.button.neutral{
	background-color:#EEE;
	border:solid 1px #D3D3D3;
	color:#000;
}
a.button.neutral:hover{
	background-color: #E2E2E2;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
a.button.neutral:active{
}

a.button.disabled{
	background-color: #EEE;
	color: #C1C1C1;
	cursor: default;
}

/*Different icons to be used on button*/
a.button.tick{
	background-image: url(/img/buttons/tick.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}
a.button.tick_w{
	background-image: url(/img/buttons/tick_w.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}
a.button.mail{
	background-image: url(/img/buttons/mail.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}
a.button.time{
	background-image: url(/img/buttons/time.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}
a.button.map{
	background-image: url(/img/buttons/map.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}
a.button.directions{
	background-image: url(/img/buttons/directions.png);
	background-repeat:no-repeat;
	text-indent: 16px;
	background-size: 16px 16px;
	background-position: 7px 7px;
}

/* THIMUN affiliation logo */
.thimun-aff-img{
   width: 200px;
	height: 70px;
}

/*SOCIAL ICONS*/
/*Defines the styling for social icon links*/
.social{
	float:left;
	display:block;
	width: 40px;
	height: 40px;
	margin-right:5px;
	margin-left:5px;
	border-radius: 3px;
}
.social.fb{
	background:url(/img/buttons/social.png) no-repeat;
	background-position: 0px 0px;
}
.social.yt{
	background: url(/img/buttons/social.png) no-repeat;
	background-position: -40px 0px;
}

.social.gplus{
	background: url(/img/buttons/social.png) no-repeat;
	background-position: -80px 0px;
}
.social.ig{
	background: url(/img/buttons/social.png) no-repeat;
	background-position: -120px 0px;
}
.social.pic{
	background: url(/img/buttons/social.png) no-repeat;
	background-position: -160px 0px;
}

.social.inmu{
	background: url(/img/buttons/social.png) no-repeat;
	background-position: -200px 0px;
}

.social.x-logo{
	background: url(/img/buttons/xLogo.png) no-repeat;
	background-position: 0px 0px;
	background-size: 40px 40px;
}
/*--DIVIDER--*/
/*Divider is used between sections in pages to divide up*/
.divider{
	display: block;
	height: 10px;
	border-bottom: solid #9FBFFB 1px;
}

/*--ALERT ANNOUNCE--*/
/*Used to style urgent messages on website homepage*/
.alert_container{
	display: block;
	width: 100%;
	background-color: #9E1C1C;
}
.alert_container.blue{
	background-color: #505566 !important;
}

.alert_incontainer.custom{
	width: 96% !important;
}

.alert_container.galaxy{
	background-color: #00649E !important;
}

.alert_container.green{
	background-color: #115f11 !important;
}


.alert_incontainer{
	display: block;
	height: 40px;
	width: 960px;
	line-height: 39px;
	font-size: 14px;
	color: #FFF;
	text-indent: 40px;
	margin-right: auto;
	margin-left: auto;
	background: url(/img/layout/alert.png) no-repeat 0% 50%;
}


/*--SHOWCASE FULL--*/
/*Style for full page showcase used mostly on home page */
#showcase{
	width: 100%;
	height:100vh;
	position: relative;
	background: url(/img/pages/home/loader.png) #000 no-repeat 0% 0%;
	background-position: 50% 50%;
	display:none;
}
#showcase #close_sc{
	position: absolute;
	height:40px;
	width:200px;
	line-height:39px;
	font-size:12px;
	font-weight: 300;
	text-indent:40px;
	text-align: center;
	left:50%;
	bottom:2%;
	margin-left:-100px;
	margin-bottom: 1px;
	color:#FFF;
	background: url(/img/buttons/close.png) no-repeat 0% 0%;
	background-size:contain;
}
#showcase #close_sc:hover{
	border-bottom: 1px solid #2E7575;
	margin-bottom: 0px;
}

/*--Print definitions--*/
/*Defaults set when print*/
@media print{
	#h_container{
		display: none !important;
	}
	#m_container{
		display: none !important;
	}
	.section_menu_container{
		display: none !important;
	}
}