/* -------------------------------------------------------------- 
   style.css
   * Version:   0.1 (May 06 2008)
   * by Richard Badlisan
-------------------------------------------------------------- */

body { font: 70% Arial,Verdana,Helvitica,sans-serif; background-color: #FFF; }
div#header { background:#186EBF url(../images/header_bg.gif) repeat-x; height:87px;}
a:link, a:active { color: #2583CF; }
a:visited { color: #92371D}
a:hover { color: #113A5B; }

#top-menu { background: transparent url(../images/menu_bg.gif) repeat-x top left; margin:0 auto; width:100%; position:relative; display:block; height:55px;	font: bold Arial,Verdana,Helvitica,sans-serif; }
#top-menu ul { margin: 0; padding: 0; list-style-type: none; width: auto; }
#top-menu ul li { display: block; float: left; margin: 0;}
#top-menu ul li a { color:#F9D1C6; background:transparent url(../images/menu_dividerx.gif) no-repeat right; display: block;	float: left; margin-right: 0.1em; text-decoration: none; padding:23px 15px 6px 15px; height:23px; }
#top-menu ul li a.current{ color: white; background: #FFF url(../images/menu_active_bg.gif) repeat top right; }
#top-menu ul li a:hover {color: white; background:transparent url(../images/menu_hover_bg.gif) repeat top right;}
#top-menu ul li.top-search { float: right; 	padding: 15px 20px 0 20px;}

#container { min-height: 380px; padding: 0; }
#footer { clear: both; background:#1A4368 url(../images/footer_bg.gif) repeat-x; color: #A6C7EE; text-align: center; padding:2em 0}
#footer a { color: #D9E7F8; text-decoration: none; }
#footer a:hover { color: white;}

em { font:10px Verdana,Helvitica,sans-serif; color: #999;}
h1 { clear:both; font: 14px bold Arial,Verdana,Helvitica,sans-serif; color: #1C639D; }
h2 { font: 10px Arial,Verdana,Helvitica,sans-serif; color: #9F421A; }

p { line-height: 1.5em; text-align: justify; }

p.quote { margin: 0.5em 0.8em; padding: 0.5em; color: #666; border-left:1em solid #EEE;}
.divider { background: white url(../images/divider.gif) no-repeat center; height:0.5em; margin: 1.5em 0;}
.post-date { color: white; font:10px Verdana; text-align:center; padding-top:0.2em; background: white url(../images/small_text_bg.gif) no-repeat; float: right; width: 165px; height:18px; }

ul.text-list, ul.accord-menu { list-style-type: none;}
ul.text-list li { padding: 0.25em 0;}
ul.text-list li a { color: #2583CF; }
ul.text-list li { border-bottom:1px solid #CCC }

ul.sub-menu { margin-top:0.5em; color: #1C639D; list-style-type: none; padding: 2em 0 0.2em 0; text-align: center;}
ul.sub-menu li { display: inline;  padding-top: 2.5em;}
ul.sub-menu li a { padding:0.5em; text-decoration: none; font:10px bold Arial,Verdana,Helvitica,sans-serif;}
ul.sub-menu li a:hover {text-decoration: underline; color: }

h3.head, h4.head { padding:0.5em; margin:0.2em 0; background-color: #EFEFEF; color: white; border-bottom:1px solid #CCC;}
h3.head.selected, h4.head.selected { background-color: #E5E5E5; color: white; border-bottom:1px solid #C0C0C0;   }

input.search-box { color: #92371D; background: url(../images/searchbox_bg.gif) no-repeat;	border:0; width: 181px; padding:0.8em 0 1.8em 1.0em; font-size: 10px; outline: none; }

table.main-divider { background-color: #F1F1F1;  }
table.main-divider td { padding: 0.5em;}
table.main-divider td.content { width: 70%;}
table.main-divider td.content ul { margin-top: 0;}
table.main-divider td.extra { width: 30% }

.box { border:1px solid #2276BB; background-color: #2583CF; padding: 0.5em; color: white; margin-bottom: 0.5em;}
.box h1 { color: #CFE0E9 }
.box ul { list-style-type: none;}
.box ul li { padding: 0.25em 0;}
.box ul li a { color: #DBEBF9; }
.box ul li a:hover { color: white; text-decoration: none; }

.comment { margin:1em 0.5em; padding:0.5em;}
.comment p { margin:0.5em 0; }
.comment ul { list-style-type: none; }
.comment ul li { background-color: #F1F1F1; padding:0.5em; margin-bottom:0.5em; }

.side-panel { float: left; width: 20%; padding: 0.5em; }
.main-panel { float: right: width: 80%; overflow: auto; padding: 0.5em; }
.min-banner { border-top: 3px solid #7397B9; height:40px; background: #F1F1F1 url(../images/rss_bg.gif) no-repeat left; padding: 0.6em 0.5em 0.6em 6em ; margin-bottom: 1em; overflow: auto;  }

.ico-linechart { background: transparent url(../images/icons/linechart.png) no-repeat top center; }
.ico-barchart { background: transparent url(../images/icons/barchart.png) no-repeat top center; }
.ico-exit { background: transparent url(../images/icons/exit.png) no-repeat top center; }
.ico-modify { background: transparent url(../images/icons/modify.png) no-repeat top center; }
.ico-save { background: transparent url(../images/icons/save.png) no-repeat top center; }
.ico-rss { background: transparent url(../images/icons/rss.png) no-repeat top center; }
.ico-search { background: transparent url(../images/icons/search.png) no-repeat top center; }
.ico-email { background: transparent url(../images/icons/email.png) no-repeat top center; }