@charset "UTF-8";
/* CSS Document */

/* v1.0 | 20080212 */
.clear { clear:both; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}



/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

#Whatishold {display:none; width:430px; background: url(../images/Black.png) 0 0 repeat; border:2px solid #242424; border-top:0px; z-index:10; position:absolute; padding:30px 10px 10px 10px; color:#FFFFFF; margin-left:auto; margin-right:auto; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#WhatIsClose { cursor:pointer;  }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

body { background: url(../images/BodyStefanosRepeat.jpg) 0 0 repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height:1.7em; }
.bodyinner { background: url(../images/BodyStefanos.jpg) center top no-repeat;}
h1 { font-size:22px; margin-bottom:5px; font-weight:normal; }
h2 { font-size:25px; margin-bottom:20px; font-weight:normal; }
h5 { font-size:18px; margin-bottom:20px; font-weight:normal; position:relative; }
h3 { font-size:18px; margin-bottom:20px; font-weight:normal; position:relative; }
h3.link a {float:right; position:absolute; right:0; font-size:12px; }
h3.link a:hover {color:#877b55; }
h4.link span {float:right; position:absolute; right:0; font-size:10px; }
h5.link a {float:right; position:absolute; right:0; font-size:12px; }
h5.link a:hover {color:#877b55; }
h4 { font-size:15px; margin-bottom:15px; font-weight:normal; position:relative; }

a { text-decoration:none; color:#7b1209; }
a:hover { color:#877b55; }

#Frame { width:100%; margin-left:auto; margin-right:auto; min-width:919px; }
#Banner { background:url(../images/bannerfooter.jpg) center 457px no-repeat; }
.Hold { width:919px; margin-left:auto; margin-right:auto; }
.Head { width:919px; height:149px; }
.LogoBig { background:url(../images/stefanos_logo.png) 0 0 no-repeat; width:945px; margin-left:auto; margin-right:auto; }

.Logo { width:300px; height:149px; float:left; display:block; }
.Navigation { width:619px; height:121px; float:left; padding-top:28px;  }
	/*.Search { width:450px; float:right; background:#010101; border-bottom:3px solid #313131; height:50px; color:#FFFFFF; padding:5px; }*/
	.Search { width:450px; float:right; background:transparent; border-bottom:none; height:53px; color:#FFFFFF; padding:5px; }
	.Search .Green { color:#7d8654; font-size:15px; }
	.Search span  { cursor:help; color:#FFFFFF; font-size:10px; }
	.Search span.message { color:#F00; }
	.Search input { border:1px solid #484848; color:#7d7d7d;background:#010101; height:15px; padding:5px; width:159px; font-size:11px; outline:none; }
	.Search .Submit { border:1px solid #a1ab74; color:#FFFFFF;background:#7d8654; height:26px; width:100px; cursor:pointer; font-size:11px;  }
	.Search .Submit:hover {  background:#a1ab74;   }
	.NavHold { height:44px; padding-top:14px; }
		.NavHold ul { float:right; }
		.NavHold li { display:inline; margin-right:11px;}
		.NavHold li.last { display:inline; margin-right:0px;}
		.NavHold li li {margin-right:0px; }
		.NavHold li a { color:#848483;  font-size: 15px; text-shadow: 2px 3px 3px black; padding-bottom:5px;  }
		.NavHold li span { color:#848483;  font-size: 15px; text-shadow: 2px 3px 3px black; padding-bottom:5px;  }
		.NavHold li span.dir { padding-bottom:0px; color:#848483; }
		.NavHold li li a { text-shadow: 0px 0px 0px black; font-size:12px;}
		.NavHold li a.selected { color:#FFFFFF; }
		.NavHold li span.selected { color:#FFFFFF;border-bottom:3px solid #fbdf9d; }
		.NavHold li a:hover { color:#f4e5c6; text-decoration:underline; }
		.NavHold li span:hover { color:#f4e5c6; text-decoration:underline; }
		.NavHold li a.nopadding { padding-right:0px; }
		

.Banner { width:919px; height: 309px; }
.Banner li { height:309px; width:919px; position:relative;}
	
.Banner li a { margin-top:2px; background:url(../images/DiscoverMore.png) 0 0 repeat-x; height:1px; width:115px; padding-top:20px; overflow:hidden; float:right; }
.Banner li a:hover { background-position:0 -21px; }
.BannerText { color:#FFF	; background:url(../images/GreenTran.png) 0 0 repeat; width:360px; height:auto; overflow:hidden; padding:10px; display:block; line-height:1.7em; position:absolute; top:170px; left:430px; }
.BannerText h1 { color:#FFF; }


.crumbs {font-size:11px; margin-bottom:15px; position:relative; padding-right:50px;}
.Print { width:22px; height:18px; display:block; position:absolute; top:0; right:0; }
.Send {  width:22px; height:18px; display:block; position:absolute; top:0; right:30px; }

.MainBanner {overflow:hidden; width:919px; height:309px; display:block; }
.SliderHold { height:309px; width:919px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; }
.SliderHold .next {background:url(../images/RightArrow.png) 0 0 no-repeat; height:161px; width:48px; border:none; position: absolute; z-index:300; top:80px; right:26px; cursor:pointer; outline:none; }
.SliderHold .prev {background:url(../images/LeftArrow.png) 0 0 no-repeat; height:161px; width:48px; border:none; position: absolute; z-index:300; top:80px; left:30px; cursor:pointer; outline:none; }
.SliderHold .prev:hover, .SliderHold .next:hover { background-position: 0 -161px; }
.SliderImages { width:919px; height:309px; display:block;overflow:hidden;}
.SliderImages ul {list-style-type:none; z-index:0; width:919px; height:309px; display:block;overflow:hidden;}
.SliderImages li {padding:0 0px 0 0px; float:left; display:block; width:919px; height:309px; background-position:0 0; background-repeat:no-repeat; line-height:2000em; overflow:hidden;}
.SliderImages a {color:#000000; display:block; width:919px; height:2px; padding-top:307px; overflow:hidden;}

.Content { width:919px; padding:55px 0 50px 0; }
.Left { float:left; width:600px; margin-right:19px; }
	.Intro { font-size:14px; }
	.Copy { padding-bottom:20px; margin-bottom:20px; border-bottom:5px solid #f9f9f8 }

.FormHold { padding:10px;  }
.FormHold input { border:1px solid #7b1209; color:#7b1209;background:#fafaf9; height:15px; padding:5px; width:319px; font-size:11px; outline:none; }
.FormHold input:focus { color:#242424; background:#FFFFFF; }

.FormHold .TextArea { border:1px solid #7b1209; color:#7b1209;background:#fafaf9; height:115px; padding:5px; width:319px; font-size:1.0em; outline:none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.FormHold .TextArea:focus { color:#242424; background:#FFFFFF; }

.FormHold .Submit { border:1px solid #b50404; color:#FFFFFF;background:#7b1209; height:26px; width:329px; cursor:pointer; font-size:11px;  }
.FormHold .Submit:hover {  background:#b50404;   }
.Row { padding:5px 0 5px 0; border-bottom:1px solid #f4f4f2; font-size:11px; }
.RowL { width:250px; float:left; padding-top:3px; text-align:left; }
.RowL img { border:5px solid #efefef; }
.RowL img:hover { border:5px solid #9d906a; }
.RowL img:active { border:5px solid #7b1209; }
.RowR { width:330px; float:left; text-align:left; }
.RowL.Small { width:150px; }
.RowR.Big { width:420px; padding-left:10px; }

	ul.spy li {margin-bottom:5px; }
	.Project { background:#fbdf9d;height:150px; margin-bottom:5px; }
		.ProjectL { float:left; width:395px; padding:10px; height:130px;  }
		.ProjectL a { color:#877b55; }
		.ProjectL a:hover { color:#7b1209; }
		.ProjectR { float:left; width:185px; height:150px; display:block; background-position:0 0; background-repeat:no-repeat;}
		.RelatedProject { margin-top:5px; padding:5px 0px 0px 0px; border-top:1px dashed #e8d7b4; }
	.NewsHold { background:#fbdf9d;height:150px; margin-bottom:5px;}
		.NewsL { float:left; width:353px; padding:10px; font-size:11px;  }
		.NewsL a { color:#877b55; }
		.NewsL a:hover { color:#7b1209; }
		.NewsR { float:left; width:227px; height:150px; display:block; background-position:0 0; background-repeat:no-repeat; position:relative; z-index:0;}
		.NewsR .NewsDate { z-index:10; position:absolute; top:0; right:0; }

		.Pagination { padding:10px;}
		.Pagination ul li { display:inline; }
		.Pagination ul li span { display:block; float:left;   }
		.Pagination ul li span.first {margin-right:15px;}
		.Pagination ul li span a {color:#FFFFFF;padding:6px 10px 6px 10px; border:1px solid #b50404; background:#7b1209;}
		.Pagination ul li span a:hover, .Pagination ul li span a.selected {  background:#b50404;   }
		
		
.Right { float:left; width:300px;}
ul.NewsArchive li a { padding:5px;  background:#fbdf9d; width:290px; display:block;border-bottom:1px dashed #e8d7b4; }
ul.NewsArchive li a:hover { background:#fcf1da;  }

.News { width:298px; height:auto; border:1px solid #7b1209; height:197px; }
	.NewsDate { width:50px; height:45px; display:block; background:#7b1209; float:right; text-align:center; color:#FFFFFF; padding-top:5px;}
		.newsbig { font-size:25px; height:23px;}
		.newssmall { font-size:15px; height:27px;}
	.NewsText { background:url(../images/Black.png) 0 0 repeat; width:288px; height:77px; margin-top:60px; overflow:hidden; padding:5px; color:#FFFFFF; font-size:11px; line-height:1.5em; }
	.NewsText h6 { font-size:14px; margin-bottom:2px; padding-bottom:2px; font-weight:normal; position:relative; border-bottom:1px solid #000000; }
	.NewsText h6 a:hover {color:#7b1209; }
	.NewsText a { text-decoration:none; color:#877b55; }
	.NewsText a:hover { color:#7b1209; }
.Right h5 { color:#877b55; }

.share { background:url(../images/share.jpg) 0 0 repeat-x; }
ul.Sitemap  {font-weight:bold; }
ul.Sitemap li { padding:5px; border-bottom:1px dashed #b50404; }
ul.Sitemap ul li { border-bottom:none; }
ul.Sitemap ul { margin-left:30px; font-weight:normal; }


#Footer { background: url(../images/footer.jpg) 0 0 repeat-x; height:149px; border-top:1px solid #fbdf9d;}
.Footerhold { width:920px; height:149px; margin-left:auto; margin-right:auto; background:url(../images/footermiddle.jpg) 0 5px no-repeat; padding:0 20px 0 20px; }
.FooterTop { height:100px; }
	.FooterNav { width:680px; height:42px; float:left; padding-top:45px;  }
		.FooterNav ul { float:left; }
		.FooterNav li { display:inline; }
		.FooterNav li a { color:#848483;  font-size: 15px; padding:5px; margin-right:10px; text-shadow: 2px 3px 3px black; }
		.FooterNav li a.selected { color:#FFFFFF; background:#262626; }
		.FooterNav li a:hover { color:#f4e5c6; text-decoration:underline; }
	.FooterLogo { padding-top: 0px; width:240px; height:88px; float:right; }
.FooterBottom { height:25px; padding-top:15px;width:920px; position:relative; }
	.FooterBottom ul { float:left; }
		.FooterBottom li { display:inline; }
		.FooterBottom li a { color:#7b1209;  font-size: 11px; margin-right:10px; text-shadow: 2px 3px 3px black; }
		.FooterBottom li a.selected { color:#FFFFFF; }
		.FooterBottom li a:hover { color:#f4e5c6; text-decoration:underline; }
		.FooterBottom li a.nopadding { margin-right:0px; padding-left:0px; }
		.Charity { float:right; color:#333333; font-size:11px; position:absolute; right:0px;  }
		.Charity li a { color:#444444;}
/**************************SOCIAL MEDIA ICONS**************************/
div#demo { margin: 20px 0px 0px 60px; }div#demo ul#menu { margin:20px 0 0 0; margin-left:0px;    list-style: none;    display: inline-block; }div#demo ul#menu li { padding: 0px;    float: left;    position: relative;    margin-left: 5px;    margin-right: 5px;    width: 48px;    height: 48px;}div#demo ul#menu li a { position: absolute;}div#demo ul#menu li img {    position: absolute;    width: 48px;    top: 0px;    left: 0px;    padding: 0px;    margin: 0 8px 0 0;    border: none;    overflow: hidden;}


/**************************
NAVIGATION
**************************/
.Nav { height:44px; display:block;  }
#Navhold {  }
#Navhold a {}

ul#navMain {padding:0; margin:0; top:0;}

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none;}
ul.dropdown { position: relative; z-index: 597; }
ul.dropdown li {  float: left; line-height: 1.3em;  vertical-align: middle; zoom: 1;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: -10px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: normal;  }
ul.dropdown li { width:auto;   } /* BACKGROUND COLOR */
ul.dropdown li a {}
	
ul.dropdown li.hover,  ul.dropdown li:hover {  } /* HOVER BACKGROUND */

ul.dropdown a:link,  ul.dropdown a:visited { text-decoration: none; }
ul.dropdown a:hover {  }
ul.dropdown a:active { }

/* -- level mark -- */
ul.dropdown ul { width: 240px; margin-top: 0px; }
ul.dropdown ul li {   }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { display:block;   }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {  }
ul.dropdown-upward *.dir { }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir {   }
ul.dropdown-vertical-rtl *.dir {  }

/*-------------------------------------------------/
 * @section		Base Style Extension */
ul.dropdown a, ul.dropdown span { display: block;   }
ul.dropdown a:hover, ul.dropdown span:hover {}
/*-------------------------------------------------/
 * @section		Base Style Override */
ul.dropdown li { border: none; }
ul.dropdown ul a, ul.dropdown ul span {  }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */
ul.dropdown li {  font-weight:normal;  }
ul.dropdown li.hover, ul.dropdown li:hover {  font-weight:normal; }
ul.dropdown li a:active { background:none; }
ul.dropdown li a:hover { }

/* Non-first level */
ul.dropdown ul { margin-top: 3px; border-top:1px solid #000000; }
ul.dropdown ul ul { border-top:none;}
ul.dropdown ul a {  background:#fbdf9d; color:#FFFFFF;}
ul.dropdown ul li { }
ul.dropdown ul li.hover,  ul.dropdown ul li:hover {  font-weight:normal; }
ul.dropdown li a:hover { }
ul.dropdown ul li a {  }
ul.dropdown ul li a:hover { }

/* Mixed */
ul.dropdown *.dir { /*background: url(/Image/nav-arrow-transparent.gif) 10px 5px no-repeat;*/    }
ul.dropdown ul *.dir { padding:13px 0 7px 10px  }
ul.dropdown li a {   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */
ul.dropdown li.hover *.open {     }
ul.dropdown ul li.hover *.open {  }

ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {  font-weight:normal;  }
ul.dropdown-vertical-rtl li.hover *.open { }
ul.dropdown-upward li.hover *.open { }
ul.dropdown-upward ul li.hover *.open { }

/* CSS2 clone */
ul.dropdown li:hover > *.dir {  color: #000000; padding-left:10px;   }
ul.dropdown ul li:hover > *.dir,  ul.dropdown-vertical li:hover > *.dir { padding-left:10px; font-weight:normal; }
ul.dropdown-vertical-rtl li:hover > *.dir2 {  }
ul.dropdown-upward li:hover > *.dir2 {  }
ul.dropdown-upward ul li:hover > *.dir2 {  }

ul.dropdown li {text-decoration: none;  font-weight: normal;  }
ul.dropdown li:hover {border-bottom:3px solid #fbdf9d; margin-bottom:2px;}
ul.dropdown li a.selected:hover {border-bottom:none;}
ul.dropdown ul li { font-size:12px; border-left:none;  border-right:none;}
ul.dropdown li li a {text-decoration: none;  font-weight: normal; width:auto; border-bottom:1px solid #f4ae40;}
ul.dropdown li a {text-decoration: none;  font-weight: normal; width:auto; }
ul.dropdown li a:hover {  }
ul.dropdown ul ul li a:hover {}
ul.dropdown li li a:hover { }
ul.dropdown ul li { color: #FFFFFF;height:auto; }

ul.dropdown ul li:hover {border-bottom:none;}
ul.dropdown ul li a { color: #000000; }
ul.dropdown ul li a:hover { color: #FFFFFF; background:#f4ae40; }
ul.dropdown li a:active {color: #7b1209; }
ul.dropdown ul li a {padding: 7px 10px 7px 10px;}
ul.dropdown li.selected {}