* { margin: 0; padding: 0; font-size: 12px; }

body { background-image: url(/images/Texture0206.jpg); font-family:  arial, verdana, tahoma, sans-serif; text-align: center; padding: 20px; color: #555; }

p { margin: 10px 0; }
ul { margin-right: 20px; }
li { margin: 5px 0 }
cite { color: #dd2459; }

form button { background-color: #EFEFFF; border: 1px solid #888888; font-size: 13px; font-weight: bold; }

div.topLinks a, div.bottom a { font-weight: bold; }
a:link {color: #1F1B1B; }
a:visited {color: #1F1B1B; }
a:hover {color: #555555; }
a:active {color: #1F1B1B; }

div.maincontent h1 { font-size: 16px; color: #555555; text-decoration: underline; }
div.maincontent h2 { font-size: 14px; color: #555555; }
div.maincontent h3 { font-size: 13px; color: #FF6600; font-weight: bold; }
div.maincontent h4 { margin: 10px 0; font-size: 13px; color: #555555; font-weight: bold; }

div.page { direction: rtl; background-color: #f5f5f5; border: solid 5px black; width: 900px; margin: 0 auto; }

div.topLinks, div.title, div.maincontent, div.sidebar h3, div.phrase, div.bottom { border: solid 1px #888; background-color: #D6D7F5; }

div.topLinks { padding: 14px; margin: 2px; }
div.title { margin: 2px; height: 80px; }
div.title h1 { font-size: 18px; margin: 15px; }
div.title h2 { font-size: 16px; margin: 10px; }
div.left { float: right; width: 740px; }

div.maincontent { margin: 2px; padding: 10px; text-align: justify; overflow: hidden; min-height: 250px; }
div.main_image { float: left; margin: 10px; vertical-align: middle; text-align: center; }
div.main_image img { border: solid 2px black; }

div.sidebar { float: right; padding-left: 5px; width: 150px; text-align: justify; }
div.sidebar h3 { border: solid 1px black; background-repeat: repeat-y; color: black; font-size: 14px; margin: 5px; padding: 5px; width: 90%; text-align: center; }
div.sidebar p { margin: 7px; }
div.sidebar a { color: #888; background-color: inherit; }
div.sidebar img { border-width: 0; margin: 1px; }

div.phrase { padding: 0 20px; clear: both; margin: 2px; }
div.bottom { clear: both; margin: 2px; color: black; }
div.bottom img { border-width: 0px; margin: 2px; vertical-align: bottom; }

#contact_form div { text-align: center;}
#contact_form label { width: 30%; float: right; font-weight: bold; font-size: 15px; }
#contact_form input { background-color:#EFEFFF; width: 300px }
#contact_form textarea { background-color:#EFEFFF; width: 300px }

.field_onfocus { background-color: #B5B6DF; font-size: 16px; font-weight: bold; }
.field_error { background-color: #FF6600; font-size: 16px; font-weight: bold; }

/* Examples */

fieldset.example { -moz-border-radius: 5px; margin-top: 10px; padding: 5px 10px; border: solid 1px #888888; }
fieldset.example legend { margin-right: 10px; padding: 0 10px; font-size: 13px; font-weight: bold; color: #555555; }
fieldset.example img { float: left; margin-right: 10px; }
fieldset.example table { width: 550px; }
fieldset.example table th { width: 80px; text-align: right; }
fieldset.example table td { min-width: 80px; }
fieldset.example .td_second { width: 80px; }
fieldset.example h4 { margin: 10px 0; }
fieldset.example div { padding: 0 10px; border-right: solid 1px #888888; }
