* { margin: 0; padding: 0; }
img, fieldset { border: 0; }

html { height: 100%; background: #fff url(../images/left_background.gif) repeat-y 0 0; }
body { height: 100%; background: url(../images/top_background.gif) repeat-x 0 0; font: normal 11px/1.5em Helvetica, Arial, sans-serif; color: #55626a; position: relative; overflow: auto; }
#wrap { min-height: 100%; }


a { overflow: hidden; color: #1994b9; text-decoration: none; }
a:hover { text-decoration: underline; }

input, textarea { font: normal 11px/1.6em Helvetica, Arial, sans-serif; color: #55626A; }
textarea { overflow: auto; }

p, ul, ol { margin-bottom: 16px; }
li { list-style: none; padding-left: 20px; background: url(../images/bullet.gif) no-repeat 0px 5px; }
li a { color: #f60; }

/*HEADINGS*/
h1 { color: #000; font: 	bold 11px/20px Arial, Helvetica, sans-serif; border-left: 10px solid #ffae00; background: #999 url(../images/title.png) repeat-y 0 0; padding: 0 8px; margin-bottom: 10px; }
h1 a { color: #000; font-weight:bold; }
h2 { font: bold 11px/16px Arial, Helvetica, sans-serif; margin-bottom: 16px; }
h3 { color: #f00; font: bold 11px/20px Arial, Helvetica, sans-serif; } 
h4 { font: bold 11px/16px Arial, Helvetica, sans-serif; margin-bottom: 16px; }

/*LOGO*/
#logo { background: url(../images/top_background.png) no-repeat 0 0; padding: 0 0 0 27px; border: 0; margin: 0; }
#logo a { display: block; width: 232px; height: 53px; background: url(../images/matchflex_logo.gif) no-repeat 0 0; text-indent: -9000px; }

/*BANNER*/
#banner { margin-left: 246px; border-left: 27px solid #fff; background: #999; color: #fff; }
#banner_inside { height: 176px; width: 497px; overflow: hidden; border-right: 10px solid #fff; }

/*MENU*/
#menu { float: left; width: 232px; margin: -176px 0 20px 0; border-left: 19px solid #fff; }
#menu ul { border-left: 8px solid #ccd0d2; background: #eaeaea; min-height: 176px; margin-bottom: 0; }
#menu li { padding: 0; background: none; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #bbbfc1; }
#menu a { display: block; color: #333; line-height: 18px; background: url(../images/menu.gif) no-repeat 11px center; padding-left: 34px; }
#menu a:hover, #menu .active a { background: url(../images/menu_active.gif) no-repeat 11px center; text-decoration: none; }

#menu ul ul { margin: 1px 0 4px 34px; border-left: 10px solid #4ec7e1; min-height: 0; }
#menu li li { border: 0; }
#menu li.active li a { padding-left: 8px; background: 0; color: #55626a; line-height: 15px; }
#menu li.active li a:hover, #menu li li.active a { color: #1994b9; background: none; }

/*NEWS*/
#news { position: relative; float: left; clear: left; background: #e4e4e4; border-left: 19px solid #e0a82e; width: 232px;  color: #55626a; }
#news div { border-left: 8px solid #b69540; padding: 10px 13px; }
#news h2 { color: #000; font-size: 11px; line-height: 14px; margin: 0; }
#news h3 { color: #1994b9; font-size: 11px; font-weight: bold; line-height: 14px; margin-top: 16px; }
#news p { margin-bottom: 0; }
#news a { color: #1994b9; }
#news em { color: #999; font-style: normal; }

.news_item { clear: right; padding: 10px 0; }
.news_item:after { content:"."; display:block; height: 0; clear: right; visibility: hidden; }
.news_item h2 { margin-bottom: 4px; }
.news_item h3 { float: left; color: #999; font-weight: normal; line-height: 16px; margin-right: 5px; }
.news_item p { margin-bottom: 4px; }
h6.date { float: right; color: #000; font-size: 10px; font-weight: normal; line-height: 20px; padding-right: 10px; }

/*CONTENT*/
#content { position:relative; margin: 20px 0 0 273px; width: 497px; }
.img { float: right; display: inline; margin: 12px 0 0 5px; }
.img_left { float: left; display: inline; margin: 0 5px 0 ; }

/*HOME BOXES*/
#boxes div:first-child, #boxes div.first-child { float: left; width: 240px; }
#boxes div { float: left; width: 240px; padding-right: 8px; }
#boxes p a { display: block; background: url(../images/bullet_big.png) no-repeat 0 0; padding-left: 41px; min-height: 40px; color: #55626a; }
#boxes p a em { color: #1994b9; font-style: normal; }

/*CONTACT*/
.csc-mailform-field { clear: both; margin-bottom: 5px; } 
.csc-mailform input[type="text"], .csc-mailform input[type="password"] { border: 1px solid #ccc; width: 180px; padding: 1px 4px; } 
.text_input { border: 1px solid #ccc; width: 180px; padding: 1px 4px; }
.csc-mailform textarea { border: 1px solid #ccc; overflow: auto; padding: 1px 4px; } 
.csc-mailform label { float: left; width: 120px; text-align: right; padding-right: 10px; }
.csc-mailform-submit { margin-left: 130px; color: #666; }

/*FOOTER*/
#footer { clear: both; position: relative; border-left: 19px solid #e0a82e;  margin: -21px 0 0 0; background: #ececec; height: 21px; line-height: 21px; }
#footer p { border-left: 8px solid #b69540; padding: 0 10px; margin: 0; }
#footer a { color: #55626A; }

/*APELDOOM*/
#apeldoom #logo a { background-image: url(../images/matchflex_apeldoom_logo.gif); }

a.align-right { text-align: right; }
p.align-right { text-align: right; }