:active, :focus{
    outline:none;
  }


body {
	margin-left: auto;
	margin-right: auto;
	background:#354475;
	font-family: Arial, Helvetica, sans-serif;
}


h3
{
	font-size: 16px;
	display: block;
/*	width: 180px; */
	border-bottom: 1px solid #cd121d;
	border-top: 1px solid #cd121d;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#side_menu li
{
	padding: 0px;	
	width: 180px;
	text-align: center;
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
	font-size: 12px;
}

#side_menu li a
{
	text-align: center;	
}

#page_wrap
{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
/*	background: #0080ff;*/
	display: block;
}

#banner
{
	border-bottom: 2px solid white;
	height: 86px;
	background: url(../images/banner_2.jpg);
}

#center_page
{
	display: block;
	height: 220px; /* was 268 */
	border-bottom: 2px solid white;
}

#menu
{
	background: url(../images/menu_back.jpg);
	background-repeat: repeat-x;
	height: 44px;
}

#menu_wrap
{
	position: absolute;
}
/*
#menu ul
{
	position: absolute;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
}

#menu ul li
{
	list-style: none;
	float: left;
	display: block;
	font-size: 14px;
	text-align: center;
	padding-top: 16px;
	padding-bottom:18px;
	color: white;
}

#menu ul li a
{
	text-decoration: none;
	color: white;
}
*/
.index
{
	display:block;
	width: 141px;
}

.index:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}

.resume
{
	display:block;
	width: 141px;
}

.resume:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}

.active
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;	
}

.dhm
{
	display:block;
	width: 141px;
}

.dhm:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}

.thesis
{
	display:block;
	width: 205px;
}

.thesis:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}

.euro
{
	display:block;
	width: 141px;
}

.euro:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}

.contact
{
	display:block;
	width: 141px;
}

.contact:hover 
{
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;
}


#content_page
{
	background: url(../images/content_back.jpg);
	background-repeat: repeat-x;
	background-color: white;
	display: block;
	min-height: 400px;
	overflow: hidden;
}

#content_page p
{
	padding-left: 40px;
}

#footer
{
	background: url(../images/footer_back.jpg);
	display: block;
	height: 160px;
}

#footer p
{
	position: absolute;
	color: white;
	margin-left: 350px;
	font-size: 13px;
	margin-top: 40px;
}

#left
{
	display: block;
	float: left;
	background: url(../images/right_back.jpg);
	background-repeat: repeat-x;
	min-height: 400px;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
	background-color: #e6e6e6;
	width: 180px;
}

#left li
{
	padding: 0px;	
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 12px;
	text-align: left; 
	padding: 0px;
	padding-left: 0px;
	float: left;
	margin-left: 20px;
	list-style: circle;
}

#left li:hover
{
	list-style: disc;	
}

#left .active_l
{
	list-style: disc;		
}

#left li a
{
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}

#left li a:hover
{
	text-decoration: underline;
}

#left span li a
{
	text-decoration: none;
}

#left h3
{
	padding: 0px;
	margin: 0px;
	width: 180px;
}

#left span li a:hover
{
	text-decoration: underline;
}

#center
{
	display: block;
	float: left;
	width: 495px;
	min-height: 700px;	
}

#center p{
	margin-left: 10px;
	padding: 0px;
	font-size: 13px;
	text-align: justify;
}


#center p object
{
/*	margin-left: 90px;*/
margin-left: 40px;
margin-top: 20px;
}

#right
{
	display: block;
	float: right;
	width: 225px;
	background: url(../images/right_back.jpg);
	background-repeat: repeat-x;
	min-height: 700px;
	margin-left: 0px;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
	background-color: #e6e6e6;
}

#right h3{
	width: 225px;
}

#socialize
{
	position: absolute;
	margin-left: 720px;
	margin-top: 60px;
}

#socialize img
{
	margin-right: 20px;
}

#footer_links p.terms
{
	position: absolute;
	margin-left: 40px;
}

.copy
{
	position: absolute;
	margin-left: 558px;
	color : white;
	font-size: 13px;
	margin-top: 10px;
}


.copy a{
	color: white;
	text-decoration: none;
}

.copy a:hover
{
	text-decoration: underline;
	color:white;
}

.rule
{
	background: url(../images/rule.png);
	display: block;
	height: 7px;
	width: 485px;
	margin-left: 10px;
}


#youtube
{
	margin-top:1px;
	display: block;
	width: 225px;
	height: 260px;
}

.vid_wrap
{
	margin-left: 5px;
	position: absolute;
	z-index: 500;
}

.b_left
{
	z-index: 9999;
	position: absolute;
	margin-left: 5px;
	margin-top: 195px;
	cursor: pointer;
}

.b_right
{
	z-index: 9999;
	position: absolute;
	margin-left: 170px;
	margin-top: 195px;
	cursor: pointer;
}

#badge
{
	margin-left: 9px;
}

#follow
{
	margin-left: 2px;
	margin-top: 50px;
	width: 200px;
	position: absolute;
}

#cal
{
	margin-left: 20px;	
}

.search
{
	width: 140px;
	margin-left: 10px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
	
#featured{ 
	width:656px;
	padding-right:250px; 
	position:relative; 
	border:2px solid white; 
	border-bottom: none;
	border-top: none;
	height:268px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:663px; 
	list-style:none; 
	padding:0; margin:0; 
	width:245px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:4px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:65px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:676px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.msg_body
{
	background: #ebebeb; 
	font-size: 13px;
	margin-left: 10px;
}

.msg_head
{
	font-weight: bold;
	cursor: pointer;
}

.msg_head:hover
{
	text-decoration: underline;
}

.msg_list{
	font-size: 12px;
	margin-left: 10px;
}

#bullet
{
	background-image: url('../images/arrow.png');
	height: 12px;
	width: 10px;
	margin-left: 18px;
	margin-top: 2px;
	position: absolute;
}

 
/* http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial */

  	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:100px; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:15px 5px 0 5px; 
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color: white;
			padding-bottom: 7px;
			font-size: 14px;
		}

		#nav li a:hover {
			background: url(../images/hover.jpg);	
			background-repeat: repeat-x;
		}
	
		/* you can make a different style for default selected value */
		#nav a.active {
	background: url(../images/hover.jpg);	
	background-repeat: repeat-x;	
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			
		}
		
		#nav ul li {
			width: 123px;
			float:left; 
			border-top:1px solid #fff;
			color: white;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:none;
			color: white;
			background-image: url(../images/hover2.jpg);
			background-repeat: repeat-x;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

 
.video a
 {
 	text-decoration: underline;
 	color: red;
 }

 
li .active_l
 {
 	list-style: disc;	
}

#facebook
{
	position: absolute;
	margin-left: 480px;
	margin-top: 33px;
}

#contactform label.error
{
	color: red;
}

#li_contain2 a
{
	text-decoration: none;
	color: black;
	padding: 0px;
	margin: 0px;
}

.li_contain2 a
{
	text-decoration: none;
	color: black;
	padding: 0px;
	margin: 0px;
}

.li_contain
{
	padding-bottom: 10px;
}

.li_contain a
{
	color: black;
	text-decoration: none;
}

.li_contain a:hover
{
	color: black;
	text-decoration: underline;
}


#Greek
{
	float: left;
	cursor: pointer;
}

#English
{
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

.apilink {
	float: left;
	width: 210px;
	height: 40px;
	margin: 3px;
	margin-top: 10px;
	margin-right: 5px;
	font-size: 13px;
	text-align: center;
	word-wrap: break-word;
	overflow: hidden;
}