html,body{ height:100%;min-height:100%; }
body {background:#f8f6f6;}

#header,
#footer{
 width: 100%;
}
#footer{ text-align:center}
.emblame{ position:absolute;right:3%;top:5px;}
.logo a{ padding:5px 0px 0px 15px;display:block}


.menu-container {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
}
.toggleMenu {
    display:  none;

    padding: 10px 10px;
    color: #fff;
    background-image:url("../images/menu.png");
 background-repeat: no-repeat;
 background-position: left top;

}
.toggleMenu span{display:  none;}
.nav {
    list-style: none;
     *zoom: 1;
     /*background:#175e4c;*/
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
ul.nav,
ul.nav ul,
ul.nav li
{
	
	margin:0px;
    padding:0px;
}
.nav ul {
    list-style: none;
   /* width: 9em;*/
    font-size: 12px;
    
   
}
.nav a {
    padding: 9px 15px 8px 15px;
    color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.nav li {
    position: relative;
}
.nav > li {
    display:inline-block;
    white-space:nowrap;
   /* border-top: 1px solid #104336;*/
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
   /* left: -9999px;*/
	display:none;
    
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    /*background: #1d7a62;*/
    position: relative;
    z-index:100;
     padding: 2px 15px;
    text-transform:none;
    /*border-top: 1px solid #175e4c;*/
}
.nav li li li a {
    /*background:#249578;*/
    z-index:200;
   /* border-top: 1px solid #1d7a62;*/
}
#image_banner{ display: none}

@media screen and (max-width:420px){
	#image_banner{ display: block}
	#image_banner img{ width:100%;height:100%}
	#flash_banner{display: none}
}
@media screen and (max-width: 768px) {
	#left{ display: none}
    .active {
        display: block;
    }
    
    .nav > li {
        
        display:block;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

input {
 font-size: 11px;
}

input[type=text],
input[type=password],
input[type=select],
input[type=search] {
 border: 1px solid #c9c9c9;
 background:#f0f0f0;
 border-collapse: collapse;
 height: 16px;
 margin: 0;
 padding: 0;
 width: 90%;
 border-radius:3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding:4px;
}

input[type=radio] {
 margin: 0px 6px 0px 0px;
}

/*input[type=checkbox] {
 margin: -100px 0px -30px -10px;
}*/

input[type=file] { 
 margin: 0px 6px 0px 0px;
}

input[type=submit],
input[type=reset],
input[type=button] {
 margin-bottom: 18px;
}

select {
 margin-bottom: 16px;
 position: relative;
 top: -4px;
}

textarea {
 border: 1px solid #ccc;
 border-collapse: collapse;
 clear: left;
 display: block;
 height: 83px;
 line-height: 18px;
 overflow: auto;
 margin: 0px 0px 16px 0px;
 width: 98%;
}

input:focus, textarea:focus {
 background: #ebebeb;
}
.gridWrapper {
 float: left;
 margin-bottom: 0px;
 position:relative;
 width: 99%;
}
.innerMargin{
		padding:5px;
}
.alignLeft{ text-align:left}
.alignRight{ text-align:right}
.alignCenter{ text-align:left}

ul.themeList{
	margin:0px 0px 0px 10px; padding:0px;
	display:inline-block;
}
ul.themeList li{
	list-style:none;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	margin-left:3px;
	line-height:18px;
	display:inline-block;
}
ul.themeList li a{
	width:16px;
	height:16px;
	display: block;
}
ul.themeList li a span{ display: none}
.greyTheme a{
	background:#a3a3a3;	
}
.blueTheme a{
	background:#3e3094
	}
.greenTheme a{
	background:#175e4c
	}
.formTitle{ font-size:16px;text-transform:uppercase;}
.formTitle span{ font-size:11px;}

.Mbox{margin:10px 10px 10px 10px}
.loginIcon{ 
 background-image:url("../images/login_icon.png");
 background-repeat: no-repeat;
 background-position: left top;
 padding:5px 0px 8px 35px;
}
.newsIcon{
	background-image:url("../images/news.png");
 background-repeat: no-repeat;
 background-position: left top;
 padding:5px 0px 8px 35px;
	
}
/*.theme{
	background:#175e4c;
	
}
.theme label{ color:#fff}*/
.menu_list{ margin:8px 0px}
.menu_list ul li{
	list-style:none;
	
}
.menu_list ul { margin:0px;padding:0px}
.menu_list ul li a{ background:#e1e1e1;display:block;border-bottom: 1px solid #fff;padding:2px 5px;text-decoration:none }

.product_icon{background:url("../images/product_icon.png") left top no-repeat; padding:7px 35px 7px 35px;margin-left:20px;}
.submit_bt{background:url("../images/submit_bt.gif") left top no-repeat;border:0px;width:94px;height:27px;vertical-align:middle;}
.link{ color:#0761cb !important; text-decoration: none;font-size:11px; font-weight:normal}
.submit_bt span{ display:none}
.border-bottom{border-bottom: 1px solid #aeaeae}
.fancyBox{ margin:5px 5px 5px 5px;padding:5px;border:1px solid  #aeaeae; height:65px;background:#fff;-webkit-box-shadow: 1px 1px 14px rgba(41, 50, 50, 0.27);
-moz-box-shadow:    1px 1px 14px rgba(41, 50, 50, 0.27);
box-shadow:         1px 1px 14px rgba(41, 50, 50, 0.27);}
.fancyBox h1{ font-size:16px;line-height: 20px;font-weight:bold;margin:10px 0px 10px 0px}
.coe{background:url("../images/ceo.gif") left top no-repeat;padding:0px 0px 0px 65px;}
#footer .gridWrapper{ margin-bottom:10px;}


.newsticker-nimi ul{ margin:0px;padding:0px;}
.newsticker-nimi ul li{margin:0px;padding:0px 0px;font-size:12px;background:#e1e1e1;border-bottom: 1px solid #fff;width:100% !important}
.newsticker-nimi ul li .info{padding:5px;height:48px;}


.box_heading{font-size:14px;font-weight:bold;margin:0px}
.cus_box{ padding:7px 35px 7px 5px;margin-left:20px;}
.clear{clear:both}
.info{ display:block;border:#000 0px solid;}
.info a{ }
#nimi-books ul li{border: 1px solid #aeaeae;text-align: center;padding:20px 5px;height:345px !important}