/*
	Stylesheet for EBA-News
	http://ebascripts.com/

	!IMPORTANT! !IMPORTANT!

	EBA-News comes with two stylesheets:
	  » stylesheet.css
	  » ebanews.css

	stylesheet.css only affects global prefs like body and containers,
	meaning it's neccessary to keep the complete website style. By removing
	this stylesheet, only the articles and comments will remain styled.

	In other words: You should only include ebanews.css to your website if you
	are integrating EBA-News into your already exisiting site, but keep
	stylesheet.css as well if you want to continue using the default theme.
*/

* { margin: 0; padding: 0 }
body { padding: 5px 0; font: 12px/16px Tahoma, verdana, sans-serif; color: #333; background: #e2e9f0 }
ul { margin: 0 0 5px 0; padding-left: 0 }
.threecol .col1 ul, .threecol .col1 ol { list-style-position: inside }
p, dl { margin: 10px 0 }
dd { margin-left: 10px; border-left: 1px solid #ccc; padding-left: 5px }
h4 { font-size: 100% }
a img { border: 0 }
h1, h2, h3, h4, h5, h6 { margin-bottom: 7px }
fieldset { border: 1px solid #ccc; padding-left: 10px; margin-bottom: 10px }
fieldset legend { font-weight: bold }
fieldset input { width: 65%; padding: 2px 5px }

a { color: #245e77; text-decoration: none; outline: none }
a:hover, a:visited { color: #c60 }
a:visited:hover { text-decoration: underline }

#header { padding: 10px 0; background: #fff; height: 55px }
#header h1 { font-size: 150%; margin: 0; float: left }
#header a { color: #f8f8f8 }
#header a:hover { text-decoration: none; color: #e8e8e8 }
#header #uiologo { float: left; margin-left: 25px }
#header #searchbox { width: 20%; float: right; color: #000; margin-right: 10px }
#header #searchbox h4 { font-size: 100% }

div#copyright { min-width: 760px; max-width: 1150px; margin: 0 auto; line-height: 20px; text-align: center; padding: 5px 0; color: #6d6f71; background: #fff; border: 1px solid #bcbec0; border-top: 0 }
div#copyright a { text-decoration: underline; color: #6d6f71 }
div#copyright a:hover { text-decoration: none }

.colmask { background: #fff; min-width: 785px; max-width: 1150px; clear: both; margin: 0 auto; overflow: hidden; text-align: left; border: 1px solid #bcbec0; height: 1% }

/* mac hide \*/
* html .colmask, * html div#copyright { width: 90% }
/* end hide*/

.colright, .colmid, .colleft { float: left; width: 100%; position: relative }
.col1, .col2, .col3 { float: left; position: relative; padding: 1em 2em 1em 0; overflow: hidden }
.threecol .colmid { right: 20% }
.threecol .colleft { right: 60%; border-right: 1px solid #f1f1f1 }
.threecol .col1 { width: 56%; left: 102%; border-right: 1px solid #f1f1f1 }
.threecol .col2 { width: 18%; left: 23%; padding-right: 0 !important }
.threecol .col3 { width: 17%; left: 85% }

#hor_navigation { border-top: 1px solid #ccc; clear: both; text-transform: uppercase }
#hor_navigation ul { padding-bottom: 4px; margin-bottom: 4px }
#hor_navigation ul li { background: #f8f8f8; float: left; text-align: center; width: 14%; list-style: none }
#hor_navigation ul li a { color: #000; display: block; padding: 3px; border-bottom: 1px solid #bcbec0; background-image: url(images/menu_sep.png); background-position: right; background-repeat: no-repeat }
#hor_navigation ul li a:hover { color: #c60; background-color: #f1f1f1; background-image: url(images/menu_sep.png); background-position: right; background-repeat: no-repeat }
#hor_navigation ul a:visited:hover { text-decoration: none }
#hor_navigation ul li.active { color: #c60; display: block; padding: 3px 0; border-bottom: 1px solid #bcbec0; background-image: url(images/menu_sep.png); background-position: right; background-repeat: no-repeat }
#hor_navigation ul li.extra { width: 16%; background-image: none }
#hor_navigation ul li.extra a { background-image: none }