
body {
	font: 68.5%/1.7em Arial, verdana, geneva, sans-serif;
	color:#000000;
	margin:0;
    background: #E1E1E1;
    background-image: url(../images/bg_btmgrade.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
  background-attachment: fixed
}

* {
	margin:0;
	padding:0;
}

table {
    font-size: 0.90em;
    border: 1px solid #EEEEEE;
    background: transparent url(../images/paper23.gif) repeat-y;
  line-height: 1.9em
}


td {
  margin-left:10px;
}

th {
  width: 85px;
  text-align: right;
  vertical-align: top;
  padding-right:10px;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size:3.9em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}

h1 a {
	text-decoration:none;
	color:#333;
}

#footer {
	padding:15px;
	text-align:right;
	border-top:1px solid #eee;
	margin:0;
	color:#FFFFFF;
    height:100px;
    background: url(../images/footer_bg.jpg) no-repeat;
}

#footer a, a:link {
    text-decoration:none;
	color:#FFFFFF;
}
#footer a:hover {
    text-decoration:none;
	color:#FFFFFF;
    border-bottom: 1px dotted #FFFFFF
}
#footer a:active {
    text-decoration:none;
	color:#FFFFFF;
}



#header {
    border-top:20px solid #77B000;
    background: transparent url(../images/topbg.jpg) no-repeat
}

#header .description {
	float:right;
	margin:95px 10px 0 0;
	color:#8EBD2F;
}

#header h1 {
	margin:65px 0 0 0;
	padding:25px 25px 40px 0;
	/*border-bottom:20px solid #fafafa;  */
}

#wrapper {
	width:765px;
	margin:0 auto;
  background-color: #FFFFFF
}

#nav {
	border-bottom:1px solid #eee;
	padding:7px 0;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

#nav li {
	float:left;
	list-style:none;
}

#nav li a {
	color:#999;
	padding:5px 5px 7px 5px;
	background:#fff;
	font:1.6em Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}

#content {
	margin:0 275px 50px 0 ;
	margin:0 277px 50px 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:10px 25px 30px 25px;
  background-color: #FFFFFF
}

#content p {
	line-height:25px;
	margin:25px 0;
	font-size:110%;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #eee;
}

#content a:hover {
	color:#000;
}

#content h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.8em;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px solid #f6f6f6;
	padding:5px 0;
}

#content h2 a {
	color:#444;
	text-decoration:none;
	border:none;
}

#sidebar {
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}

p.news_prov {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
  text-align: right
}
p.news {
	padding:10px 35px 10px 0;
	background:#D7F0B2 url(../images/GA_Bckgrd.jpg) repeat-x;
    height: 40px;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
  text-align: right;
  font-size: larger;
  font-weight: bold
}
p.news a, a:link {
    text-decoration:none;
	color:#336600;
}
p.news a:hover {
    text-decoration:none;
	color:#336600;
    border-bottom: 1px dotted #336600
}
p.news a:active {
    text-decoration:none;
	color:#336600;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img {
    border: 0;
}

#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

#proverbe {
    /*margin: 10px 5px 5px 5px; */
    padding: 20px 20px 20px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: right;
    font-size: 1.1em;
    width: auto;
    height: 50px;

}
.right_aligned {
    text-align: right;
    font-size: 0.9em;
    margin: -2px;
}

/*------------------------------------*/
form {
margin : 0;
padding : 0;
}

fieldset {
float : left;
margin : 0 1em 0 0;
padding : 1em;
border : 1px solid #ccb7b5;
}

	fieldset div br {
	display : none;
	}

/* Style the legend, labels and the div containing the submit button. */

legend {
font-weight : bold;
color : #333;
margin : 0;
padding : 0.5em;
}

label {
display : block;
}

#fm-submit {
clear : both;
padding-top : 1em;
}

/* Add the double border effect. */

fieldset div {
width : 196px; /* Width for modern browsers */
border-top : 1px solid #EEEEEE;
border-right : 1px solid #EEEEEE;
border-bottom : 1px solid #EEEEEE;
border-left : 1px solid #EEEEEE;
margin : 0;
padding : 1px;
}

	* html fieldset div {
	/*width: 200px; /* Width for IE5 */
	width: 196px; /* Width for IE6 */
	}

fieldset div input{
width: 192px; /* Width for modern browsers */
border-top : 1px solid #EEEEEE;
border-right : 1px solid #EEEEEE;
border-bottom : 1px solid #EEEEEE;
border-left : 1px solid #EEEEEE;
padding : 1px;
}

	* html fieldset div input {
	/*width: 196px; /* Width for IE5 */
	width: 192px; /* Width for IE6 */
	}
/*textarea {
    width: 182px;
}

* html textarea {
    width: 192px;
}
     */


form input.submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

form input.submit:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}



/* Mandatory fields. */

.fm-required {
border-top : 1px solid #f05d49;
border-right : 1px solid #f48677;
border-bottom : 1px solid #f7aea4;
border-left : 1px solid #f48677;
}

#container {
margin : 0 auto;
padding : 0;
width : 770px;
text-align : left;
}

#passzone {
  background: #FFFFF2;
  text-align: center
}

#passno {
  background: #FFDDDD url(../images/Attention.gif) no-repeat;
  text-align: center;
  padding: 0 5px 0 5px
}

#passyes {
  background: #EEFFCC;
  text-align: center;
  padding: 5px 5px 5px 5px
}
 /*
 * Les Images!
 */
#sftp, #pardon {
  border: thin solid #DFDFDF;
 width: 482px;
  height: 243px;
  padding: 5px 5px 5px 5px;
}
#sftp {
  background: transparent url(../design_item/Smartftp_thumb.gif) no-repeat center;
}
#pardon {
  background: transparent url(../design_item/Pardon_thumb.gif) no-repeat center;
}
#gamain{
 background: transparent url(../ga_item/GAMain.jpg) no-repeat center;
 width: 498px;
 height: 219px;
}
#gayarlar{
  background: transparent url(../ga_item/GASettings.gif) no-repeat center;
 width: 268px;
 height: 222px;
}
#gatray {
 background: transparent url(../ga_item/GATray.jpg) no-repeat center;
 width: 497px;
 height: 214px;
}
#gaupdate {
 background: transparent url(../ga_item/GAUpdater.gif) no-repeat center;
 width: 316px;
 height: 287px;
}

/*
 * Les Images! du Design
 */
#madex1, #madex2, #nats1, #nats2, #thymo, #takvim, #raff, #sftp, #vit {
  border: thin solid #DFDFDF;
  width: 250px;
  height: 183px;
  padding: 5px 5px 5px 5px;
}

#madex1 {
  background: transparent url(../design_item/Madex106_thumb.jpg) no-repeat center;
}
#madex2 {
  background: transparent url(../design_item/Madex206_thumb.jpg) no-repeat center;
}
#nats1 {
  background: transparent url(../design_item/NATS106_thumb.jpg) no-repeat center;
}
#nats2 {
  background: transparent url(../design_item/NATS206_thumb.jpg) no-repeat center;
}
#takvim {
  background: transparent url(../design_item/Takvim2006_thumb.jpg) no-repeat center;
}
#thymo {
  background: transparent url(../design_item/thymovar_poster06_thumb.jpg) no-repeat center;
  width: 250px;
  height: 350px;
}
#raff {
  background: transparent url(../design_item/Raff_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 290px;
}
#sftpweb {
  background: transparent url(../design_item/SFTPWeb_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 392px;
}
#vit {
  background: transparent url(../design_item/VIT_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 355px;
}
/*
 * Les Images! du Traduction
 */
#sftp, #pardon {
  border: thin solid #DFDFDF;
 width: 482px;
  height: 243px;
  padding: 5px 5px 5px 5px;
}
#sftp {
  background: transparent url(../design_item/Smartftp_thumb.gif) no-repeat center;
}
#pardon {
  background: transparent url(../design_item/Pardon_thumb.gif) no-repeat center;
}
#gamain{
 background: transparent url(../ga_item/GAMain.jpg) no-repeat center;
 width: 498px;
 height: 219px;
}
#gayarlar{
  background: transparent url(../ga_item/GASettings.gif) no-repeat center;
 width: 268px;
 height: 222px;
}
#gatray {
 background: transparent url(../ga_item/GATray.jpg) no-repeat center;
 width: 497px;
 height: 214px;
}
#gaupdate {
 background: transparent url(../ga_item/GAUpdater.gif) no-repeat center;
 width: 316px;
 height: 287px;
}



/***************************************/
.imageex {
	overflow: hidden;
    visibility: hidden
}

/***************************************/
/* BOX INFOS */
#info, #info_madex, #info_nats, #info_thymo, #info_cal {
	top: 204px;
	left: 550px;
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
	/* border: 1px solid #ccc; */
}

#info p, #info_madex p, #info_nats p, #info_thymo p, #info_cal p {
	border: 1px solid #ccc;
	margin: 0 0 30px 0;
	padding: 1em;
	text-align: left;
	font-size: 0.95em;
	background-color: #f5f5f5;
	color: #444;
}

#info p a, #info p a:hover, #info p a:visited{
	background-color: #f5f5f5;
	font-weight: bold;
}




