body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
a { color:#fe5800;}
a:hover { text-decoration:none;}
.orange { color:#fe5800;}
pre{font-size: 1.1em; line-height: 1.1em; border: dotted #666 1px; padding: 10px 15px 10px 15px; margin: 15px 0 15px 0; overflow: auto;}

#header { background: url(images/header_bckg.gif) repeat-x ; height:120px;  }
#logo { width:780px; margin:0 auto; padding:47px 0 0 20px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:23px; text-transform:uppercase;}
#logo a:hover { }
#menu {color:#fff; text-align:center; margin-top:24px;}
#menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}

#main { width:100%; margin:20px 0 20px 0; float:left;}
#head_image { height:150px; background:url(images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
#slogan { color:#fff; font-family: "Arial", Tahoma, Arial Narrow; font-size:20px; position:relative; z-index:10;}
#sloganSWF { display:block; position:absolute; z-index:11; top:-6px; left:379px; width:337px;}
#slogan2 { color:#fff; font-family: "Arial", Tahoma, Arial Narrow; font-size:18px; }
#under_slogan_text { color:#ffff00; font-size:11px; line-height:12px; padding-top:30px;}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;}
#content h3 { margin:20px 0 0 0; text-transform:uppercase; font-size:18px; color:#000; font-weight:normal;}
#content hr { border:0px none; color:#ffecd5; background-color: #ffecd5; height:2px;}
#text {float:left; width:530px; padding-left:20px;}
#text2 {float:left; width:563px; padding-left:20px;}
#sidebar { background:url(images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px;}
#sidebar2 { background:url(images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 595px; color:#6f6e6e; padding:20px; line-height:17px;}
#sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
#sidebar2 h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}


#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

#find {line-height:17px; height:auto;}

/*---------- bubble tooltip -----------*/
a.tt{position:relative; z-index:24; color:#6db604; font-weight:bold; text-decoration:none; margin-right:5px; float:left;}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{z-index:25; color: #FFFFFF; background:;}
a.tt:hover span.tooltip{display:block; position:absolute; top:10px; left:-612px; padding: 15px 0 0 0; margin-right:50px; width:603px; color: #FFFFFF; text-align: center;	filter: alpha(opacity:95); KHTMLOpacity: 0.95; MozOpacity: 0.95; opacity: 0.95;}
a.tt:hover span.top{display: block; padding: 30px 12px 0; background: url(images/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */display: block;	padding: 0 12px; background: url(images/bubble_filler.gif) repeat bottom;}
a.tt:hover span.bottom{display: block; padding:3px 12px 20px;	color: #FFFFFF; background: url(images/bubble.gif) no-repeat bottom;}