body {margin: 0px; padding: 0px; background:#f3f3f3; }

*{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#656565; line-height:20px;}
a{text-decoration:none; text-decoration:underline; color:#2a8249;}
a:hover{text-decoration:underline; color:#000;}

h2{font-size:17px; color:#0e5025; font-weight:normal; margin:14px 0; padding:0;}

p {margin:0 0 20px 0;}

#wrap{margin:10px auto 0 auto; width:970px; background:url(../images/wrapback.gif) repeat-y #fff;}

#top{height:100px; width:970px; background:url(../images/topback.gif) no-repeat top; overflow:hidden;}
#logo{display:block; width:380px; height:100px; text-indent:-9999px; float:left;}

#topmenu ul{float:right; margin:40px 13px 0 0; list-style:none;}
#topmenu ul li{float:left; padding:0 7px; border-right:1px solid #CCCCCC;}
#topmenu ul li.lastchild{border:none;}


/*--------------------------------------------------------------------------------------*/

#menutoggle{display:none; width:60px; height:35px; margin:0 auto -5px auto; background:#2d854b url(../images/hamburger.png) no-repeat left; color:#fff; padding-left:40px; padding-top:15px; font-size:18px; cursor:pointer; }


#mainmenu{width:930px; height:58px; background:url(../images/navbar.gif) no-repeat; clear:both; margin:0 auto;}

#mainmenu ul { padding: 0; margin: 0; list-style: none;}
#mainmenu ul li { padding:12px 15px; background:url(../images/navbarline.gif) no-repeat right top; }
/*#mainmenu ul li.mmenulast { padding:12px 16px; }*/
#mainmenu ul li{float:left; position: relative; }
#mainmenu ul li a{color:#fff; text-decoration:none;  }
#mainmenu ul li a:hover {text-decoration:underline;}


    
    #mainmenu ul ul {position:absolute; z-index: 500; background: #22733e; width:170px; margin:10px 0 0 -15px; padding:0; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border-left:1px solid #185d30; border-right:1px solid #185d30;}
    
    #mainmenu ul ul li { background:none; padding:0; margin:0;}
    
    #mainmenu ul ul ul {position:absolute; top: 0; left: 100%; margin:0 !important;  }
    
    #mainmenu ul ul a {display:block;  width:150px; border-top:1px solid #498e61; border-bottom:1px solid #185d30; padding:5px 10px;}
    
    #mainmenu ul ul a:hover{background:#21d862; border-top:1px solid #21d862; color:#125228;}
    
    #mainmenu ul ul li:hover, #menu ul ul a:hover {color: #a00;}
    
    div#mainmenu ul ul {display: none;}
    
    div#mainmenu ul ul,
    div#mainmenu ul li:hover ul ul,
    div#mainmenu ul ul li:hover ul ul {display:none;}
    
    div#mainmenu ul li:hover ul,
    div#mainmenu ul ul li:hover ul,
    div#mainmenu ul ul ul li:hover ul {display: block;  }
    
    




/*-----------------------------------------------------------------------------------*/

#content{border-left:1px solid #e1dede; border-right:1px solid #e1dede; width:928px; margin:0 auto; overflow:hidden;  background:url(../images/mainimage.jpg) no-repeat 0 -1px; }

#content_sub{border-left:1px solid #e1dede; border-right:1px solid #e1dede; width:928px; margin:0 auto; overflow:hidden;  background: url(../images/contentsubback.gif) no-repeat 0 -1px; }

#col_left{width:620px; float:left; padding: 0 15px;}
#col_right{width:248px; float:left; padding:0 15px; }

#mainimage{height:280px;}

#home_columns_row{background:url(../images/colrowback.gif) repeat-x bottom; overflow:hidden; margin:0 0 0 -15px; width:650px; border-bottom:1px solid #e1dede;}
#home_bottom{clear:both;}

#mainimage{height:280px;}

#login{margin-top:15px; float:left; width:248px;}
#login input{width:80px; float:left; margin-right:10px;}
.loginbutton{width:52px; height:21px; display:block; background:url(../images/loginbutton.gif) no-repeat; text-align:center; color:#fff; float:left; margin-top:4px;}
.loginbutton:hover{background-position:0 -21px;}

#news{float:left; margin-top:45px;}
#news h3 a{color:#19ae4e;}

.home_column1, .home_column2{width:185px; float:left; padding:0 15px; }
.home_column2{border-left:1px solid #e1dede;}

.readmore{display:block; height:21px; width:77px; background:url(../images/readmore.gif) no-repeat;  margin-bottom:10px; padding:3px 0 0 25px; text-decoration:none; color:#666;}
.readmore:hover{background-position:0 -24px; color:#fff;}

#contactbox{width:202px; height:90px; margin:10px 0 0 -14px; background:url(../images/contactbox.gif); float:left;  padding:0 0 0 75px;}
#contactbox p{color:#fff; margin:6px 0 0 0;}
#contactbox a{ color:#fff;}

#footer{height:26px; width:930px; background:url(../images/footerback.gif); padding:20px;}

.tabs {
    margin-top:20px;
}
ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tabNavigation li {
    display: inline;
}
ul.tabNavigation li A {
    padding: 6px 5px;
    background-color: #e4e4e4;
    color: #333;
    border:solid 1px #2a8249;
    text-decoration: none;
}
 
ul.tabNavigation li a.selected {
    background-color:#fff;
    padding-bottom:6px;
    padding-left:5px;
    padding-right:5px;
    padding-top:6px;
    border-bottom:solid 1px #fff;
}
ul.tabNavigation li a:hover {
    background-color: #666;
    color: #fff;
    padding: 6px 5px;
}
                
ul.tabNavigation li a:focus {
        outline: 0;
}
 
div.tabs > div {
        width:615px;
        margin-top: 3px;
        border-top: 1px solid #2a8249;
}



#prof, #research, #pati, #char, #use {
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    padding:10px 0 10px 0;
}




@media (max-width: 990px) {
	
	.tableLedger td:first-child{width:15% !important;}
  
  .tableLedger{width:95% !important; background-image:none !important;}
  
  .tableRow{width:95% !important;}
  
  .msgBody img{max-width:100%;}
    .msgBody {width:95% !important; padding:5px;}
  
  .msgEvenTableTop, .msgOddTableTop{padding:15px 5px !important;}
  
  .msgSideProfile{font-size:10px !important;}
  
  .msgEvenTableSide img, .msgOddTableSide img{max-width:100%;}
  
  .tableRow iframe{width:95% !important;}
  
  .largeButton{margin:20px 0 !important;}
  
  .dropDownPointer{display:none;}
  
  .tableStatusBar .dropDownPointer{display:inline !important;}
  
	  .evenTableRow td, .evenTableRow td{padding:15px 0 !important;}
  
  .evenTableRow td:nth-child(2) a, .oddTableRow td:nth-child(2) a{font-weight:bold; font-size:13px;}
   .evenTableRow td:nth-child(2), .oddTableRow td:nth-child(2){width:35%;}
  
  
  
  #toolbar{width:100%;}
  
  .tableStatusBar a{font-size:14px !important;}
    .tableStatusBar td {padding:5px 12px !important;}
  
.basicTable{  width:100% !important; padding:0 10px;}

.basicTable tr td{display:block; text-align:left; padding-top:10px;}

.tableBorder {width:95% !important; }

.tableBorder tbody{ width:95% !important;}

.tableBorder td{padding:0; font-size:10px;}


  
.tableStatusBar td div { display:block; float:none !important; margin:10px 0;}


  
  

  
  
  
ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
	border-top:solid 1px #ccc;
}
ul.tabNavigation li {
    display: block;
	
}
ul.tabNavigation li A {
    
	display:block; width:100%;
	padding: 12px 5px;
    background-color: #e4e4e4;
    color: #333;
	text-align:center;
   
	border:none;
	
	 border-bottom:solid 1px #ccc;
    text-decoration: none;
}
 
ul.tabNavigation li a.selected {
    background-color:#fff;
    padding-bottom:12px;
    padding-left:5px;
    padding-right:5px;
    padding-top:12px;
    border-bottom:solid 1px #ccc;
}
ul.tabNavigation li a:hover {
    background-color: #2d854b;
    color: #fff;
    padding: 12px 5px;
}
  
  
  
  
  
  div.tabs > div{ width:95%; padding:10px 20px; display:inline-block; border:none;}
  
  
  
  
  
  
  
  
  
  
    
    
        
#menutoggle{display:block; border-radius:3px;}
    


    
    
    
    
    h2{font-size:25px; margin:25px 0;}
    
    #wrap{margin:0; width:100%; background:none; padding:0; margin:0;}

    
    #top{height:auto; width:100%; background:url(../images/topback.gif) no-repeat 0 0; overflow:hidden; }

    
    #mainmenu{width:auto; height:auto; display:none;}

#mainmenu ul { padding: 0; margin: 0; list-style: none;}
#mainmenu ul li { padding:0; background:none; float:none;  }


#mainmenu ul li a{color:#fff; text-decoration:none; text-align:center !important; display:block; width:100%;  background:#297f47; padding:10px 0; border-bottom:1px solid rgba(255,255,255, 0.2);  }
#mainmenu ul li a:hover {text-decoration:underline;}
    










    
    #mainmenu ul ul {position: absolute; z-index: 500;  width:100%; margin:0; padding:0; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border:none;}
    
    
    #mainmenu ul ul li { background:none; padding:0; margin:0;}
    
    #mainmenu ul ul ul {position:absolute; top: 0; left: 100%; margin:0 !important;  }
    
    #mainmenu ul ul a {display:block;  width:100%; border-bottom:1px solid rgba(255,255,255, 0.2); border-top:none; padding:5px 10px; background:#21d862; color: #a00;}
    
    #mainmenu ul ul a:hover{background:#21d862; border-top:none; color:#125228;}
    
    #mainmenu ul ul li:hover, #menu ul ul a:hover {color: #a00;}
    
    div#mainmenu ul ul {display: none;}
    
    div#mainmenu ul ul,
    div#mainmenu ul li:hover ul ul,
    div#mainmenu ul ul li:hover ul ul {display:none;}
    
    div#mainmenu ul li:hover ul,
    div#mainmenu ul ul li:hover ul,
    div#mainmenu ul ul ul li:hover ul {display: block;  }


#col_left{width:100% !important; float:none; padding: 0;   overflow:hidden;  }
#col_right{width:100% !important; float:none !important; padding:0 15px;  overflow:hidden; clear:both !important; }





#content{width:100%; padding:0; margin:0; background:url(../images/mainimage2.jpg) no-repeat 0 0; }


#content_sub{border:none; width:100% !important;  background: none; padding:0; margin:0; }

#home_columns_row{background:none; overflow:hidden; margin:0; padding:0;  width:100%; border-bottom:1px solid #e1dede;}
#home_bottom{clear:both; padding:0 15px;}


.home_column1, .home_column2{width:28.5%; float:left; padding:0 15px; }
.home_column2{border-left:none;}

#login{float:none; border:1px solid #CCC; overflow:hidden; width:auto; padding:15px; margin:0;}
#login h2{margin:0 0 20px 0;}

#news{float:none; clear:both; padding-bottom:40px; overflow:hidden; margin-top:10px; width:auto !important;  display:block;}

.newsitem{ width:49%; float:left;  }

#contactbox{float:none; clear:both; width:100%;  }

#footer{width:auto; margin:0;}
    
    
    }
    
@media (max-width: 760px) { 

    
#logo{display:block; width:100%; height:100px; text-indent:-9999px; float:none;}
    
        #top{padding-bottom:20px;  background:url(../images/topback2.gif) no-repeat 0 0;}
    
        #topmenu ul{float:none; margin:20px auto; list-style:none; width:200px;}
#topmenu ul li{float:left; padding:0 7px; border-right:1px solid #CCCCCC;}
#topmenu ul li.lastchild{border:none;}


.home_column1, .home_column2{width:auto; float:none; padding:0 15px; }
.home_column2{border-left:none;}

}