/* CSS Document */
body {
	background-image: url(../../ELOGAK/SiteImages/back.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#backgroundglass{
	background:url(../../ELOGAK/SiteImages/background_photo.jpg) no-repeat right bottom;
	width:100%;
	height:auto;
}
#container {
	width:800px;
	height:1100px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	width:225px;
	height:94px;
	float:left;
	margin:7px 0px;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#helpMenu{
	float:left;
	width:180px;
	margin-left:30px;
	margin-top:40px;

}
#helpMenu .helpBtn{
	margin-left:20px;
	margin-top:10px;
	float:left;
	background:#444444;
}
#helpMenu .langs{
	margin-left:20px;
	margin-top:10px;
	float:left;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#22bfe3;
}
#header{
	width:100%;
	height:110px;
	position:relative;
	z-index:0;
}
#headerBackImg{
	background:url(../../ELOGAK/SiteImages/header_img.jpg) no-repeat center top;
	width:100%;
	height:auto;
	
}
#menu {
	width:100%;
	height:41px;
}
#menu .menubtn{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-top:9px;
	padding:3px 10px;
	background: url(../../ELOGAK/SiteImages/menuSepLines.gif) repeat-y right top;
	float:left;
}
#menu #left{
	background:url(../../ELOGAK/SiteImages/menuBar_left.png) no-repeat left top;
	width:10px;
	height:41px;
	float:left;
}
#menu #middle{
	background:url(../../ELOGAK/SiteImages/menuBar_middle.png) repeat-x left top;
	width:780px;
	height:41px;
	float:left;
}
#menu #right{
	background:url(../../ELOGAK/SiteImages/menuBar_right.png) no-repeat left top;
	width:10px;
	height:41px;
	float:left;
}
#photo{
	position:relative;
	width:545px;
	height:189px;
	overflow:hidden;
	z-index:1;
	margin-left:9px;
}
.hor_banner
{
	margin-top:20px;
	margin-left:10px;
	width:533px;
	height:auto;
	overflow:hidden;
	border:5px solid #ffffff;
}
#photoFrame {
	width:545px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
#photoFrame #left {
	background: url(../../ELOGAK/SiteImages/photoCorners_left.png) no-repeat left top;
	width:5px;
	height:189px;
	float:left;
}
#photoFrame #right{
	background:url(../../ELOGAK/SiteImages/photoCorners_right.png) no-repeat left top;
	width:5px;
	height:189px;
	float:left;
}
#photoFrame #middle{
	width:535px;
	height:189px;
	float:left;
}
#main #topLeft {
	background:url(../../ELOGAK/SiteImages/mainTop.jpg) no-repeat left top;
	width:561px;
	height:9px;
}
#main #bottomLeft {
	background:url(../../ELOGAK/SiteImages/mainBottom.png) no-repeat left top;
	width:561px;
	height:83px;
}
#main #leftShadow {
	background:url(../../ELOGAK/SiteImages/mainLeft_shadow.png) repeat-y left top;
	vertical-align:top;
	height:auto;
}
#main #rightShadow {
	background:url(../../ELOGAK/SiteImages/sideBar_middle.png) repeat-y left top;
	vertical-align:top;
	height:auto;
}
#main .title {
	background:url(../../ELOGAK/SiteImages/logo_bullet.png) no-repeat left top;
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	padding-left:30px;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#00a3c8;
}
#main .subtitle{
	width:490px;
	height:28px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
}
#main .subtitle #left{
	background:url(../../ELOGAK/SiteImages/subTitleBar_left.png) no-repeat left top;
	width:5px;
	height:28px;
	float:left;
}
#main .subtitle #middle{
	background:url(../../ELOGAK/SiteImages/subTitleBar_middle.jpg) repeat-x left top;
	width:470px;
	height:23px;
	float:left;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#main .subtitle #right{
	background:url(../../ELOGAK/SiteImages/subTitleBar_right.png) no-repeat left top;
	width:5px;
	height:28px;
	float:left;
}
#main .subtitleBold{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#555555;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
}
.subtitleCyan{
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#17a0bf;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
}
.subtitleCyan a:link{
	
	color:#17a0bf;
	
}
.newsFeed
{
    width: 450px;
    padding:0px 0px 15px 5px;
    margin: 0 0 2px 0;
}
#main .subtitleBoldPeriod{
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#777777;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
	
}
#main .arrowLink{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	margin-left:50px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:15px;
	background:url(../../ELOGAK/SiteImages/bottomMenu_arrow.png) no-repeat left 2px;
}
#main .date{
	font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#00a3c8;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	padding-left:10px;
}
#main .texts{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#6f7281;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
}
#main .texts a:link, #main .texts a:visited, #main .texts a:active
{
	color:#6f7281;
	text-decoration:none;
}
#main .texts a:hover
{
	color:#6f7281;
	text-decoration:underline;
}
.newsTexts{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#6f7281;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:0px;
	padding-left:10px;
}
.newsTexts a:link, .newsTexts a:visited, .newsTexts a:active
{
	color:#6f7281;
	text-decoration:none;
}
.newsTexts a:hover
{
	color:#6f7281;
	text-decoration:underline;
}
.newsDate{
	font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#00a3c8;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-left:10px;
}
#newsletter{
	background:url(../../ELOGAK/SiteImages/sideBar_bottom.png) no-repeat left top;
	width:238px;
	height:83px;
	
}
#newsletter #title{
	background:url(../../ELOGAK/SiteImages/newsletterTitle.jpg) repeat-x left top;
	margin-right:3px;
	margin-left:1px;
	width:215px;
	height:auto;
	padding:8px 10px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#00a3c8;
}
#newsletter .field{
	background:url(../../ELOGAK/SiteImages/newsletter_field.png) no-repeat left top;
	border:0;
	width:160px;
	height:20px;
	padding:3px;
	margin-left:20px;
	margin-top:10px;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	color:#777777;
	float:left;
}
#newsletter .btn
{
	float:left;
	margin-top:8px;
}
#search{
	
	width:198px;
	height:33px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}
.searchField{
	background:url(../../ELOGAK/SiteImages/searchBox.gif) no-repeat left top;
	width:150px;
	height:14px;
	float:left;
	border:0;
	padding:3px 5px;
	margin-top:1px;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#777777;
}
.searchBtn
{
	margin-left:4px;
	float:left;
}
#sideMenu{
	padding-bottom:30px;
	padding-top:10px;
	margin-right:3px;
	margin-left:8px;
}
#sideMenu .btn{
	background:url(../../ELOGAK/SiteImages/bottomMenu_arrow.png) no-repeat left center;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#00a3c8;
	padding-left:15px;
	margin-left:0px;
	margin-right:10px;
	margin-top:10px;
}
#sideMenu .subMenuBtn
{
	padding:7px 17px;
	background:#E8E7E4 url(../../ELOGAK/SiteImages/bottomMenu_arrow.png) no-repeat 5px 9px;
	font:bold 1em Arial;
	color:#0FAFD3;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #f1f1f1;
}
#sideMenu .subMenuBtn a:link, #sideMenu .subMenuBtn a:visited, #sideMenu .subMenuBtn a:active
{
	color:#0FAFD3;
}
#sideMenu .subMenuBtn a:hover
{
	color:#087791;
	text-decoration:underline;
}
#sideMenu .subBtn{
	background:url(../../ELOGAK/SiteImages/bottomMenu_arrow.png) no-repeat left center;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-left:15px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
#sideMenuBottom{
	width:235px;
	height:auto;
	padding-top:5px;
	padding-bottom:10px;
	margin-right:3px;
	margin-left:1px;
	background:#e2e2e2 url(../../ELOGAK/SiteImages/sepLines.jpg) repeat-x left top;
}

#sideMenuBottom .btn{
	background:url(../../ELOGAK/SiteImages/bottomMenu_arrow.png) no-repeat left top;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#00a3c8;
	padding-left:15px;
	padding-bottom:5px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	border-bottom:1px dotted #c2c2c2;
}

#sideMenuBottom .btn a:link{color:#00a3c8;text-decoration:none;}
#sideMenuBottom .btn a:hover{color:#00a3c8;text-decoration:underline;}
#sideMenuBottom .btn a:active{color:#00a3c8;text-decoration:none;}
#sideMenuBottom .btn a:visited{color:#00a3c8;text-decoration:none;}
.banner{
	width:214px;
	height:auto;
	margin:10px;
}
#footer{
	width:100%;
	height:74px;
	clear:both;
}
#footer #left {
	background:url(../../ELOGAK/SiteImages/footerLeft.png) no-repeat left top;
	width:10px;
	height:52px;
	float:left;
}
#footer #middle{
	background:url(../../ELOGAK/SiteImages/footerMiddle.png) repeat-x left top;
	width:780px;
	height:24px;
	float:left;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#56daf3;
	padding-top:28px;
}
.hypertrak
{
	float:left;
	color:#fefefe;
	margin-left:5px;
}
.hypertrak a:link{color:#fefefe;}
.hypertrak a:hover{color:#fefefe;}
.hypertrak a:active{color:#fefefe;}
.hypertrak a:visited{color:#fefefe;}

.logField 
{
	width:140px;
	padding:3px 5px;
	background:#087d96;
	border:0;
	color:#f9f9f9;
}

#footer #right{
	background:url(../../ELOGAK/SiteImages/footerRight.png) no-repeat left top;
	width:10px;
	height:52px;
	float:left;
}
.navPathLink
{
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#17a1c0;
	text-decoration:none;
}
.navPathLink a:link
{
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#17a1c0;
	text-decoration:none;
}
.navPathLink a:hover
{
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#17a1c0;
	text-decoration:underline;
} 
.navPathLink a:active
{
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#17a1c0;
	text-decoration:none;
} 
.navPathLink a:visited
{
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#17a1c0;
	text-decoration:none;
} 
#yearItems
{
	margin:11px 0px;
	float:left;
	width:55px;
	height:auto;
}
#newsItems
{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:455px;
	margin-left:14px;
}
.date
{
	color:#6093ba;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	
}
.years
{
	font:bold 0.8em Arial Helvetica, sans-serif;
	color:#149CBB;
}
.paging
{
	font-family:Verdana, Helvetica, sans-serif;
	color:#149CBB;
}

