body {
        background:	#40638e;
        font-family:	Verdana, Arial, Helvetica, Sans-serif;
	padding-top:	50px;
}

a {
	font-style:	inherit;
}


#social, .g-plusone {
	display:	inline;
}


#page {
	background:	white;
}


/* navigation bar */

.navbar {
	background-image: url(/images/lighthouse-bar-x50.jpg);
	background-repeat: no-repeat;
	background-position: right; 
	background-color: white;
}

.navbar-default .navbar-nav > .active > a {
        background:	#40638e;
	color:		white;
}

.navbar-default .navbar-nav > .active > a:hover {
        background:	#f0f4f9;
	color:		black;
}

.navbar-default .navbar-nav > li:hover {
        background:	#f0f4f9;
	color:		black;
}

/* main content */

#imgint {
	border:	1px solid lightgrey;
	padding: 1em;
	background-color: white;
	border-radius: 12px;
	max-height: 62px;
}

#happynew {
        display: none;
}

#guest {
	font-family: Verdana, Geneva, sans-serif;
	display: table-cell; vertical-align: middle; padding-left: 2em; font-size: 1.1em; line-height: 1.4em;
}

#page {
	padding:	1%;
	padding-left:	2%;
	padding-right:	2%;
	padding-top:	1.6em;
	margin-left:	-20px;	
	margin-right:	-14px;	
	min-height:	50em;
}

#extra-footer-row {
}

#path {
        margin-left:    24%;  
        margin-bottom:  0.5em;
	margin-right:	2%;
	font-size:	0.9em;
}

#content {
	padding-top:	0.3em;
	margin-left:	24.1%;
	margin-right:	2%;
}

#content.nomenu {
	margin-left:	2%;
        width:		96%;
}

#content h2 a {
	color:			#303030;
	text-decoration:	underline;
}

#flags {
	float:		left;
	margin-left:	4%;
}

#path #flags {
	float:          left; 
	margin-left:    -1em; 
	padding-right:  1em;
}

#flags img {
	padding-left:	0.7em;
	width:		2.1em;
}

/* footer */

#footer {
	clear:		both;
	padding:	0.5%;
        background:	#e7e7f7;

        border-top:	2px solid #0031B5;

	font-size:	102%;
	padding-left:	16px;
	padding-right:	16px;
	padding-bottom:	1.2em;
	margin-left:	-20px;
	margin-right:	-14px;
}

#footer a {
        background:	transparent;
        font-size:	90%;
}

/* main page */

.row > [class*="col-"] {
        margin-left: 4%;
        display: inline;
        float: left;
}
 
.col-one-third {
        width: 26%;
}

.col-two-third {
        width: 56%;
}

.bread-area {

	padding: 1em 1em;
	margin: 0 0 18px;

	border-radius: 13px;
}

.bread {

	padding: 1em 1em;
	margin: 0 0 18px;

	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	border: 1px solid #ddd;

	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;

	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

.breadcrumb a {
	font-size: 110%;
}

@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 667px) {

	.r-optional {
		display: none !important;
	}

	.r-main {
		margin-left: 8% !important;
		width: 84% !important;
	}

}