
html, body{ height: 100%; }
body{ text-align: center; font-family: verdana; }

*{ margin: 0; padding: 0; }

#envelope{ 
	width: 784px; height: 100%; background: white; text-align: left; margin: 0 auto; 
	border-left: 1px solid black; border-right: 1px solid black;
}

#hp{ height: 80px; width: 784px; }
#text-env{ height: 57px; background: #51423D; position: relative; }
#text-env h1{ 
	height: 30px; width: 280px; font-size: 22px; position: absolute; top: 15px; left: 30px; font-family: calibri, arial;
	font-weight: normal; font-style: italic; line-height: 30px; 
}
#text-env h1 a{ color: white; text-decoration: none; }
#text-env p{ width: 200px; text-align: center; font-size: 11px; position: absolute; top: 15px; left: 350px; color: white; }

#breadcrumbs{ 
	background: #D4E426; height: 25px; font-size: 10px; line-height: 25px; font-weight: bold; padding: 0 20px;
	border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; 
}
#breadcrumbs a{ color: black; }

#perex{ padding: 10px 20px; background: #A3BE1F; border-bottom: 2px solid #FFFFFF; color: white; }
#perex p{ font-size: 11px; margin-bottom: 5px; line-height: 1.5em; }
#perex p a{ color: white; font-weight: bold; }

#content{ padding: 10px; }
#content h1{ font-size: 16px; font-family: calibri, arial; background: #BBC343; padding: 5px; color: white; }

#content table#profile{ margin: 10px 0; }
#content table td{ padding: 3px 5px 3px 0; font-size: 10px; }
#content table td p{ line-height: 1.4em; font-size: 10px; margin: 0 0 5px 0; }

#profile-env .info{ margin: 10px 0; }
#profile-env .info p{ font-size: 11px; }

#profile-env input.submiter{ 
	background: #A3BE1F; color: white; 
	border: 2px solid #838A2D;
	border-top: 2px solid #D4E426; border-left: 2px solid #D4E426;
	padding: 0 5px;
	cursor: pointer; _cursor: hand;
}

/* ---------------------------------------------------------------------- */

#newsLetter-env{ width: 175px; height: 75px; background: #DBE82B; margin: 0 0 10px 0px; text-align: left; }
#newsLetter{ padding: 8px; font-family: Verdana, "Trebuchet MS", sans-serif; }

#newsLetter *{ margin: 0; padding: 0; }
#newsLetter h3, #newsLetter p{ font-size: 0.6875em; }

#newsLetter p.info{ margin: 5px 0 10px 0; }
#newsLetter p.info a{ color: black; font-weight: bold; }


#newsLetter form p, #newsLetterArt form p{ position: relative; height: 18px; }
#newsLetter input.txt,
#newsLetterArt input.txt{ border: 0; width: 130px; height: 12px; padding: 3px; font-size: 11px; position: absolute; top: 0; left: 0;}

#newsLetterArt input.txt{ border: 1px solid black; }

#newsLetter input.submiter,
#newsLetterArt input.submiter{ width: 16px; height: 15px; border: 0px; position: absolute; top: 1px; left: 140px; 
cursor: pointer; _cursor: hand; background: url('/img/mail-zima.gif') no-repeat; }

#newsLetterArt input.submiter{ top: 3px; left: 145px; }

.article *{ font-size: 12px; }
.article h2, .article h3{ padding: 5px; background: #BBC343; margin: 5px 0; }
.article h3{ background: #D4E426; }
.article p{ line-height: 1.4em; font-size: 11px; margin: 0 10px 5px 10px; }
