/* Developed by CJ Stefanidis */


.noscreen {display:none;}

* {
	margin: 0;
	padding: 0;
}


a {
	color: #8f5038;
	text-decoration: underline;
}


a:hover {
	text-decoration: none;
}

body {
	font-size: 10.5pt;
	line-height: 1.75em;
	font-family: Arial, sans-serif;
	background: #D0C8BA;
	color: #383939;
}

br.clear {
	clear: both;
}

h1,h2,h3,h4 {
	
	font-weight: normal;
}


h2,h3, h4 {
	margin-bottom: 1em;
	font-family: "Trebuchet MS", sans-serif;
color: #616161;
}


h2 {
	font-size: 1.8em;
}


h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.1em;
	color: #616161;	
}

p {
	margin-bottom: 0em;
}


ul {
	margin-bottom: 0em;
}

#bg {
	
	background: url('images/gr.png')  ;
}

#content {
	width: 900px;
	margin: 0px 1000px 0 115px;
	padding: 28px;
	border-bottom: solid 0px #c0c0c0;
	background: #EDEBE5;
}


#content2 {
	width: 900px;
	margin: 0px 1000px 0 120px;
	padding: 28px;
	border-bottom: solid 0px #c0c0c0;
	background: 90887D;
	height: 40px;
}


#copyright {
	margin: 28px 0 0px 0;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	color: #787979;
	font-family: "Trebuchet MS", sans-serif;
	color: #616161;
	font-size: 1.2em;
}


#copyright a {
	color: #616161;
}


#header {
	position: relative;
	padding: 28px;
	height: 126px;
	width: 1124px;
	
}
#footer a {
	color: #eee;
}

#footer h2, #footer h3, #footer h4 {
	color: #ffffff;

}

#footer ul {
	list-style: none;
	margin-bottom: 0;
}

#footer p {
	margin-bottom: 0;
}

#footer ul li {
	padding: 8px 0 8px 0;
	border-top: dotted 1px #8c8c8c;
}

#footer ul li.first {
	padding-top: 0;
	border-top: 0;	
}

#footerContent {
	width: 812px;
	float: left;
}

#footerSidebar {
	width: 232px;
	margin: 0px 0 0 0px;
}

#logo {
	text-align: center;
	position: relative;
	margin: -30px auto;
	height: 98px;
	line-height: 50px;	
}

#logo a {
	text-decoration: none;
	color: #80220F;
	text-shadow: 1px 1px 1px #EDEBE5;
}

#logo h1 {
	font-size: 2.70em;
	font-family: Alura, cursive;	
}

#main {
	position: relative;
	padding: 0px;
	margin: 28px 0 0 0;
	width: 1180px;
	color: #474747;	
}

#main strong {
	color: #242424;
}

#main h2, #main h3, #main h4 {
	color: #0d0d0d;
}

#main ul {
	list-style: none;
}

#main ul li {
	padding: 8px 0 8px 0;
	border-top: dotted 1px #bdbdbd;
}

#main ul.imageList li {
	padding: 16px 0 16px 0;
}

#main ul li.first {
	padding-top: 0;
	border-top: 0;
}



#outer {
	position: relative;
	width: 1180px;
	padding-top: 30px;
	margin: 0 auto 0 auto;
}

#search input.button {
	margin-left: 1em;
	border: 0px;
	color: #ffffff;
	background: #8f5038;
	padding: 5px;
}

#search input.text {
	border: dotted 1px #000;
	padding: 4px;
}


#first {   margin-top: 15px; margin-left:20px; float: left;   width: 200px;}
#second {margin-top:10px; margin-left:380px; width:500px; text-align: justify; line-height: 180%; text-justify: inter-word; }
#third { margin-top: -20px;  margin-left: 130px; line-height: 210%; float:    width: 900px;}
#forth {margin-top:10px; margin-left:380px; width:500px; line-height: 210%; text-align: justify; text-justify: inter-word; }}

#tab  {   margin-left: 80px;}

#tabs {
position: absolute;
	bottom: 0;
	left: 510px;
	width: 700px;
	height: 17px;
	line-height: 30px;
	margin: 28px 0 0 0;
	background: ;
	font-size: 1.2em;
	font-family: "Helvetica", sans-serif;
	border-bottom: solid 0px #F7F2E9;
	border-top: solid 0px #F7F2E9;
	text-shadow: 0 0px 0px #626262;
}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; color:#80220F;  text-decoration:none; cursor:pointer;}
    
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0;  _left:-15px; width:8px; height:8px; background: 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:100% 0 no-repeat;}
    
    #tabs ul li a:hover {background: 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:100% 0 no-repeat;}

    #tabs ul li#active a {background:#EDEBE5; color:#671B0C;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background: 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:100% 0 no-repeat;}