/*    <style  TYPE="text/css"> */


body {
	font: 80%/1.6 Tahoma, arial, helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	
	/* ie5/win hack */
	text-align: center;
	
	/* background: #FFF url(/en/_gfx/layout_darkgreen/header_bg.jpg) repeat-x top left; */
}

/* Universal stuff */

.hidden { position:absolute; left:0px; top:-1000px; width:1px; height:1px; overflow:hidden; }


p {margin-top: 4px;  line-height: 140%; text-align:justify;}
ul {margin-top: 4px; line-height: 140%}
ol {margin-top: 4px;  line-height: 140%}
li {margin-top: 4px; }
table.erasmus th {margin-top: 4px; font-size: 74%; line-height: 140%; vertical-align:top}
table.erasmus td {margin-top: 4px; font-size: 88%; line-height: 140%; vertical-align:top; border-top: 1px dashed gray;}
table.erasmus td span{color: #066;}

table.calednar {margin-bottom: 10px;}
table.calednar td {margin-top: 4px; font-size: 100%; line-height: 140%; vertical-align:top; border-bottom: 1px dashed gray;}

h1, h2, h3 {
	margin: 1% 0;
}
h1 {	font-size : 166%;	color: #0066CC; 	font-weight: normal;	line-height: 120%}
h2 {	font-size : 140%;	color: #066;		font-weight: normal;	} /*06C*/
h3 {	font-size : 120%;	color: #585858;		font-weight: bold;		}
		
.clear { clear: both;  height: 0;  width: 0;  line-height: 0;  font-size: .1px; }
.h10 { clear: both;  height: 10px;  width: 0;  line-height: 10px;  font-size: 10px; }

/* welcome message*/
em.phasize { font-style:normal; font-weight:bold; border-bottom: 0px solid #333; color:#555;}
table.rectorate td {padding:2px; vertical-align:middle; width:50%; white-space:nowrap;}
table.rectorate td.bottomline {border-bottom: 1px solid #585858; color:#808080;font-weight:bold;}

a, a:link 	{ color: #0066CC; 	}
a:visited 	{ color: #369;	/*#369#CCC */	}
a:hover 	{ color: #C60;		}
a:active 	{ color: #b31b1b;		}
a img 		{ border-width: 0; border-style: none;}


/*	init
a, a:link 	{ color: #0066CC; 	text-decoration: none; border-bottom: 1px dotted #0066CC;}
a:visited 	{ color: #369;		text-decoration: none; border-bottom: 1px dotted #369;}
a:hover 	{ color: #C60;		text-decoration: none; border-bottom: 1px solid #C60;}
a:active 	{ color: #b31b1b;	text-decoration: none; border-bottom: 1px solid #b31b1b;}
a img 		{ border-width: 0; border-style: none;}
*/


pre    { width: 90%;  }
code {
	font: 1em "Courier New", Courier, monospace;
	color: #900;
}

form{
	padding:0px;
	margin:0px;
	display: inline;
	border: 0px solid red;
}

/* Header stuff */
#header_start {	height: 3px; background: url(../_home-main/header_bg_t.gif) repeat-x top left; font-size: 1%; clear:both;}
#header_end   { height: 4px; background: url(../_home-main/header_bg_b.gif) repeat-x top left; font-size: 1%; clear:both;	 }

#header {
	background: #366 url(../_home-main/header_bg.gif) repeat-x top left;
	border-bottom: 0px solid #D8E7FE;
}

#header h1 { padding: 0 20px; }
#header p#logo { padding: 0 20px; }

#header *, #header_start, #header_end {
	padding: 0;
	border: 0;
	margin: 0;
}

#header_inner {
	margin:0px auto;
	padding: 0px 0px;
	width:984px;
	text-align: left;
	border: 0px solid red;
}


/* header search */

#header_search {
float:right;
	padding-right: 20px;
	border: 0px solid red;
}
#header_search_inner {
	margin:0;
	padding:0;
	text-align:right;
	width:auto;
	border: 0px solid blue;
}


#header_search_inner table {}
#header_search_inner td{ font: bold 11px/36px Tahoma, Arial, Helvetica, sans-serif; color: #FFF; text-align:right;}
#header_search_inner td.date{ text-align:left; font-weight: normal;}
#header_search_inner td.td_lang{ padding-right:8px; }
#header_search_inner a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin-left: 0px; /* 8px */ 
	padding: 0px;
	text-decoration: none;
	border-bottom: 1px dotted #366;
}
#header_search_inner a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid white;
}
#header_search_inner a {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 1px 0px 1px 0px ; /* 22px */
}
#header_search_inner a#greek,
#header_search_inner a#english {
	padding: 1px 0px 2px 18px ; /* 22px */
}
#greek { font-weight:normal; /* background-image: url(/en/_gfx/layout_darkgreen/el.gif); */}
#english { font-weight:normal; /* background-image: url(/en/_gfx/layout_darkgreen/el.gif); */}
#greek { font-weight:normal; background-image: url(/en/_gfx/layout_darkgreen/el2.gif); /* */}
#english { font-weight:normal;  background-image: url(/en/_gfx/layout_darkgreen/en2.gif); /* */}
#header_search_inner form {display: inline;}
/*
#header_search_inner input.searchbox { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 2px 4px; background-color:#CBFF6A; border: 1px solid #999;}
#header_search_inner input.submitok { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0;}
*/
#searchbox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background:transparent url(../_home-main/search.png) no-repeat scroll left top;
	border:0px none;
	color:#016799;
	height:18px;
	margin-right:0;
	padding:4px 2px 2px 28px;
	width:130px;
	border: 0px solid blue;
}

#header_image_outer {  /* sectiontitle */
/* 	background: transparent url(/en/_gfx/layout_darkgreen/header_image.jpg) no-repeat center 0px; */
 	background: transparent url(../_home-main/head_image_holder_bg.gif) repeat-x center bottom; 
	height: 130px;
	vertical-align:bottom;
}
#header_image {  /* sectiontitle */
/* 	background: transparent url(/en/_gfx/layout_darkgreen/header_image.jpg) no-repeat center 0px; */
 	background: transparent url(/en/header_images/header_image3.jpg) no-repeat center 0px; 
	height: 130px;
	vertical-align:bottom;
}

/* -- nav start --*/
/* Tabs Start */

#buttonTabs {
	margin:0px auto;
	width: 984px;
	border: 0px solid red;
	/* padding: 103px 122px 0 122px; */ 
}


#buttonTabs ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0px;
	padding:0px;

	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	
	padding: 103px 0 0 58px; /* depends of  #header_image height */
	border: 0px solid red;

}
#buttonTabs  li {
	display: block;
	background: transparent;
	background-image:url(/en/_gfx/layout_darkgreen/tab22_off191.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0px ;
	width: auto !important;
  width: 80px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 27px;
	white-space: nowrap;

	text-align: center;
}

#buttonTabs  li a {
	width: 100%;
	display: block;
	text-decoration: none;
	color: #900;
	background: transparent;
	font: normal 11px/27px Tahoma, Arial, Helvetica, sans-serif;
}

#buttonTabs>ul li a { width: 80px; }

	#buttonTabs  li a:hover { color: #005351; background: transparent; }

#buttonTabs  li a#active_menu {
	color: #006;
	font-size: 11px;
	font-weight: normal;
	background-image:url(/en/_gfx/layout_darkgreen/tab22_on191.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#buttonTabs li a#active_menu:hover {
	color: #005351;
}

/* li.two */
#buttonTabs  li.two {
	background-image:url(/en/_gfx/layout_darkgreen/tab22_off191.gif);
	width: auto !important;
  width: 140px;
}
#buttonTabs>ul li.two a { width: 140px; }

/* li.three */
#buttonTabs li.three {
	background-image:url(/en/_gfx/layout_darkgreen/tab22_off191.gif);
	width: auto !important;
  width: 120px;
}
#buttonTabs>ul li.three a { width: 120px; }

/* li.four */
#buttonTabs ul li.four {
	background-image:url(/en/_gfx/layout_darkgreen/tab22_off191.gif);
	width: auto !important;
  width: 154px;
}
#buttonTabs>ul li.four a { width: 154px; }

/* li.five */
#buttonTabs ul li.five {
	background-image:url(/en/_gfx/layout_darkgreen/tab22_off191.gif);
	width: auto !important;
  width: 100px;
}
#buttonTabs>ul li.five a { width: 100px; }



/**** Tabs End */
/* -- nav end -- */




/* -- pathway start -- */

#pathway_outer {
	padding: 0px;
	padding: 8px 0 0 0;
	margin: 4px 4px 0px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #900;
	font-size:11px;
	border: 0px solid red;
	text-align: left;
}

#pathway_outer .pathway1  {
	color: #999;
	text-decoration:none;
	background-color: transparent;
	font-weight: normal;
}

a.pathway, a.pathway:visited  {
	color: #066;
	text-decoration:none;
	background-color: transparent;
	font-weight: normal;
}
a.pathway:hover,  a.pathway:visited:hover{
	color: #066;
	text-decoration:underline;
	background-color: transparent;
	font-weight: normal;
}

#pathway_text {
	line-height: 25px !important;
	line-height: 22px;
}
#pathway_text {
/*
   overflow: hidden; 
	display: block;
	height: 25px;
*/
	line-height: 16px !important;
	line-height: 16px;
	padding-left: 0px;
	margin-bottom: 2px;
}
/*

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}
*/

#pathway_text strong { 	color: #900; }

/* -- pathway end -- */




/* -- SECTION MENU start -- */

#section_title{   /* section name */
	padding-top: 34px;
	text-align:left;
}

#nav_photo{
	border: 0px solid #000;
	background: transparent url(/en/nav_menu_images/nav_admin.jpg) no-repeat top left;
	width:228px;
	 
	height: 120px;
}


/* Navmenus Start */
/*
#mainmenu_outer {
	margin:0;
	margin-right:20px;
	padding: 0;
	background: transparent url(/en/_gfx/layout_darkgreen/subnav_bg.jpg) no-repeat top right;
	width:228px;
}

#mainmenu_inner {
  padding: 10px 0px;
  float: none !important;
}

#mainmenu_inner td{
	background: url(/en/_gfx/layout_darkgreen/nav_menu_separator.gif) no-repeat 100% 100%;
	height:31px;
}

a.navmenu:link, a.navmenu:visited {
	font-family: Tahoma, arial, helvetica, sans-serif;
	display: block;
	background: url(/en/_gfx/layout_darkgreen/nav_menu_arrow.gif) no-repeat  0px -25px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #00C;
	text-align: left;
	padding-top: 5px;
	padding-left: 12px;
	padding-bottom: 5px;
	width: 95%;
	text-decoration: none;
	line-height: 1.2em;
}

a.navmenu:hover {
	background-position: 0px 8px;
	text-decoration: none;
	color: #CC6600;
}
#active_menu1 {
	background-position: 0px 8px;
	color:#585858;
	font-weight: normal;
}

a#active_menu1:hover {
	color: #E15704;
}

#submenu_open {
	background-position: 0px -25px;
	color:#585858;
	font-weight: normal;
}

a#submenu_open:hover {
	background-position: 0px 8px;
	color: #E15704;
}
/ * Submenus (Navmenus) * /

ul.submenu{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color:#333333;
	line-height: 1em;
}

li.submenu {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}


a.submenu:link, a.submenu:visited {
	display: block;
	width:80%;
	background: url(/en/_gfx/layout_darkgreen/submenu_bg.png) no-repeat;
	margin: 0px;
	padding: 2px 0px 2px 15px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 200 !important;
	color: #996;
	text-align: left;
}

a.submenu:hover {
	background-position: 0px -40px;
	color: #C43C03;
	text-decoration: underline;
}

#active_submenu {
	background-position: 0px -40px;
	color:#990000;
	font-weight: normal;
}

a#active_submenu:hover {
	color: #E15704;
}


*/

#mainmenu_outer {
	margin: 2px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:200px;
	border-left: 14px solid #CCC;
}

#mainmenu_inner {
  padding: 0px 0px 0px 4px;
  float: none !important;
}

#mainmenu_inner table{
	border-top: 1px solid #CCC;
}

#mainmenu_inner td{
/*	background: url(/en/_gfx/layout_darkgreen/nav_menu_separator.gif) no-repeat 100% 100%; */
	height:28px;
}

a.navmenu:link, a.navmenu:visited {
	display: block;
	padding: 5px 0px 5px 12px;
	font: bold 11px/1.2em Tahoma, arial, helvetica, sans-serif;
	color: #069;
	text-align: left;
	vertical-align: middle;
	width: 95%;
	text-decoration: none;
	background: url(/en/_gfx/layout_darkgreen/nav_menu_arrow.gif) no-repeat  0px -25px; 
	border-bottom: 1px solid #CCC;
}

a.navmenu:visited {
	color: #699;
}

a.navmenu:hover {
	background-position: 0px 8px; 
	text-decoration: none;
	color: #CC6600;
	border-bottom: 1px solid #CC6600;
}
#active_menu1 {
	background-position: 0px 8px;
	color:#585858;
}

a#active_menu1:hover {
	color: #CC6600;
}

#submenu_open {
	background-position: 0px -25px; /* -40px */
	font-weight: bold;
	color:#585858;
	border-color: #585858;
}

a#submenu_open:hover {
	background-position: 0px 8px;
	color: #CC6600;
}
/* Submenus (Navmenus) */

ul.submenu{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color:#333333;
	line-height: 1em;
}

li.submenu {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}


a.submenu:link, a.submenu:visited {
	display: block;
	margin: 0px;
	padding: 4px 0px 4px 15px;
	background: url(/en/_gfx/layout_darkgreen/nav_menu_arrow.gif) no-repeat 0px -25px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 200 !important;
	color: #069;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

a.submenu:visited {
	color: #69C;
}

a.submenu:hover {
	background-position: 0px 8px;
	color: #C43C03;
	border-color: #C60;
}

#active_submenu {
	background-position: 0px 8px;
	color:#585858;
	font-weight: normal;
	border-color: #999;
}

a#active_submenu:hover {
	color: #C60;
}

/* Navmenus End */


/* -- SECTION MENU end -- */




/* -- MAIN LAYOUT start -- */

#wrapper{
	clear:both;
	background: #FFF url(../_home-main/main_page_bg.gif) repeat-x left top;

}

#main_body{
	margin: 0 auto;
	width: 954px; /* 984 */

	background-color:#f5f5f5;
}

#content{
	padding: 0px;
	width: 712px;
	float:right;
	
	background-color:#5A69D3;
}

#mainNav{
	width: 228px;
	float: left;
	background-color:#F1ECE0;
	border: 0px solid red;
}

#mainContent{
	padding: 0px;
	width: 458px;
	float:left;
	text-align: left;
	
	background-color:#DEE0FE;
}
#mainContent strong {	color: #333;  }



#secondaryContent{
	width: 240px;
	float: right;
	background-color:#EBF8BE;
	text-align: left;
}


#main_body, #content, #mainNav, #mainContent, #secondaryContent {background-color:transparent; /* */}

/* -- MAIN LAYOUT end -- */


/* -- SEARCH-INDEX start -- */

.search-index #main_body{
				margin: 0 auto;
				width: 954px; /* 984 */
			
				background-color:#f5f5f5;
              }

.search-index #content{
				padding: 0px;
				width: 950px;
				float:right;
				
				background-color:#5A69D3;
              }

.search-index #mainNav{
				width: 0px;
				float: left;
				background-color:#F1ECE0;
				border: 0px solid red;
				display:none;
              }

.search-index #mainContent{
				padding: 0px;
				width: 698px;
				float:left;
				text-align: left;
				
				background-color:#DEE0FE;
              }
.search-index #mainContent strong {	color: #333;  } /*xreiazetai?*/



.search-index #secondaryContent{
				width: 240px;
				float: right;
				background-color:#EBF8BE;
				text-align: left;
              }


.search-index #main_body,   .search-index #content, .search-index #mainNav,
.search-index #mainContent, .search-index #secondaryContent {background-color:transparent; /* */}

/* -- SEARCH-INDEX LAYOUT end -- */



/* -- HOME MAIN LAYOUT start -- */

#homeMainbody{
	margin: 0 auto;
	width: 950px; /* 950 see home-layout-png */

	background-color:#f5f5f5; 

	border: 0px solid red;
}

#homeContent {
	padding: 0px;
	width: 690px;
	float:left;
	border: 0px solid red;
	background-color:#5A69D3;
}
/* [homeContent] [sidebar] */
#sidebar{
	width: 240px;
	float: right;
	background-color:#F1ECE0;
	border: 0px solid red;
}


#feature{
	padding: 0px;
	width: 420px;
	float:left;
	text-align: left;
	
	background-color:#DEE0FE;
}
/* [feature] [highlights] */
#highlightsCol {
	width: 248px;
	float: right;
	background-color:#EBF8BE;
}


#homeMainbody, #homeContent, #sidebar, #feature, #highlightsCol {background-color:transparent; /* */}

/* homepage staff */

#featureMain {margin:8px 0 0; padding: 0 0 4px 0; background: transparent url(../_home-main/feature_bg.gif) no-repeat bottom center; }
 #featureMain p{color: #333;	font: 88%/1.3em Tahoma, arial, helvetica, sans-serif; padding: 0 4px;} /* 88%/1.2em */
#featureMain p.readmore{padding: 8px 4px 8px; }

#featureMain h2 { 	}
h2#welcome {
	margin: 34px 0 4px 0px; /* 	margin: 30px 0 4px 0px; */
	height: 26px;
	text-indent: -9000px;
	background: url(../home-page/university-of-ioannina.jpg) no-repeat;
}

#welcomeMsg {margin:10px 0 0; padding: 2px 0.6em 0px 0; background: #FFF4C8 url(../home-page/rector_message_bg-new.gif) repeat-x top left; border-bottom: 0px solid red;}
#welcomeMsg img {margin:0; padding: 10px; float:left; border-width: 0;}
#welcomeMsg p {border: 0px solid red; }

#welcomeMsg_photo{  margin:0; padding: 0px; float:left;  width: 66px;	 border: 1px solid green; background: #FFF4C8 url(../home-page/rector_message_bg-new.gif) repeat-x top left;}
#welcomeMsg_text{ 	margin:0; padding: 0px; float:right; width: 344px;   border: 1px solid green; background: #FFF4C8 url(../home-page/rector_message_bg-new.gif) repeat-x top left;}
				
#welcomeMsg h2 {
	margin: 10px 0 4px 65px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	text-indent: -9000px;
	background: url(../home-page/rectorate-welcome.gif) no-repeat;
}

h2#information_about{
	text-align: left;
	margin: 24px 0 8px 0px;
	height: 13px;
	line-height: 13px;
	font-size: 13px;
	text-indent: -9000px;
	background: url(../home-page/information-about.gif) no-repeat top left; 
}
#highlight-spacer {margin: 0; padding: 0;   height: 40px; background: transparent url(../home-page/information-about-image.jpg) no-repeat 50% 50%  ; border: 1px solid #CCC;
/*   */
 display:none; float:right; width:60px; height: 50px; margin:4px; background-position: top left; 
}

.highlight { border-bottom: 1px dashed #336699;}
.highlight img { padding: 2px; }
.highlight h3{ margin: 0; font-size:100%; }
  .highlight p{color: #333;	font: 88%/1.3em Tahoma, arial, helvetica, sans-serif; padding: 2px 0 0; margin: 0; } /* 88%/1.2em  */
.highlight .readmore{ padding: 8px 0 4px; margin: 0; text-align:right;}
  .highlight .readmore a {display:block; padding: 0px 0 2px; margin: 0;  } /* padding: 0px 0 0 ; */

.highlight h3{
	margin: 8px 0 4px 0px; /* margin: 10px 0 4px 0px; */
	padding: 1px 0 0;
	text-align:left; 
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	text-indent: -9000px;
	background-color: transparent;
	background-repeat:  no-repeat;
}
h3#schools_departments { background-image:url(../home-page/schools-departments.gif);}
h3#exchange_programme { background-image:url(../home-page/exchange-programme.gif);}
h3#foreign_students { background-image:url(../home-page/foreign-students-admission.gif);}
.highlight h3#notitle {	margin: 30px 0 2px 0px;
 background-image:url(../home-page/foreign-students-admission.gif);}


#homeSearch {
	margin:16px 0 0; padding: 0; 
	background: #FEF1DB url(../home-page/home-search-bg.gif) repeat-x top left; 
	text-align:left;
	border-bottom: 0px solid red;
}
#homeSearch form{
	margin: 10px 0 20px 10px; border: 0px solid red; display:block;
}

#homeSearchInner {
	margin:0; padding:  4px 10px; 
	background: transparent url(../home-page/home-search-bg-sdw.gif) no-repeat top right; 
	text-align:left;
	border-bottom: 0px solid red;
}
#homeSearch p {border: 0px solid red; }





/*
#header_search_inner input.searchbox { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 2px 4px; background-color:#CBFF6A; border: 1px solid #999;}
*/
#homeSearch input.submitok { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0;}
#searchboxmain {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background:transparent url(../_home-main/search.png) no-repeat scroll left top;
	border:0px none;
	color:#016799;
	height:18px;
	margin-right:0;
	padding:4px 2px 2px 28px;
	width:130px;
	border: 0px solid blue;
}
#homeSearch label{font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0;}




h2#home_search {
	margin: 4px 0px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	text-indent: -9000px;
	background: url(../home-page/home-search.gif) no-repeat;
	clear:both;border: 0px solid red;
}

#az_index { text-align:left;}

#az_index h2{
	margin: 10px 0 4px 0px;
	height: 9px;
	line-height: 9px;
	font-size: 9px;
	text-indent: -9000px;
	background: url(../home-page/az-index.gif) no-repeat;
}

#az_index div{
	padding: 4px 10px;
}



#usefulLinks { text-align:left; } /*overflow:auto; height: 340px;*/

#usefulLinks h2{
	margin: 10px 0 4px 0px;
	height: 9px;
	line-height: 9px;
	font-size: 9px;
	text-indent: -9000px;
	background: url(../home-page/useful-links.gif) no-repeat;
}

#usefulLinks ul {
	margin: 0;
	padding: 0;
	font-weight:bold;
	border-top: 1px solid #DDD;
	font-size:11px;

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#usefulLinks ul li {
	list-style: none;
	margin: 0;
	  padding:4px 0px 4px 20px;  /* padding:4px 0px 6px 20px; */
	border-bottom: 1px solid #DDD;
	background: url(../_home-main/arrow.gif) no-repeat top left;
}

#usefulLinks ul li a:link, #usefulLinks ul li a:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #1D5FA2;
	background-color: #ffffff;
}

#usefulLinks ul li a:hover, #usefulLinks ul li a.current {
	color: #C60;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

div#usefulLinks div {
 clear: both;  height: 1px;  line-height: 1px;  font-size: .1px; border: 1px solid #EEE; background-color: #EEE; margin: 1px 0 1px;
}

/* -- HOME MAIN LAYOUT end -- */



/* -- SIDE BAR LAYOUT start ----------------------------------------------------------------------------- */

/*    Related Links  Start */

.sideLinks{
	padding-bottom: 20px;
	background: transparent url(../_home-main/side-links-bg.jpg) no-repeat right bottom;
	border: 0px solid red;
}
.sideLinks h3{
	margin: 20px 10px 0 0;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	clear:both;
	border-bottom: 1px dotted #369;
}

h3#side_see_also {background-image: url(../_home-main/side-see-also.gif);}
h3#related_links {background-image: url(../_home-main/side-rel-links.gif);}

.sideLinks ul {
	margin: 10px 10px 0;
	padding: 0;
	font-weight:normal;
	font-size:11px;

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.sideLinks ul li {
	list-style: none;
	margin: 0;
	padding:4px 0px 6px 20px;
	background: url(../_home-main/arrow.gif) no-repeat top left;
}

.sideLinks ul li a:link {
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	text-decoration: none;
	color: #06C;
	border-bottom: 1px dotted #06C;
}

.sideLinks ul li a:visited {
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	text-decoration: none;
	color: #585858;
	border-bottom: 1px dotted #FFF;
}

.sideLinks ul li a:hover, .sideLinks ul li a.current {
	color: #C60;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom: 1px solid #C60;
}

.sideLinks a#esn-guide:link,
.sideLinks a#esn-guide:visited {
 	display:block;
	padding-left: 26px;
	padding-bottom: 1px;
	margin: 10px;
	text-decoration: none;
	color: #585858;
	background: transparent url(../_gfx/PDF-icon-small.gif) no-repeat left -4px;
	border: 0px solid red;
	line-height: 100%;

}

.sideLinks a#esn-guide:link span,
.sideLinks a#esn-guide:visited span {
 	display:block;
	background: transparent url(../_gfx/esn-icon.gif) no-repeat left top;
	line-height: 8px;
	height: 8px;
	
}

.sideLinks a#esn-guide:link strong,
.sideLinks a#esn-guide:visited strong {
 	display:block;
	line-height: 120%;
	font-size: 12px;
}

.sideLinks a#esn-guide:link em,
.sideLinks a#esn-guide:visited em {
 	display:block; font-size: smaller; 	font-style:normal;
}

.sideLinks a#esn-guide:hover { color: #36c; }

.sideLinks a#esn-guide:link em i,
.sideLinks a#esn-guide:visited em i {
 	color: #999; font-style:normal;
}


/*    Related Links  End */


/* -- SIDE BAR LAYOUT end ----------------------------------------------------------------------------- */



/* -- DIRECTORY start ----------------------------------------------------------------------------- */

/* http://www.bristol.ac.uk/contacting-people/ */
.contact-box {width: 100%; border-bottom: 1px solid #E4BB13; background-color: #ffffff;}
.contact-box h3{
padding: 4px 8px; margin-bottom: 0px; margin-top: 0px;}
.contact-box p {padding: 4px 8px; font-size: 90%; background-color:#EAEAEA; border-top: 1px solid #E4BB13;}

div.row {clear: both; padding-top: 5px;}

div.row label {
  float: left;
  width: 30%;
  text-align: right;
  font-size: 1em;
  color: #585858;
  font-weight: bold;
  }
div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  font-size: 1em;
  color: #000000;
  } 



#directory {clear:both; border:0px dashed red;}
#searching_strings {display: none}
#directory table{border-top: 1px dashed #999; width: 100%;}
#directory table th{border-bottom: 1px dashed #999; text-align:left; padding: 2px 4px; color: #999;}
#directory table td{border-bottom: 1px dashed #999;}

#directory table td .fullname {color: #069; margin: 2px 0 0; font-size: 1.1em;}
#directory table td .details {
	margin: 0 0 6px 0;
	padding-left: 7px;
	border-left: 3px solid #CCC;
	font-size: 11px;
	line-height: 130%;
}

#directory table td .idiothta {color: #066; font-weight: bold; } /* Ocupation */
#directory table td .department {color: #585858;}
#directory table td .tomeas {color: #999;}
#directory table td .home_address {color: #585858;}
#directory table td .home_phone {color: #585858;}

#directory table td.thlefwno {text-align:center;}
#directory table td.phone_email {text-align:right; vertical-align:top;}
#directory .prefix {color: #585858; margin: 2px 0 0; font-size: 1.0em; padding-right: 2px;}
#directory .thlefwno {color: #900; margin: 2px 0 0; font-size: 1.1em;}
#directory .location {font-size: 11px; color: #999; padding-bottom: 4px;}

/* -- DIRECTORY end ------------------------------------------------------------------------------- */



/* -- FOOTER start -- */

#footer_wrapper{
	clear:both;
	background: #FFF url(../_home-main/footer_bg.gif) repeat-x left top;

}

#header_start,
#header_end,
#header,
#header_image_outer,
#header_image,
#wrapper,
#footer_wrapper {


	/* max-width hack for IE since it doesn't understand the valid css property */
	width: expression(document.body.clientWidth < 984 ? "984px" : "100%");  
	min-width: 984px;
}


#footer {
	margin: 10px auto;
	padding: 24px 0px 18px;
	width: 984px;
	border: 0px solid black;
}

#maintainer{
	float:right;
	text-align:right; 
	font-size: 11px;
	width: 240px;
	line-height: 160%;
}

#maintainer a{
	display:block;
	font-weight:normal; 
	color:#333; 
	text-decoration:none;
	border-bottom: 1px solid #f5f5f5;
}

#maintainer a:hover{
	border-bottom: 1px dashed #333;
}
#maintainer img{
	padding: .6em 0 .6em  .2em;
	float:right;
	border: 0px solid black;
}
#maintainer strong{
	display:block;
	color:#900; 
	
}

/* -- footer_nav start -- */
/* -- www.cssbased.com --*/
#footer_nav {
	width:740px;
	float:left;
	text-align: left;
	font-size: 11px;
	line-height: 160%;
	color: #999;

	border: 0px solid red;
}

#footer_nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer_nav li {
	float:left;
	margin:0px;
	padding:0px;
	text-transform:none;
	border-left: 1px solid #333;
}

#footer_nav li.first {
	border-left: 0px solid #f5f5f5;
}

#footer_nav li a {
	float:left;
	margin:0 6px;
	padding:0px 2px 0px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #f5f5f5;
}

#footer_nav li.first a {
	margin-left:0;
}


#footer_nav li a:hover, #nav li a:active , #nav li a:visited{
	color: #333;
}

#footer_nav li a:hover {
	border-bottom: 1px solid #333;
}
/* -- footer_nav end -- */

/* -- FOOTER end -- */




/* -- images and captions start -- */

div.odspimage {
  margin: 5px
/*
  border: 1px solid #ccc;
*/
}

.odspimage {
  margin: 5px
/*
  border: 1px solid #cccccc;
*/
}

.odspimage_caption {
	display:block;
  margin-top: 2px;
  background: #E8F0ED;
  padding: 1px 2px;
  color: #595959;
  text-transform: none;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

/* -- images and captions end -- */





/*  University of Leicester */

p.righttxt {
	text-align:right; padding:0px 7px 0px 0px ;
}

.righttxt a, .righttxt a:link, .righttxt a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#003366;
}

.righttxt a:hover {
	color:#E78727;
text-decoration:none;}

.columnOne h2 { border-bottom: 1px solid #CCC; color: #999}

.alphabet{
padding:12px 0px 7px 0px;
font-size: 100%;
margin:0px 0px 0px 0px;
background-color: #ffffff;
}

.alphabet ul {
	margin:0px;
	padding:0px;
	display: inline;
} 

.alphabet ul li {
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style: none;
	display: inline;
	font-weight:normal;
	line-height:250%;
}

.alphabet ul li a:link, .alphabet ul li a:visited {
	margin: 0;
	text-decoration: none;
	padding:4px 8px;
	color: #333333;
	background: #ffffff url(../_home-main/a-z-button-back.gif) repeat-x right bottom;
	
	border:1px solid #a89f78; 
}


.alphabet ul li a:hover {
	margin: 0;
	text-decoration: none; 
	padding:4px 8px;
	color: #ffffff;
	background: #B01C2E none;
	border: solid 1px #7E1724;
}

#az_index .alphabet2 {font-size: 11px; }
#az_index .alphabet2 ul li { line-height:200%; }
#az_index .alphabet2 ul li a:link, .alphabet2 ul li a:visited { padding:2px 4px;}
#az_index .alphabet2 ul li a:hover { 	padding:2px 4px;}


.abclear{clear:both;}


/* end University of Leicester */


/* a-z */

#a-z  { float: left;  padding: 0px;  margin: 0; width: 100%;  display: inline; font-size: 80%; line-height: 1.3; } 
#a-z div { line-height: 1.3; background: #FCF6D4 url(cmsimages/a-z-back-2.gif) repeat-x; border: solid 1px #ECCD29; float: left;  padding: 7px; margin-top: 1em;   }
#a-z h2 {  background: white url(cmsimages/pagetitle-crest.gif) no-repeat 2px 75% ; border-bottom: 1px dashed #ccc;   }
#a-z ul {   float: left;   margin: 0; list-style-image: none;  list-style-type: none; font-size: 120% }
#a-z ul li  { font-size: 70%; line-height: 100%; background: white url(cmsimages/a-z-button-back.gif) repeat-x right bottom; margin: 0; padding: 0; display: inline;   }
#a-z ul li a, #a-z ul li a:visited  { color: #333333; text-decoration: none; background: white url(cmsimages/a-z-button-back.gif) repeat-x left bottom; float: left; margin: 2px 2px; padding: 3px 4px; border: solid 1px #a89f78; display: block }
#a-z ul li a:hover  { color: white; text-decoration: none; background: #B01C2E none;  border: solid 1px #7E1724; }

.red { color: red !important;}

.img_preview {
	margin-top: 80px;
	padding: 83px 0 34px;
	background: transparent url(../header_images/img/bg.png) no-repeat  top center;
	border: 0px solid red;
	height: 130px
}
.img_preview div{
	background: transparent url(../header_images/img/blank.gif) no-repeat top center;
	height: 27px;
	text-align:center;
	padding: 103px 0 0;border: 0px solid blue;
}
.img_preview div span{
	background: transparent url(../header_images/img/menu.gif) no-repeat top center;
	text-align:center;
	padding: 0;
	display:block;
	clear:both;
	border: 0px solid yellow;
	height: 27px;
}

.img_preview p{
	padding: 4px;
	font: normal 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #585858;
	text-align:center;
	clear:both;
	border: 0px solid yellow;
}



/* -- Useful Links page start -- */

.linkpage { }

.linkpage dl {clear: both; margin: 0; padding: 0;}
.linkpage dt {font-weight: bold; color: #069; margin: 2px 0 0; font-size: 1.1em; border-bottom: 1px dotted #999; margin-right: 20px;}
.linkpage dd { border: 1px dotted #C00;
	padding-bottom: 20px; padding-right: 20px;
	background: transparent url(../_home-main/side-links-bg.jpg) no-repeat right bottom;
	border: 0px dotted red;
 }
.linkpage img { border: 0; float:right; padding:10px; }




/* -- end Useful Links page  -- */

/* -- Contacts page start -- */

table.contacts{border-top: 1px dashed #999; width: 100%; margin-bottom: 2em;}
table.contacts th{border-bottom: 1px dashed #999; text-align:left; padding: 2px; color: #066; vertical-align: top; white-space:nowrap; font-weight: normal; width: 20%}
table.contacts td{border-bottom: 1px dashed #999; padding:2px; }

/* -- end Contacts  page  -- */

/* -- Useful Telephone page start -- */

table.telephone {width: 98%; border-bottom: 0px solid #999;}
table.telephone th{background-color: #f5f5f5;  border-bottom: 8px solid #FFF;}
table.telephone tr{  padding: 14px 0px;}
table.telephone td {text-align: right; vertical-align:bottom; border-bottom: 12px solid #FFF; font-size: 0.88em; }
table.telephone td strong { color: #585858 !important; font-weight: bold}
table.telephone td.heading{font-size : 100%; text-align: left; padding-top: 10px;}
table.telephone td.service{text-align: left; border-top: 0px solid #999; border-bottom: 1px dashed #999; border-top: 4px solid #FFF; line-height: 110%; font-size: 1em; padding-right: 10%;}
table.telephone span.phone{}
table.telephone span.fax{white-space:nowrap; color:#066}



/* -- end Useful Telephone  page  -- */




.news-browse-story {  float: left; margin: 10px 0 0 0; border-bottom: 1px dashed #ccc; padding: 0 0 10px 0; width: 100%;/* negative margin for trailing character bug http://www.positioniseverything.net/explorer/dup-characters.html */

margin-right: -3px;  }

.news-browse-story img {  float: right; border: 1px solid #B1B0B0; margin: 0 0 10px 10px;  }
.news-browse-story img.news-photo {  float: none; border: 1px solid #B1B0B0; margin:10px 0;  }
.news-browse-story h2 { font-size: 120%; font-weight: bold; margin: 0 0 0 0px; padding: 0;  }

.news-browse-story .news-browse-date { font-size: 10px; margin: 0 0 0 0px; padding:4px; color: #585858  }

.news-browse-story .news-browse-abstract { font-size: 100%; margin: 0.5em 0 0 0px; padding: 0 ; text-align: left;}

.news-browse-story .news-browse-news{ font-size: 100%; line-height:160%; }

.news-browse-story .file-attachment {}


/* Attachment Icons -- icon , news */

a.icon-doc {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-ms-word.gif) no-repeat center left;  width: 80%;
}
a.icon-pdf {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-adobe-acrobat.gif) no-repeat center left;   width: 80%;
}
a.icon-xls {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-ms-excel.gif) no-repeat center left;  width: 80%;
}
a.icon-ppt {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-ms-ppoint.gif) no-repeat center left;  width: 80%;
}

a.icon-docx {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-ms-word-x.gif) no-repeat center left;  width: 80%;
}
a.icon-xlsx {
padding:4px; padding-left: 20px; background: transparent  url(/gr/_gfx/icons/icon-ms-excel-x.gif) no-repeat center left;  width: 80%;
}

/* -- math50years logo! start -- */
.math50yearsLogo 
{
	float:right; text-align:center; font-size:8.5pt; line-height:120%; color: #999;
}

.math50yearsLogo a,
.math50yearsLogo a.math50yearsLink:link,
.math50yearsLogo a.math50yearsLink:visited 
{
	color: #999 !important;
	text-decoration:none;
	background-color: transparent;
	font-weight: normal;
	border: 1px dotted #fff;
}

.math50yearsLogo a.math50yearsLink:hover,
.math50yearsLogo a.math50yearsLink:visited:hover
{
	color: #585858 !important;
	text-decoration:none;
	background-color: transparent;
	font-weight: normal;
	border: 1px dotted #C03;
}

/* -- math50years logo! end -- */

#ribbonNew2016 {
position:absolute;
top:0;
right:0;
padding:0px;
}
