* { margin: 0; padding: 0; }
body , select { font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 1em; }
body { text-align: center; background-color: #aac2da; background-image: url("../images/body.png"); background-position: 50% 0;background-repeat: repeat-y; }

#logo { position: absolute; top: 1px; left: 30px; }
#foot { padding: 10px; text-align: center; font-size: .7em; }
#foot p { color: #888; }

h1,h2,h3,h4,h5,h6 { margin-bottom: 1ex; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; clear: both; color: #666; }
h1 { color: #216c97; font-size: 1.2em; margin: 0 0 1ex 0; padding-bottom: 2px; }
#news h1 { border-bottom: 1px solid #aac2da; }
h2 { font-size: 1.1em; margin: 1ex 0; padding: 2px 10px; color: #216c97; text-align: left; clear: both; border-bottom: 1px solid #cbd7e3; }
h3 { font-size: 1em; margin: 1ex 0 0 0; padding: 1ex 10px .5ex 10px; color: #94a8bd; border-bottom: 1px solid #cbd7e3; }
h4 { font-size: .9em; margin: 1ex 0 0 0; padding: 1ex 10px 5px 10px; color: #94a8bd; }
h5 { font-size: .8em; margin: 1ex 0 0 0; padding: 1ex 10px 0 10px; color: #666; text-align: center; }
h6 { font-size: .7em; margin: 1ex 0 0 0; padding: 1ex 10px 0 10px; color: #888; text-align: right; }

hr { clear: both; color: #aac2da; background-color: #aac2da; margin: 10px 0 0 0; height: 1px; border-style: none; } 
img { border-style: none; }
a { color: #216c97; text-decoration: none; }
a:hover { color: #FF8C00; }

.error , .message { color: #444; clear: both; display: block; padding: 5px 10px; margin: 10px 0; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; text-align: center; }
.message { border: 1px solid #94a8bd; background-color: #cbd7e3; color: #444; }
.error { border: 1px solid #f00; color: #f00; font-weight: bold; }
.info { clear: both; }
.paragraph { padding: .5ex 10px; }

div.details { margin: 1ex 0; clear: both; font-size: .8em; line-height: 130%; text-align: justify; }
div.details ol, div.details ul { margin: 1ex 1em; list-style-position: inside; }
div.details p { margin: 1ex 1em; }
div.details ol li, div.details ul li { margin-left: 1em; }

/* cycle */

.pictures {  float: right; margin: 0 0 10px 10px; padding: 5px; }
.pictures img { display: block; }
img.users { border-style: solid; border-width: 1px; border-color: white; filter:alpha(opacity=50); opacity: 0.5; }
img.users:hover { filter:alpha(opacity=100); opacity: 1; border-color: #000; }
.offer { display: block; float: left; margin: 2px; width: 100px; height: 100px; }
.offer img { width: 100px; height: 100px; }

blockquote { font-size: .8em; clear: both; color: #444; margin: 10px 0; line-height: 150%; }
blockquote div.justify { text-align: justify; }
blockquote div.left  { text-align: left; }
blockquote p { margin: 1ex 10px; }
blockquote ul { list-style-position: outside; list-style-type: none; }
blockquote ul li { margin: 1ex 1em; }
blockquote address { text-align: center; }
img.email { vertical-align: top; }

h3.marker { color: #216c97; font-size: 1em; font-weight: bold; }
p.marker { max-width: 500px; padding: 0 1em 1em 1em; font-size: .7em; }

#search { font-size: 1em; float: right; padding: 0 1px 1px 1px; margin: 1px; background-color: #fff; }
#search input[type="text"] { font-size: .7em; width: 10em; padding: 0; margin: 0; outline: none; border: none; color: #94a8bd; }
#search select { font-size: .7em; padding: 0; margin: 0; border: none; outline: none; color: #94a8bd; }
#gg { clear:both; }
#gg span { float: right; margin-top: 1px; }
#gg img { display: block; width: 112px; height: 26px; }

/* menu */

#menu { z-index: 999999; position: relative; border-bottom: 1px solid #94a8bd; margin-left: 255px; }

#menu ul { font-size: 1em; font-variant: small-caps; text-transform: capitalize; }
#menu ul ul { position: absolute; font-size: .8em; display: none; padding: 0; text-transform: uppercase; border: 1px solid #94a8bd; border-top: none; background-color: #fff; }

#menu ul li { float: left; list-style-type: none; margin: 1px .5em 0 0; }
#menu ul ul li { float: none; margin: 0; padding:0; text-align: left;  }

#menu ul li a { display: block; padding: 2px; margin: 0; color: #216c97;  }
#menu ul li a:hover { color: #FF8C00;  }

#menu ul ul li a { color: #216c97; background: #fff url("../images/right.gif") no-repeat  2px center; padding: .5ex 15px; margin: 0 1px 1px 1px;  }
#menu ul ul li a:hover { background-color: #e7eef4;  }
 
#menu ul li:hover ul { display: block; }

.menus { clear: both; }
.menus ul { font-weight: bold; clear: both; list-style: none; }
.menus li { display: inline; }
.menus li a { display: block; float: left; background-color: #aac2da; border: 1px solid #94a8bd; color: #FFF; margin: 10px 1px 10px 0; padding: 5px 10px; font-size: 0.8em; font-weight: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; }
.menus li a span { padding-bottom: 10px; }
.menus li a.bold { background-color: #94a8bd; }
.menus li a:hover {	background-color: #e7eef4; color: #555; }

/* opinions */

p.opavg { float: right; font-variant: small-caps; font-size: .8em; margin-right: 10px; }
p.opnum { font-variant: small-caps; font-size: .8em; margin-left: 10px; }
p.page_links { float: right; }
p.page_links a , p.page_links strong { display: block; float: left; margin: .5ex .5ex 1ex 0; border: 1px solid #AAA; background-color: #EEE; width: 3ex; height: 3ex; line-height: 3ex; text-align: center; font-weight: normal; padding: 1px; }
p.page_links a:hover , p.page_links strong:hover { border: 1px solid #000; }