﻿ /* layout styles */

/*Page containers */
#page_container
{
	position:absolute;
	top:0;
	width:770px;
	height:100%;
	background-color:#b2cef2;
}

#container
{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -400px;
	width: 770px;
	height: 750px; /*background:#ffffff;*/;
	background: #e1ecff;
	/* margin-top:10px;*/
}

/*Masthead area */
#masthead 
{
	position:relative;
	width:100%;
	height:100px;
	padding:0 0 0 0;
	background-color:#ffffff;
	background-image:url(../images/name_logo.jpg);
	background-repeat:no-repeat;
	background-position:83% 45px;
	border-bottom-style:solid;
	border-bottom-color:#525051;
	border-bottom-width:1px;
}
#masthead_inside
{
	position:relative;
	width:100%;
	height:100px;
	padding:0 0 0 0;
	background-color:#ffffff;
 	background-image:url(../images/mtn_sky_masthead.jpg);
   	background-repeat:no-repeat;
  	background-position:0 0;
	border-bottom-style:solid;
	border-bottom-color:#525051;
	border-bottom-width:1px;
}
#masthead_inside h1 { color:White; }
#masthead_head_left
{
	position:relative;
	float:left;
	margin-left:0px;
	width:400px;
	height:80px;
	padding:20px 0 0 20px;
}
#masthead_photo_right
{
	position:relative;
	float:right;
	width:90px;
	height:100px;
	padding:0px;
	background-image:url(../images/me-msthd-img.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#masthead_head_right
{
	position:relative;
	float:right;
	margin-left:0px;
	width:350px;
	height:80px;
	padding:20px 0 0 20px;
}
#masthead_logo_left
{
	position:relative;
	float:left;
	margin:45px 0 0 3px;
	width:210px;
	height:47px;
	background-image:url(../images/name_logo_left.jpg);
	background-repeat:no-repeat;
}
#masthead_photo_left
{
	position:relative;
	float:left;
	width:90px;
	height:100px;
	padding:0px;
	background-image:url(../images/me-msthd-img.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
/*Navigation top horizontal bar */
#navtop
{
	position:relative;
	width:100%;
	height:26px;
	padding:1px;
	background-image:url(../images/nav_bg.jpg);
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#525051;
}
#navbar
{
	margin:0 0 0 0;		
}
#navbar li
{
	list-style:none;
/*	margin:0 0 0 20px; */
	margin:0;
	display:inline;
    border-right:2px solid #fff;
}
#navbar li a
{
	text-indent:0;
	text-decoration:none;
	padding:1px 20px 0 20px;
    height:26px;
    line-height:26px;
}

/*Navigation Left vertical */
#navleft
{
	position:relative;
	float:left;
	width:152px;
	height:492px;
	background-color:#e3e3e3;
	margin:0 0 0 0;
	padding:0 10px 0 10px;
}

/*Navigation Right Vertical */
#navright
{
	border-right: 2px #C0C0C0;
	position: relative;
	float: right;
	width: 155px;
	height: 492px;
	background-color: #e3e3e3;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
}

ul#navlist
{
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navlist
{
	border-top:1px solid #0033a6;
/*  	border-bottom:1px solid #0033a6; */
}
#navlist li
{
	list-style: none;
	padding: 2px 0 3px 0;
	text-align: left;
	border-bottom: 1px solid #0033a6;
}
#navlist li a { text-decoration: none; font-weight:normal; color: black; display:block; }
#navlist li a:link { text-decoration: none; }
#navlist li a:visited { text-decoration: none; }
#navlist li a:hover { color: #F3110B; }
#navlist li a:active { color: black; }

/*Content blocks */
#content_inside
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	height:492px;
	background:#ffffff;
}
#content
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	height:492px;
	background:#ffffff;
}
/*Home page */
#content
{
	width:77.5%;
}
#content_image
{
	position:relative;
	float:left;
	padding:0px;
	width:100%;
	height:200px;
	background-image:url(../images/clouds03eagle_masthead.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	margin-bottom:0px;
	clear:both;
}
#content_hdmain
{
	position:relative;
	margin-bottom:10px;
}
#content_head
{
	position:absolute;
}
#content_hdmain
{
	float:left;
/* 	padding-top:10px; */
/* 	margin-top:x; */
	top:10px;
	width:100%;
	height:20px;
}
#content_head
{
	float:left;
/* 	padding-top:10px; */
/* 	margin-top:x; */
	top:10px;
	width:100%;
	height:20px;
}
#content_body_main
{
	position:absolute;
	float:left;
    top:280px;
	width:100%;
	height:60%;
	clear:both;
}
#content_body
{
	position:absolute;
	float:left;
    top:80px;
/*	margin-top:40px; */
	width:100%;
	height:80%;
	clear:both;
}

/*Inside pages */
#content_inside
{
	width: 61.5%;
}
#content_image_inside
{
	position:relative;
	float:right;
	width:124px;
	height:492px;
	background-color:black;
	background-image:url(../images/kykladic-full.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}

/*Inside page list with no links */
ul#servlist
{
	margin: 10px 20px 0 35px;
	padding: 0;
  	text-align:left; 
}
#servlist li
{
	list-style-type:disc;
  	list-style-position:outside;
	margin:0 0 10px 0;
	padding:0;
}
#servlist li a 
{ 
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
	color: black;
}

/*Inside page list with link to publications */
ul#publist
{
	margin: 10px 20px 0 35px;
	padding: 0;
  	text-align:left; 
}
#publist li
{
	list-style-type:disc;
  	list-style-position:outside;
}
#publist li a 
{ 
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
	color: black;
	margin:0 0 5px 0;
	padding:0;
}
#publist li a:link { text-decoration: none; }
#publist li a:visited { text-decoration: none; }
#publist li a:hover { color: #F3110B; }
#publist li a:active { color: black; }

/*Greek name box */
#hadzi_name_box
{
	position:absolute;
	float:left;
	width:88%;
	height:55%;
	background-color:#e7eef4;
  	margin:15px 10px 10px 20px;
	padding:0 0 0 0; 
	border:solid 1px black;
}
#hadzi_name_content
{
	position:relative;
	float:left;
	width:100%;
	height:90%;
	background-color:#e7eef4;
  	margin:0 0 0 0;
	padding:0 0 0 0; 
}
#hadzi_name_box p
{
	margin:0 20px 5px 20px;
	padding:0;	
}
#Greek_Key_bar
{
  	position:relative;
	float:left;
	width:100%;
	height:21px;
	clear:both;
	background-image:url(../images/Greek-Key-2.jpg);
/*	margin:0 0 10px 0; */
/*	border:solid 1px;*/
}

/*Footer area stuff */
#barbottom
{
	position:relative;
	clear:both;
	padding:1px;
	margin-top:0px;
	width:770px;
	height:15px;
	background-color:#525051;
}

#footer
{
	position:relative;
	text-align:center;
	clear:both;
	padding:1px;
	width:770px;
	height:65px;
	background-color:#e3e3e3;
}
#navbarfooter
{
	padding:17px 1px 1px;
	margin:0;		
}
ul#navbarfooter
{
	list-style:none none inside;
	margin:10px 0 0 0;
	padding:0;	
}
#navbarfooter li
{
/*	list-style:none;*/
/*	margin:0; */
	display:inline;
    border-right:1px solid #fff;
}
#navbarfooter li a
{
	text-indent:0;
	text-align:center;
	text-decoration:none;
	font-size:0.9em;
	font-weight:normal;
	color:Black;
	padding:0.25em 1.0em 0.25em 1em;
    height:18px;
    line-height:18px;
}
/*#navlist li a:visited { text-decoration: none; }*/
#navbarfooter li a:hover { text-decoration:underline; }
/*#navbarfooter li a:active { color: #F3110B; }*/

#navbar li.lastlink
{
	border: 0;
}

#footer li.lastlink
{
	border: 0;
}
#footer li.firstlink
{
	padding: 0 5px 0 0;
}
/*#navbarfooter li a:hover { color: #F3110B; }*/

