/***************************************************** 
 *  PAGE-WIDE STYLES                                    *
 *****************************************************/
* {
box-sizing: border-box;
}

body {
/*font-family: arial, helvetica, sans-serif; */
font-size: 1.1em;
margin: 10px 2px 2px 2px;
background-color: #C1DAD6;
line-height: 1.4;
}

#outerframe {
position: relative;  /* do not remove, fixes a bug in IE */
max-width: 760px;
margin: 0 auto;
padding: 0px 10px 0px 10px;
border: 2px #0066CC solid;
background-color: white;
}

/* For Section Headers on a Page, w/ icons on left text on right */
.header-row {
width: 100%;
clear: both;
}
.header-icon {
display: block;
float: left;
/*padding: 10px;*/
}
.header-title {
display: inline-block;
float:left;
padding-left: 10px;
}
h3	{vertical-align:middle;}

a:link 		{color: #00f; background-color: transparent;}
a:visited 	{color: #00f; background-color: transparent;}
a:hover		{color: red; background-color: transparent;}

hr 	{
clear:both; 
color: #C1DAD6; 
height: 3px;
width: 90%;
margin-left: auto;
margin-right: auto;
border-top: 2px solid #C1DAD6;
border-bottom: 1px solid #C1DAD6;
background-color: transparent;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#heading {
padding-bottom: 20px;
}

/* Footer */

#footer {
width: 100%;
font-weight: bold;
}

#footer .climbing {
float: left;
padding: 0px 0px 0px 5px;
color:#c00;
}

#footer .guiding {
float: right;
padding: 0px 5px 0px 0px;
color:#c00;
}

#footer .label {
text-align: center;
/*font-size: 1.5vw; 
font-size: 12px;*/
color: #00f;
}

div.validate {
		font-size: 11px;
		text-align:center;
		height: 40px;
		line-height: 50px;
}

/* Invisible Link, for search/ads */

a.hide:link {color:#000000; text-decoration:none;}
a.hide:visited {color:#000000; text-decoration:none;}