html, body {margin: 0; padding: 0;}
body {font: 80% "Trebuchet MS",Arial,Helvetica,Tahoma,sans-serif; background: #E5E3D6; color: #555; overflow: scroll;}
#wrap {width: 1000px; padding: 0; margin-left: auto; margin-right: auto; color: black;}
#masthead {height: 90px; padding: 0; margin-top: 0; margin-bottom: 0;}
#top_banner {height: 56px;}
#container {width: 1000px; border: 0px; margin-left: auto; margin-right: auto; margin-top:4px; padding: 10px 0 10px 0;
line-height: 1.4em; background-image: url(images/content-bg.png); background-repeat: repeat-y;}
/* Top menu navigation */
#menucontainer {height:38px; background:#000060; font-family:Helvetica,Arial,Verdana,sans-serif;}
#menunav {height:33px; font-size:14px; font-weight:bold; padding: 0 0 0 10px;
background:#fff url(images/menu-bg.png)}
#menunav ul {margin:0; list-style-type:none; padding: 0;}
#menunav ul li {float:left; display:block; padding: 0;}
#menunav ul li a {color:#EEE; display:block; height:33px; padding: 0 0 0 11px;}
#menunav ul li a span {float:left; height:21px; padding: 8px 12px 0 0;}
#menunav ul li a:hover {color:#FFEC87; background:transparent url(images/menu-bg-hover.png) repeat-x bottom left;}
#menunav ul li a:hover span {display:block; width:auto; cursor:pointer;}
#menunav ul li a.current {background:transparent url(images/menu-current.png) repeat-x; padding: 8px 0 0 11px;
color:#FFF;}
#menunav ul li a.current:hover{color:#FFEC87; padding: 8px 0 0 11px;}
#menunav ul li a.current span {padding: 0 12px 0 0;}
/* Main content */
#content {padding: 0 1em 0 1em; margin: 0 20px 20px 320px; min-height: 480px;}
/*Sidebar*/
#sidebar {float: left; width: 275px; margin-top: 0; padding: 0 15px 0 16px;}
#sidebar ul {text-align: left;}
#sidebarlist ul li a{display: block; padding: 2px 2px 2px 3px;}
#sidebarlist ul li a:hover {background: #E0E0E0; text-decoration:none;}
#sidebarlist ul a.current{background: #F0F0F0;}
#sidebarlist ul a.current, #sidebarlist ul a.current:hover{font-weight:bold;}
#sidebarlist ul li a.current, #sidebarlist ul li a.current:hover{font-weight:bold;}
#sidebarlist ul li {margin-left: -20px;}
#sidebarlist ul li ul {margin-left: -5px;}
#sidebarlist ul li a span{font-style: italic; padding: 0 0 0 20px;}
/*Footer*/
#footer {width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 0; clear: both; padding: 0;
height: 20px; text-align: center; border-top: 5px solid #000060;
color: #FFD700; background: #0057B8;}
#footer a{color: #FFD700;}
/*Typography*/
h1{margin: 0; padding: 14px 0 15px 302px; font-size: 175%; letter-spacing: 0px;}
h2{margin: 0; padding: 20px 0 20px 0; font-size: 160%; letter-spacing: 0px; color: #222; line-height: 125%}
#bio {text-align: justify; text-indent: 25px;}
#bio p{margin-top: 0; margin-bottom: 0; }
#gen_info {text-align: justify; text-indent: 25px;}
#gen_info p{margin-top: 0; margin-bottom: 0; }
p.justiftext {text-align: justify; text-indent: 25px; margin-top: 0; margin-bottom: 0;}
span.colortext {color: red; font-weight:bold;}
p.flagspace {margin-top: 6px; margin-bottom: 0;}
ol{text-align: justify;}
ul{text-align: justify;}
/*Links*/
a img {border: none;}
a {outline:none !important;}
a:link, a:visited {background: inherit; text-decoration: none; color: #000;}
a:hover {background: inherit; text-decoration: underline;}
h1 a:link, h1 a:visited {background: #000060; text-decoration: none; color: #EEE;}
h1 a:hover {background: #000060; text-decoration: none; color: #FFEC87;}
/*Tables*/
table {border-style: solid; border-color: black; border-collapse: collapse;}
table tr td {border-style: solid; border-color: black;}
#personal_stats table {border-style: none;}
#personal_stats table tr td {border-style: none;}
#staff_table table {border-style: none;}
#staff_table table tr td {border-style: none;}
#educ_materials table {border-style: none;}
#educ_materials table tr td {border-style: none;}
#course_programs table {border-style: none;}
#course_programs table tr td {border-style: none;}
#tutorial_timet table {border-style: none;}
#tutorial_timet table tr td {border-style: none;}
#open_less_timet table {border-style: none;}
#open_less_timet table tr td {border-style: none;}
#statute table {border-style: none;}
#statute table tr td {border-style: none;}
#chair_report table {border-style: none;}
#chair_report table tr td {border-style: none;}
#chair_plan table {border-style: none;}
#chair_plan table tr td {border-style: none;}
#practice_report table {border-style: none;}
#practice_report table tr td {border-style: none;}
#sessions table {border-style: none;}
#sessions table tr td {border-style: none;}
/*Images*/
.transparentflag{filter: alpha(Opacity=40); opacity: 0.4;}
.head_pic {width:1000px; height: 56px; background: url(images/head-pic.png);}
.head_pic:hover {background-position: 0 -56px;}
a.ua_cl_flag {display: inline-block; width: 31px; height: 24px; background: url(images/flags/ua_cl.png);}
a.ua_cl_flag:hover {background-position: 0 -24px;}
a.en_cl_flag {display: inline-block; width: 31px; height: 24px; background: url(images/flags/en_cl.png);}
a.en_cl_flag:hover {background-position: 0 -24px;}
a.scopus_icon {display: inline-block; width: 40px; height: 40px; background: url(images/metrics/scopus.png);}
a.scopus_icon:hover {background-position: 0 -40px;}
a.researchgate_icon {display: inline-block; width: 40px; height: 40px; background: url(images/metrics/researchgate.png);}
a.researchgate_icon:hover {background-position: 0 -40px;}
a.googlescholar_icon {display: inline-block; width: 40px; height: 40px; background: url(images/metrics/googlescholar.png);}
a.googlescholar_icon:hover {background-position: 0 -40px;}
a.orcid_icon {display: inline-block; width: 40px; height: 40px; background: url(images/metrics/orcid.png);}
a.orcid_icon:hover {background-position: 0 -40px;}
a.researcherid_icon {display: inline-block; width: 40px; height: 40px; background: url(images/metrics/researcherid.png);}
a.researcherid_icon:hover {background-position: 0 -40px;}
a.logo_nasu {display: inline-block; width: 84px; height: 108px;background: url(images/logo_nasu.png);
float: left ; margin: 5px 15px 5px 0 }
a.logo_nasu:hover {background-position: 0 -108px;}
a.logo_osa_sm {display: inline-block; width: 108px; height: 95px; background: url(images/logo_osa_sm.png);
float: right; margin: 5px 0 5px 15px}
a.logo_osa_sm:hover {background-position: 0 -95px;}
.leftimg {float: left ; margin: 10px 25px 10px 0 }
.rightimg {float: right; margin: 10px 0 10px 25px}
#courseslist a {display: block; padding: 1px 0px 3px 0px;}
#courseslist a:hover {background: #E0E0E0; text-decoration:none;}