/**************************************************************************
* This style sheet is prepared to be used with a LyraT4 template
* with a similar filename.
***************************************************************************/
body{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	color:#3E3A3A;
	background:url('_images/lyra_hgrR2.png') #B0B0B0;
}

#Curtain { background-color: gray; color: white; font-size: 14pt; }

h1{
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	text-shadow: 1px 1px #808080;
	color: #C6C6C6;
	text-align: left;
	    padding: 0px 6px;
    font-weight: normal;
    font-size: 34px;
}

#Headline {
	margin-left: 2px;
}

.ltxResponsive.ltxTHC.ltxTH0 h1 {
    font-size: 24px;
}

	/*.ltxResponsive.ltxTH0 .menuTrigger:hover>div.menuFrame,*/ 
	.ltxResponsive.ltxTH0 .menuTrigger.openByClick>div.menuFrame
	{
		display: inline;
		float: right;
	}
	
	.ltxResponsive.ltxTH0 .menuTrigger.openByClick .menuClose {
		display: block;
	}

	body.ltxEditing .ltxResponsive.ltxTH0 .menuTrigger:hover>div.menuFrame{
		display: none !important;
	}

/******************************************************************
* Some IDs created by the LyraT4 TemplateBuilder
*******************************************************************/
/* INSERT ****************************************************************************/

/*//////////////////////////// Main Menu /////////////////////////////////////////*/
#mainMenu{
	padding:0;
	margin:0;
    display: block;
}
#mainMenu > li{
	width:auto;
	background-color:transparent;
	margin:0;
	padding:0;
}
#mainMenu > li:hover{
	background-color:#D33;
}
#mainMenu > li > a,
#mainMenu > li > a.active {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 70px;
    padding: 0px 15px;
    line-height: 70px;
    color: #FFF;
    font-size: 13px;
    font-weight: 300;
    width:auto;
}
#mainMenu > li > a {
    text-transform: uppercase;
}

/**************************************************************************
*	Responsive Menu
**************************************************************************/
.ltxResponsive .menuTrigger {
	display: none;
}

.menuClose {
	display: none;
	color: silver;
	text-align: right;
	text-decoration: none;
	padding: 6px;
	font-size: 16px;
	font-weight: bold;
}
.menuClose:hover {
	color: white;
}

.ltxTH0 .menuTrigger {
	display: block;
}

.ltxResponsive.ltxTH0 .menuTrigger>div.menuFrame
/*.ltxResponsive.ltxTH0 .menuTrigger>ul*/
{
	/*left: 0px;*/
	right: 0px;
	top: 0px;
	z-index: 20;
	position: absolute;
	display: none;
	box-shadow: 10px 10px 30px grey;
	background-color: #2C2C3E;
}

.ltxResponsive.ltxTH0 .menuTrigger li{
	display: block;
	float: none;
}

.ltxResponsive.ltxTH0 #mainMenu li > a,
.ltxResponsive.ltxTH0 #mainMenu li > a.active {
    height: 50px;
    /*padding: 0px 15px;*/
    line-height: 50px;
	border-top: 1px #D33 solid;
}

#sectNavigation.ltxResponsive.ltxTH0 img{
	max-height: 40px;
}

#sectNavigation .menuSymbol {
	height: 32px;
	border-style: solid;
	border-width: 1px;
	border-color: white gray gray white; 
	background-color: transparent;
	border-radius: 3px;
	margin: 4px;
}


/************************** Sub Menu **********************************/
ul#localMenu{
    height: 25px;
    background: #F3F7FB none repeat scroll 0% 0%;
}

ul#localMenu> li.ltx-dynMenuItem {
	width:auto;
	padding:0;
	margin:0;
	background: transparent none;
}


ul#localMenu> li > a,
ul#localMenu> li > a:visited
{
    font-size: 12px;
    font-weight: normal;
    height: 18px;
    color: #000;
    line-height: 20px;
    padding: 3px 15px;
	text-decoration:none;
}

ul#localMenu>li.ltx-dynMenuItem a.active{
	font-weight:bold;
}
ul#localMenu>li.ltx-dynMenuItem a.active:hover{
	text-decoration:none;
}


ul#localMenu> li.ltx-dynMenuItem > a:hover
{
	text-decoration:underline;
}



.float-left {
	float: left;
}
.float-right {
	float: right;
}

#sectToolbar {
	position: relative;
}
#sectToolbar>.float-right{
	margin-top: 12px;
	margin-right: 16px;
}
#sectToolbar>.float-right>a{
	color: silver;
}

#sectNavigation img{
	margin-top:10px;
	margin-bottom:auto;
}



#sectHeader {
	background-color: #2050FC;
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3B66FF, #2050FC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3B66FF, #2050FC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(navy, #2050FC); /* Standard */
}
#sectContent {
	padding:8px;
	background-color: #F2F2F2;
}
#sectFooter {
	background-color: #DBDBDB;
	border-style: solid none none none;
	border-top-width: 3px;
	border-top-color: #2050FC;
	padding: 8px 16px;
	min-height: 28px;
}
#sectFooter>a:before{
	content: "|";
	margin: 0 12px;
	text-decoration: none;
	display: inline-block;
	white-space: pre-wrap;
}
#layerMain {
	max-width: 980px;
	margin: 12px auto 12px auto;
	box-shadow:4px 4px 5px 5px gray;
	width: 100%;
}



#mainMenu { /**/ }
#localMenu { /**/ }

#mainCont .ltx-table td{
	padding: 2px;
}
#mainCont .ltx-table td:first-child{
	text-align: right;
	width: 30%;
	padding-right: 4px;
}
/* END INSERT ********************** do not remove this line! ************************/


/**************************************************************************
*	Bread Crumbs
**************************************************************************/
ul.ltxBreadCrumbs{
	padding:0;
	margin-left: 10px;
	color: silver;	
}
ul.ltxBreadCrumbs li{
	list-style:none outside;
	float:left;
	margin:0;
}
ul.ltxBreadCrumbs li:after {
	content:"/";
	margin: 0px 5px !important;
}
ul.ltxBreadCrumbs li.active:after {
	content:"";
	margin: 0 !important;
}
ul.ltxBreadCrumbs a:visited,
ul.ltxBreadCrumbs a:link{
	text-decoration:none;
	color: silver;
}
ul.ltxBreadCrumbs a:hover{
	text-decoration:underline;
}

/******************************************************************
* Class definitions in element templates
*******************************************************************/

/*///////////// anchors //////////////////////////////////////////*/
.dynElement a:link, .dynElement a:visited { color: black; text-decoration: none }
.dynElement a:hover  { color: black; text-decoration: underline }
.dynElement a.active:hover { text-decoration: none }

.dynElement a.dynLinkArea:hover {
	color: white;
	text-decoration: none;
}
.dynElement a.dynLinkArea:hover>div {
	background-color: gray;
}
/***************** field definitions ******************************/


div.ltxMailField > * {
	float: left;
	min-width: 40px;
	width: auto !important;
}
div.ltxMailField >span{
	margin-top: 1px;
	margin-right: 2px;
}
/*///////////// listField //////////////////////////////////////////*/
ul.ltx-listField{
	/**/
}

.ltx-listField li.ltx-idxFirst,
.ltx-listField li.ltx-idxOdd,
.ltx-listField li.ltx-idxEven{
	/**/
}

/*///////////// tableField //////////////////////////////////////////*/
table.ltx-table{
	/**/
	width:100%;
	padding: 4px;
}

.ltx-table	tr.ltx-idxFirst,
.ltx-table	tr.ltx-idxEven{
	/**/
}
.ltx-table	tr.ltx-idxOdd{
	background-color:#EFEFEF;
}
.ltx-table	td.ltx-colFirst{
	/*border-bottom: 2px navy solid;*/
	font-weight: bold;
}
.ltx-table	td.ltx-colIdxOdd{
	border-left: 1 darkgray solid;
	border-right:1 darkgray solid;
	padding: 0 4px 0 4px;
}

/*///////////// elemText2Columns //////////////////////////////////////////*/
.ltx-2Cols .ltx-leftCol {
		width: 50%;
		/*min-width: 200px;*/
		float: left;	
}

.ltx-2Cols .ltx-rightCol {
		overflow: hidden;
		float: none;
		width: auto;
		border-left: 1px silver solid;
		padding-left: 6px;

}

.ltx-2Cols .ltx-leftCol {
	padding-right: 6px !important;
}
/** obsolete *********************
table.ltx-2Cols {
	width: 100%;
}
/****************************************************************/


/*///////////// imageField //////////////////////////////////////////*/
.ltx-img{
	border:1 black none;
}
.ltx-img-legend { 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: center 
}


.ltxEmbedded {
	margin: 2px 10px 0 10px;
}

/*///////////// Caption and Headline //////////////////////////////////////////*/

.dynElement .caption,
.dynElement .ltx-headline
{
	margin-top: 12px;
	margin-bottom: 4px;
	font-weight: bold;
}

.ltx-headline {
	font-size: 16px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	border-bottom: 4px #1637D5 solid;
	margin-top: 20px !important;
}

/*///////////// elements inside a responsive container //////////////////////////////////////////*/

.ltxResponsive.ltxTHC.ltxTH0 .ltx-2Cols .ltx-leftCol,
.ltxResponsive.ltxTHC.ltxTH0 .ltx-2Cols .ltx-rightCol
{
		display: block;
		clear: both;
		overflow: inherit;
		width: auto;
		float: none;
		border-left: none;
		padding-left: inherit;
}

/* embedded img */
.ltxResponsive.ltxTHC.ltxTH0 div.ltxEmbedded{
	max-width: 100% !important;
	width: 100% !important;;
	align-content: center;
	text-align: center;
}

.ltxResponsive.ltxTHC.ltxTH0 div.ltxEmbedded .ltx-img-legend{
	max-width: 100% !important;
	width: 100%;
	text-align: center;
}