/** shared */
* { margin: 0px; padding: 0px; }
div,ul,ul li { overflow: hidden; }
body { font: 11px Tahoma,Arial,Helvetica,Sans-Serif; color: #212121; background: #E3E3E3 url(../images/bg-body.jpg) repeat-x 0 0; }
body img,body form,body fieldset { border: 0px; }
a { color: #228FCE; text-decoration: none; }
a:hover { color: #165C87; }
input.text,select { font: 12px Tahoma,Arial,Helvetica,Sans-Serif; border: 1px solid #888888; color: #212121; padding: 3px; margin: 1px 0px; width: 350px; }
select { width: 358px; }
textarea { font: 12px Tahoma,Arial,Helvetica,Sans-Serif; border: 1px solid #888888; color: #212121; padding: 1px 2px; margin: 1px 0px; width: 352px; height: 120px; }
input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; }
ul { list-style-type: none; }
option { padding: 1px 2px; }
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }

/** page */
#page { width: 820px; overflow: hidden; margin: 0 auto; }
#page b.sep { display: block; height: 10px; overflow: hidden; background: url(../images/bg-sep.jpg) repeat-x 0 5px; }
#page fieldset { padding: 5px 10px; margin: 5px 0px; border: 1px solid #cccccc; }
#page fieldset legend { padding: 0px 3px; font-weight: bold; font-size: 11px; color: #228FCE; }
#page div.center { text-align: center; }

/** top */
#top { width: 820px; height: 195px; overflow: hidden; position: relative; background: url(../images/bg-top.jpg) no-repeat 0 0; }

/** menu */
#menu { height: 31px; overflow: hidden; background: url(../images/bg-menu.jpg) no-repeat bottom left; margin-bottom: 22px; }
#menu ul { margin: 9px 20px; overflow: hidden; }
#menu li { float: left; display: inline; border-left: 1px solid #B0BAC5; padding: 0 11px 0 10px; margin-left: -1px; }
#menu a { color: #fff; }
#menu a.special { color:#FF472F; }
#menu a:hover { color: #7CB9FF; }

/** sidebar */
#sidebar { float: left; width: 212px; display: inline; overflow: hidden; }
#sidebar div.top { height: 8px; width: 212px; background: url(../images/bg-sidebar-top.jpg) no-repeat 0 0; overflow: hidden; }
#sidebar div.container { background: #fff url(../images/bg-content.jpg) repeat-x bottom; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; padding: 14px 25px 20px 25px; width: 160px; }
#sidebar div.bottom { height: 11px; width: 212px; background: url(../images/bg-sidebar-bottom.jpg) no-repeat 0 0; overflow: hidden; }
#sidebar li { padding: 5px 0 5px 20px; background: url(../images/bg-sidebar-menu-item.gif) no-repeat 4px 8px; width: 140px; }
#sidebar form { text-align: right; }
#sidebar input.text { width: 95px; }
#sidebar input.btn { margin-right: 30px; }
#sidebar div.contact { font-size: 12px; }

/** content */
#content { width: 600px; float: right; display: inline; overflow: hidden; }
#content div.top { margin-top: 10px; height: 9px; width: 600px; background: url(../images/bg-content-top.jpg) no-repeat 0 0; overflow: hidden; }
#content div.container { background: #fff url(../images/bg-content.jpg) repeat-x bottom; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; padding: 4px 19px 10px 19px; width: 560px; }
#content div.bottom { height: 10px; width: 600px; background: url(../images/bg-content-bottom.jpg) no-repeat 0 0; overflow: hidden; }
#content p { margin-bottom: 15px; text-align: justify; }
#content img.left { margin: 0 7px 5px 0; float: left; }
#content img.left2 { margin: 0 12px 5px 0; float: left; padding: 2px; background: #fff; border: 1px solid #212121; }
#content div.contact { font-size: 16px; text-align: center; }
#content div.contact div.details { margin: 10px 0; padding: 10px 10px 10px 260px; height: 150px; background: url(../images/flow_art.jpg) no-repeat 150px 8px; font-size: 13px; text-align: left; }
#contactarea { text-align: right; overflow: hidden; width:450px; margin: 10px auto; padding:15px; border:1px solid #333; background-color:#eee; font-size: 12px; }
#content ol { margin-left: 20px; }
#content ul.list { margin: 0 0 20px 20px; list-style-type: square; overflow: visible; }
#content ul.list li { overflow: visible; }
#content table { width: 558px; border-collapse: collapse; border: 1px solid #cccccc; margin: 5px 0; }
#content table td { padding: 2px; text-align: left; border: 1px solid #cccccc; }
#content table th { padding: 2px; text-align: left; background: #cccccc; font-size: 12px; }
#content th.center,#content td.center { text-align: center; }
#content td.right { text-align: right; }
#content th a { color: #212121; text-decoration: underline; }
#content th a:hover { text-decoration: none; }
#content div.pager { text-align: center; padding: 15px 0px; }
#content div.pager a { text-decoration: none; color: #228FCE; border: 1px solid #228FCE; padding: 3px 5px; font-weight: bold; background: #fff; }
#content div.pager a.active { background: #f8ffdd; color: #212121; border-color: #212121; }
#content div.pager a:hover { text-decoration: underline; background-color: #ffeacd; }


/** footer */
#footer { background: url(../images/bg-footer.gif) repeat-x; height: 16px; text-align: center; margin: 30px 0; padding: 6px 0; }

/** messages */
#message { padding: 7px 10px; text-align: center; margin: 5px; border: 1px dotted red; color: red; background: #fff; font-weight: bold; }