html { height: 100% }
body 
{
    background: #ffffff;
    background-image:url(../images/bgmap.jpg);
    background-size:100%;
    height: 100%;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}

.page
{
    width: 100%;
    margin: 0px auto;
    /*     border: 1px solid #496077; */
}

.header
{
    margin: 0px auto;
    padding: 0px;
    width: 960px;
}

.div960
{
    margin: 0px auto;
    padding: 0px;
    width: 960px;
}

.topBanner
{
    margin: 0px;
    padding: 0px;
    background-image:url(../images/bgbannerBase.jpg);
    width: 960px;
    height:330px;
    line-height:330px;
}

.topBanner p
{
    margin:0px;
    padding:0px;
    margin-left:350px;
    color:Maroon;
    font-size:7.0em;
    font-weight:lighter;
}

#top-header {
    height:110px;
    background-color: #1F497D;
    line-height: 110px;
}

.headerLogo
{
    /*background-image: url(/images/micoraz_logo.png); /* png has transparent background*/
    float:left;
    margin: 0px;
    padding: 0px;
    border: none;
    display: inline;
    vertical-align: middle;  
    height:110px;
    width:110px;  
}
.logoTitle
{
    float:left;
    margin-left: 10px;
    color:#FFFFFF;
    font-size:4.5em;
    font-weight:lighter;
    width: 400px;
/*    height: 110px; */
    vertical-align:middle;
}

.membersContainer
{
    float:right;
    margin: 0px;
    padding: 0px
}

.langContainer
{
    text-align:right;
    margin: 2px 6px 2px 0px;
    padding: 0px;
    line-height: 30px;
}

.membersButton
{
    width:120px;
    margin: 12px 6px auto 4px;
    height:20px;
    line-height: 20px;
    padding: 4px 8px 4px 8px;
    color:White;
    text-align:center;
    vertical-align:middle;
    /*For rounded corners*/
    -moz-border-radius: 4px
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*For the background, we'll use gradients and a fallback color for older browsers*/
    background: #960D0D;
    background: -moz-linear-gradient(top, #D52020, #960D0D);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D52020), to(#960D0D));
    /*  add a darker border and polish the design with a "fake" inset border created with the "box-shadow" feature */
    border: 1px solid #960D0D; /*#002232;*/
    -moz-box-shadow:inset 0px 0px 1px #FFDCDC;
    -webkit-box-shadow:inset 0px 0px 1px #FFDCDC;
    box-shadow:inset 0px 0px 1px #FFDCDC;
}

.membersButton a{

	margin:0px;
	padding:0px;
	color: white;
	text-decoration: none;
	cursor: pointer;
	}

.membersButton a:hover 
{
    color:Orange;
    font-weight:bold;
}

.banner 
{
    width:960px;
    height:320px;
    margin:0px auto;
    padding:0px;
    background-image:url(/images/bgbanner.jpg);
    vertical-align: middle;
}

.bannerImage01
{
    float: left;
    width: 180px;
    height: 250px;
    margin: 40px 0px 0px 48px;
    margin-left: 48px;
    border: 2px solid orange;
    background-image:url(/images/picban01.png);
    background-position: top center;
    background-repeat:no-repeat;
    overflow: hidden;         
}

.bannerImage01:hover
{
    background-image:url(/images/picban01s.png);
    /*opacity: 0.5;*/
}

div.bannerImage01 p  
{
    margin: auto 0px auto 0px;
    padding-top:0;
    visibility: hidden;
    font-weight: bolder; 
	color: Maroon; /* #272E38; /*#272E38; /* #acd5d4;*/
	/*font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;*/
	font-size: 32px;
	text-align: center;
	/*vertical-align:middle;*/
}
div.bannerImage01:hover p { visibility: visible; }

.bannerImage02
{
    float: left;
    width: 180px;
    height: 250px;
    margin: 40px 0px 0px 48px;
    margin-left: 48px;
    border: 2px solid orange;
    background-image:url(/images/picban02.png);
    background-position: top center;
    background-repeat:no-repeat;
    overflow: hidden;         
}

.bannerImage02:hover
{
    background-image:url(/images/picban02s.png);
}

div.bannerImage02 p  
{
    margin: auto 0px auto 0px;
    padding-top:0;
    visibility: hidden;
    font-weight: bolder; 
	color: Maroon; /* #272E38; /*#272E38; /* #acd5d4;*/
	/*font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;*/
	font-size: 32px;
	text-align: center;
	/*vertical-align:middle;*/
}
div.bannerImage02:hover p { visibility: visible; }

.bannerImage03
{
    float: left;
    width: 180px;
    height: 250px;
    margin: 40px 0px 0px 48px;
    margin-left: 48px;
    border: 2px solid orange;
    background-image:url(/images/picban03.png);
    background-position: top center;
    background-repeat:no-repeat;
    overflow: hidden;         
}

.bannerImage03:hover
{
    background-image:url(/images/picban03s.png);
}

div.bannerImage03 p  
{
    margin: auto 0px auto 0px;
    padding-top:0;
    visibility: hidden;
    font-weight: bolder; 
	color: Maroon; /* #272E38; /*#272E38; /* #acd5d4;*/
	/*font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;*/
	font-size: 32px;
	text-align: center;
	/*vertical-align:middle;*/
}
div.bannerImage03:hover p { visibility: visible; }

.bannerImage04
{
    float: left;
    width: 180px;
    height: 250px;
    margin: 40px 0px 0px 48px;
    margin-left: 48px;
    border: 2px solid orange;
    background-image:url(/images/picban04.png);
    background-position: top center;
    background-repeat:no-repeat;
    overflow: hidden;         
}

.bannerImage04:hover
{
    background-image:url(/images/picban04s.png);
}

div.bannerImage04 p  
{
    margin: auto 0px auto 0px;
    padding-top:0;
    visibility: hidden;
    font-weight: bolder; 
	color: Maroon; /* #272E38; /*#272E38; /* #acd5d4;*/
	/*font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;*/
	font-size: 32px;
	text-align: center;
	/*vertical-align:middle;*/
}
div.bannerImage04:hover p { visibility: visible; }

.bannerTitle
{
    float:left;
	font-weight: bolder; 
	color: #1F497D;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-align: center;    
}

.bannerTitleR
{
    float:left;
	font-weight: bolder; 
	color: #960D0D;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-align: center;    
}

.clear 
{
    clear:both;
}

.defaultTopTitle
{ 
    margin: 18px auto 0px auto;

    font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;

	text-align:center;
	font-size:3em;
	color: Maroon;
	line-height:1.1em;
	letter-spacing:-0.04em;
	
	/*
 	color: #1F497D;
	font-size: 36px;
	text-align: center;    
*/
}

.tag
{
    margin: 18px 20px 18px 20px;
	color: #1F497D;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	text-align: center;    
}

.tagMarron
{
    margin: 18px auto 18px auto;
    padding: 18px 0 18px 0;
	color: Maroon;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	text-align: center;    
}

.tagSmaller
{
    margin: 18px auto 18px auto;
	color: #1F497D;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	text-align: center;    
}

.tagBigger
{
    margin: 18px auto 18px auto;
	color: #1F497D;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", Helvetica, Arial, sans-serif;
	font-size: 4.0em;
	text-align: center;    
}

.pageSummary 
{ 
    text-align:justify;
    padding: 8px, 0px;
    font-size:1.4em; 
    color:#1F497D; 
    font-weight:normal;    
}

.centered
{
    text-align: center;
}

/* COLUMNS */

.backLightGreen
{
    background: #F0F3F5;
    background-color:#F0F3F5;
    /*#F3F0EB*/
}

.backLightBeige
{
    background: #F3F0EB;
    background-color:#F3F0EB;
}

.columnContainer 
{
    margin-top: 20px;
    /*position: relative;*/
    font-size:1.4em;
    background: #F0F3F5;
    background-color:#F0F3F5;    
}

.column-left 
{
    background-color:inherit;
    float:left;
    width: 30%;
    /*left: 0;*/
    /*position: absolute;*/
    padding: 0px 6px 0px 6px;
    margin-left:12px;
}

.column-center 
{
    background-color:inherit;
    float:left;
    width: 30%;
    /*margin-left: 34%;*/
    /*position: absolute;*/
    padding: 0px 6px 0px 6px;
    margin-left:18px;

}
.column-right 
{
    background-color:inherit;
    float:left;
    width: 30%;
    right: 0;
    /*position: absolute;*/
    padding: 0px 6px 0px 6px;
    margin-left:18px;

}

.columnHeader
{

	font-size:1.0em;
	font-weight:bold;
	color: Maroon; /*#000000;*/
    line-height:1.3em;
    text-align:center;
    margin-bottom: 8px;
}

.columnSummary
{
    text-align:justify;
    font-size:0.8em;
	font-weight:normal;
	color: #1F497D; /*#333;*/
}

.columnhiw 
{
    float:left;
    width: 45%;
    padding: 0px 6px 0px 6px;
    margin-left:20px;
}

.columnhiwHeader
{

	font-size:0.9em;
	font-weight:bold;
	color: Maroon; /*#000000;*/
    line-height:1.3em;
    text-align:center;
    margin-bottom: 8px;
}
.columnhiwSummary
{
    text-align:justify;
    font-size:0.8em;
	font-weight:normal;
	color: #1F497D; /*#333;*/
}

.columns04
{
    float:left;
    width: 23%;
    padding: 0px 3px 0px 3px;
    margin-left:10px;
}

.hrSeparator
{
    margin: 10px 12px 10px 12px;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#4F81BD;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #4F81BD; /*#465c71;*/
    /*border: 1px #4e667d solid;*/
    color: #dde4ec;
    font-size:1.2em;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* Sing In Button */

.signInCenterButton
{
    /*list-style:none;*/
    font-size:2.0em;
    width:220px;
    margin: 10px auto 10px auto;
    height:40px;
    padding: 4px 8px 4px 8px;
    color:White;
    text-align:center;
    
    /*For rounded corners*/
-moz-border-radius: 4px
-webkit-border-radius: 4px;
border-radius: 4px;
/*For the background, we'll use gradients and a fallback color for older browsers*/
background: #0B9A0B;
background: -moz-linear-gradient(top, #36E336, #0B9A0B);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36E336), to(#0B9A0B));
/*  add a darker border and polish the design with a "fake" inset border created with the "box-shadow" feature */
border: 1px solid #015029; /*#002232;*/
-moz-box-shadow:inset 0px 0px 1px #EDFFF7;
-webkit-box-shadow:inset 0px 0px 1px #EDFFF7;
box-shadow:inset 0px 0px 1px #EDFFF7;

}

.signInCenterButton a{
	margin:0px;
	padding:0px;
	/*
	width: 100%;
	height: 100%;

*/
	color: white;
	text-decoration: none;
	cursor: pointer;

	/*line-height: 25px;
	font-family: sans-serif;		
	font-size: 12px;*/
	}

.signInCenterButton a:hover 
{
    color:Orange;
    /*font-size:larger;*/
}