html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" ""; display:block;}
body{ line-height: 1; font-size: 62.5%; color:#333333; background:#FFFFFF url(/images/shared/bg.jpg) repeat-x 50% 0%; font-family:Arial, Helvetica, sans-serif; text-align:center;}
html { overflow-y: scroll; min-height:100%; height: auto; }
strong{ font-weight:bold;}

sub{ font-size:0.6em; vertical-align:sub; line-height:0.5em;}
sup{ font-size:0.6em; vertical-align:super; line-height:0.5em;}

#site{ width:960px; margin:0px auto; text-align:left; position:relative; z-index:40; }
#wrapper{ float:left;}
#header{ float:left; width: 960px;}
#left-head{ float: left; width: 741px;}
#logo{ float: left; display: block; cursor: pointer; margin: 20px 20px 11px 20px;}
#logo img{ float: left; width: 154px; height: 130px;}
#strap{ float: left; width:530px; padding: 66px 0 0 0; font-size: 45px; color:#666666;}
#strap span{ color:#0170b8;}
#nav{ float: left; clear: both; width: 741px; background:url(/images/nav-bg.png) repeat-x top left;}
#nav li{ float: left; position: relative; z-index:500; font-size: 14px; font-weight: bold;}
#nav li.home{ padding: 0 0 0 20px;}
#nav li a{ float: left; display: block; line-height:47px; color:#aaaaaa; text-decoration: none;  cursor: pointer;}
#nav li a{ padding: 0 12px 0 13px; }
#nav li a:hover, #nav li.hover a, #nav li a.on{ color: #0170b8;}

#nav li div{position: absolute; top:47px; left: -9999px; width:202px; padding: 0 0 6px 0; margin:0 0 0 -3px; background: url(/images/dropdown-bg.png) no-repeat bottom left;}
#nav li:hover div,#nav li.hover div{left:0px;}
#nav li div p{ float: left; clear:left;display: block; padding: 0 0 0 3px; color: #aaaaaa;}
#nav li div p span{ padding: 0 0 0 13px; width: 181px; font-weight: normal; font-style: italic; line-height:26px; display: block; background:url(/images/subcat-bg.gif) repeat-x top left;}
#nav li div ul{ float: left; clear:left; padding: 8px 0 8px 6px;}
#nav li div ul li{ font-size:1.0em;}
#nav li div ul li a,#nav li.hover div ul li a{padding:0 0 0 11px; color:#aaaaaa; background: transparent;}
#nav li div ul li a:hover,#nav li.hover div ul li a:hover,#nav li div ul li a.on:hover{ color: #0170b8; }
#nav li div ul li a.on{color: #4D9ECF;}
#nav li div ul li a span{ width: 177px; line-height:27px; display: block;}

#extra-nav{ float: left; width: 219px; margin: 15px 0 0 0;}
#extra-nav .side-nav{ float: left; margin:52px 0 0 0; background:url(/images/side-nav-top.png) no-repeat bottom left;}
.side-nav{ float: left; font-size:1.4em; font-weight: bold;}
.side-nav li{ float: left; clear: left;}
.side-nav li a{ float: left; clear: left; display: block; cursor: pointer; text-decoration: none; color: #999999; padding: 0 16px 0 71px;}
.side-nav li a:hover{ color:#666666;}
.side-nav li a span{ display: block; cursor: pointer; line-height:47px; width:129px;}

.side-nav li.alpha a{ background: url(/images/sidenav/alpha.png) no-repeat 9px bottom; color:#f79c97;}
.side-nav li.alpha a:hover{ background: url(/images/sidenav/alpha.png) no-repeat 9px top; color:#f04a42;}
.side-nav li.fb a{ background: url(/images/sidenav/fb.png) no-repeat 9px bottom; color:#7191cc;}
.side-nav li.fb a:hover{ background: url(/images/sidenav/fb.png) no-repeat 9px top; color:#3d60ae;}
.side-nav li.contact a{ background: url(/images/sidenav/contact.png) no-repeat 9px bottom;}
.side-nav li.contact a:hover{ background: url(/images/sidenav/contact.png) no-repeat 9px top;}


#main{ float:left;}
#mainbg{ float:left; width:960px;}
#leftcol{ float:left; width: 741px; min-height: 500px; position: relative; }
#home-content-pad{ float: left; margin:320px 0 0 6px;}
#home-content{ float: left; height: 198px; width:455px;}
#home-content h1{ font-size: 2.5em; font-weight: normal; padding:0 0 13px 13px;}
#home-content h1 span{ color:#0170b8;}
#home-content p{ font-size:1.3em; line-height: 1.3em; padding:0 0 10px 13px;}
#home-content a{ color:#0170b8; text-decoration: none; }
#home-content a:hover{ color: #000000;}
#home-right{ float: right; margin:313px 0 0 0; width: 257px;}

#home-left{ float: left; clear: left; width:484px;}

#home-box-big-container{ float: left; width:234px; height:420px; position: relative; }
#home-box-big-container2{ float: left; width:234px; height:215px; position: relative; }
#feeds{ position: relative; width: 480px; height: 378px;}
#feeds .feedtext{ padding: 0 14px 0 14px; font-size: 1.2em; color: #666666; line-height: 1.3em;}
#feed-1 .feedtext{ height: 332px; padding: 4px 14px 0 14px;}
#feed-2 .feedtext{ height: 332px; padding: 4px 14px 0 14px;}
#feed-3 .feedtext{ height: 90px;}
.feedtext .feedleft{ float: left; width: 213px}
.feedtext .feedright{ float: right; width: 213px}
.feedtext .news-sheet{ padding: 5px 0 10px 90px; display: block; cursor: pointer; background: url(/images/news-sheet.gif) no-repeat 0% 50%;}
.feedtext .item{ color: #666666; cursor: pointer; float: left; clear: left; width: 447px; padding: 7px 0 7px 0; border-bottom: dashed 1px #CCCCCC;}
.feedtext .short{  padding: 7px 0 0px 0; border-bottom: 0px;}
.feedtext .item p{ padding: 0 15px 0 0;}
.feedtext .item img{ float: left; margin: 0 10px 0 0; border: solid 1px #EEEEEE; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
.feedtext .short img{ border: solid 1px #FFFFFF;}
#feeds .feedtext .hover{ color: #333333;}
#feeds .feedtext .hover img{ -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}
.home-box-big #feeds .hover a,.home-box-big #feeds .item a:hover{  color: #333333;}

.home-box-big{ position:absolute; top:0px; left:0px; background: url(/images/home-box-mid2.png) repeat-y top left;}
.home-box-big h2,.home-box-big ul.ui-tabs-nav{ width: 480px; color: #ff8b00; font-size: 1.4em; font-weight: normal; font-style: italic;  line-height: 40px;  background: url(/images/home-box-top2.png) no-repeat top left;}
.home-box-big #feeds h2{ width: auto; color: #0170b8; background: transparent; font-size: 1.0em; font-weight: bold; line-height: 28px; padding: 6px 0 0 0;}
.home-box-big #feeds #feed-1 h2,.home-box-big #feeds #feed-2 h2{line-height: 12px; padding: 0px 0 2px 0px;}
.home-box-big #feeds a{  color: #0170b8; text-decoration: none;}
.home-box-big #feeds li a{  color: #ff8b00; text-decoration: none;}
.home-box-big #feeds li a:hover{  color: #0170b8;}
.home-box-big #feeds a:hover{  color: #333333;}
.home-box-big ul.ui-tabs-nav{ float: left;}
.home-box-big ul li{ float: left; background: url(/images/home-box-top-sep.png) no-repeat top right; }
.home-box-big ul li.last{ background: transparent;}
.home-box-big ul li a{ display: block; text-decoration: none; color: #818181; cursor: pointer; padding: 2px 18px 0 17px;}
.home-box-big ul li a:hover,.home-box-big #feeds ul li.ui-tabs-selected a{ color: #0170b8;}
.home-box-big h2 span{ display: block; padding: 2px 0 0 17px; }
.home-box-big .home-box-content{ float: left; clear: left; display: block; width: 475px; cursor: pointer;}
.home-box-big .home-news-box-content{ position:absolute; top:42px; left:0px; width: 475px;}
.home-box-big .home-box-bottom{  float: left; clear: left; display: block; width: 480px; line-height: 30px; background: url(/images/home-box-bot2.png) no-repeat top left;}
.home-box-big .home-box-bottom a{  float: right; font-size: 1.0em; font-style: italic; color: #0170b8; text-decoration: none; display: block; padding: 0 20px 5px 15px;}
.home-box-big .home-box-bottom a:hover{ color: #333333;}

#gcal{ clear: both; padding: 0 0 4px 7px; height: 242px;}

.home-box{ float: left;  border-right:solid 8px #FFFFFF; border-bottom:solid 7px #FFFFFF; background: url(/images/home-box-mid.png) repeat-y top left;}
.home-box h2{ width: 234px; color: #ff8b00; font-size: 1.4em; font-weight: normal; font-style: italic;  line-height: 40px;  background: url(/images/home-box-top.png) no-repeat top left;}
.home-box h2 span{ display: block; padding: 2px 0 0 17px; }
.home-box h2 a{ color: #333333; text-decoration: none; }
.home-box .home-box-content{ float: left; clear: left; display: block; width: 229px; cursor: pointer;}
.home-box .home-news-box-content{ float: left; clear: left; display: block; width: 229px;}
.home-box .home-box-bottom{  float: left; clear: left; display: block; width: 234px; line-height: 30px; background: url(/images/home-box-bot.png) no-repeat top left;}
.home-box .home-box-bottom a{  float: right; font-size: 1.0em; font-style: italic; color: #666666; text-decoration: none; display: block; padding: 0 20px 5px 15px;}
#home-left .hover .home-box-bottom a,#home-right .hover .home-box-bottom a,.home-box .home-box-bottom a:hover{ color: #999999;}
#home-left .hover h2 a,#home-right .hover h2{ color: #999999;}

.slide-box, .box-link{ float: left; margin: 1px 0px 1px 4px; position: relative; overflow: hidden; width: 230px;  height: 129px;}
.slide-box img{position: absolute; top:0px; left:0px; width: 224px; height: 129px;}
.slide-box .slide-info{ position: absolute; z-index: 1; left:0px; top:78px; height: 53px; width: 224px; background: url('/images/transparent-bg.png');}
.slide-box .slide-info span{ display: block; padding: 5px 7px 0 7px; color: #FFFFFF; line-height: 1.2em; font-size: 1.1em;}

.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0;  }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0 !important; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left;  text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#features-container{position: absolute; top:0px; left:0px; z-index: 1;}
#features{ width:713px; padding:0 0px 26px 0; background: url(/images/feature-shadow.png) no-repeat bottom left ; margin:20px 0 0 7px;  position:relative; height:269px;}
#features ul.ui-tabs-nav{ position: absolute; left:470px; top:0px; list-style:none; padding:0; margin:0; width:246px; }
#features ul.ui-tabs-nav li{ float: left; clear: left; padding:0 0 1px 17px;  font-size:12px; color:#666; width: 246px; }
#features ul.ui-tabs-nav li img{ float:left; margin:3px 7px 3px 4px; width: 95px; height: 55px; background:#fff; border: solid 1px #eeeeee; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
#features ul.ui-tabs-nav li span{ float: left; display: block; width: 138px; font-size:10px; font-family:Verdana; line-height:18px; padding: 4px 0 0 0; }
#features li a{ display:block; height:66px; color:#999999; font-style:italic; line-height:20px; }
#features ul.ui-tabs-nav li:hover img{  -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; }
#features ul li.ui-tabs-selected img{  -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0; }
#features li.ui-tabs-selected{ background:url('/images/feature-on.png') top left no-repeat;  }
#features li.ui-tabs-selected a,#features li:hover a{color: #333333;}
#features .ui-tabs-panel{ width:467px; height:269px; overflow: hidden; background:#999; position:relative;}
#features .ui-tabs-panel .info{ position:absolute; top:180px; width:467px; left:0; height:89px; background: url('/images/transparent-bg.png'); }
#features .ui-tabs-panel img{ width: 467px; height: 269px;}
#features .info h2{ font-size:18px; font-weight: normal; font-family:arial; color:#fff; padding:10px 13px 5px 13px; margin:0; }
#features .info p{ margin:0 13px 0 13px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}
#features .info a{ text-decoration:none; color:#B3D8EF; }
#features .info a:hover{ text-decoration:underline; color: #FFFFFF; }

#iccfbpeople{ float: left; clear: left; width: 720px; border-bottom: solid 1px #94A3C4;}

#rightcol{ padding: 20px 0 0 0; float:left; width: 219px; min-height: 500px; }

/* page specific */
#sliderContent { width:472px; background-color:#ffffff; margin: 0 0 0 3px;}
.viewer { width:472px; height:112px; overflow:hidden; position:relative; }
.content-conveyor { height:111px; padding: 10px 0 0px 0; position:relative; }
#sliderContent .item { width:125px; float:left; text-align:center; }
#sliderContent .item a {display: block; font-size: 1.1em; cursor: pointer; text-decoration: none; color: #666666;}
#sliderContent .item a:hover {color: #333333;}
#sliderContent .item a .title{ display: block; float: left; clear: left; margin: -5px 0 0px 10px; width:105px;}
#sliderContent .item a .preview{ display: block; float: left; clear: left; padding: 0 0 0 15px;}
#sliderContent .item a .preview img { padding:2px 0 2px 0; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;  }
#sliderContent .item a:hover .preview img { padding:0 0 6px 0;  -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;  }
#slider { position: relative; width: 413px; margin: 0 0 10px 33px; height: 4px; border-top:5px solid #FFFFFF; border-bottom:5px solid #FFFFFF; text-align: left; background: #CCCCCC; cursor: pointer; }
#slider .ui-slider-handle { position: absolute; z-index: 2; background: #FFCC90; width: 36px; height: 14px; cursor: pointer; }
#slider .ui-slider-handle:hover{background:#ff8b00;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 14px; }
.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -18px; }


.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -18px; margin-left: 0; margin-bottom: -10px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; } 

#poptitle{ font-size: 11px; color: #333333; line-height: 18px; padding: 0 0 2px 0;}
#poptitle a{ color:#ff8b00; font-weight: bold;}
.enhancescroll{scrollbar-base-color: #ff8b00;}

#vidpoppad{ padding: 0 0 20px 0; background:url(/images/full-screen.gif) no-repeat bottom right;}

/* general page styles */
#col1{ float: left; width: 234px;}
#related-info{float: left; min-height: 505px; width: 197px; background: url(/images/side-shadow.png) no-repeat top right;}
#related-info h2{ color:#0170b8; width: 197px; text-align: center; padding: 15px 0 20px 0; font-size: 14px; font-weight: bold;}
#related-info h2.pad{ padding: 71px 0 20px 0;}
.related-stuff{ padding: 0px 0 0 34px;}
.related-stuff a{ text-decoration: none; color: #0170b8;}
.related-stuff a:hover{color: #000000;}
.related-stuff .item{ width: 128px; text-align: center; padding: 0px 0 5px 0px;}
.related-stuff .preview{ display: block; padding: 0px 0 5px 0px;}
.related-stuff a img{-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
.related-stuff a:hover img{-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}
.related-stuff .title{ display: block; clear: both; height: 30px;}
.related-stuff .titlebig{ display: block; color:#ff8b00; clear: both; height: 30px; font-size: 13px; font-weight: bold;}

#content-special{ position:relative;}
#wide-block{ position: absolute; top:0px; left: -234px;}
#content-body{ float: left; width: 480px; position: relative;}
#content-body .fb{ position: absolute; top:0px; right:0px;}
#content-body .fb2{ position: absolute; top:-40px; right:0px;}

#content{float: right; width: 480px; border-right: solid 27px #FFFFFF; padding: 20px 0 0 0; color: #333333; position: relative;}
#content h1{ font-size: 32px;  color:#0170b8; font-weight: normal; padding:0 0 17px 0px;}
#content h2 { color:#333333; font-size: 16px; font-weight: bold; padding: 10px 0 3px 0;}
#content h2:first-child{padding: 0px 0 3px 0;}
#content p{ font-size:1.3em; line-height: 1.3em; padding:0 0 10px 0px;}
#content .fade{ color: #999999;}
#content .followon{ clear: both; font-size: 10px; padding: 15px 0 20px 0;}
#content .followon a{ color:#0170b8;}
#content .highlight a{ color:#0170b8; font-weight: bold;}
#content ul{ font-size:1.3em; line-height: 1.3em; padding:0 0 10px 0px; margin: 0 0 0 1.7em; list-style-type: disc;}
#content ul ul{ font-size: 1.0em; padding: 0 0 0 0;}
#content li{}
#content a,#content .hover a{ color:#ff8b00; text-decoration:none;}
#content a:hover{ color:#000000;}
#content .breadcrumbs{ display: block; font-style: italic; color: #666666; padding: 0 0 26px 0;}
#content .breadcrumbs a{ text-decoration: none; color:#0170b8; }
#content .breadcrumbs a:hover{ color: #000000; }
#content .breadcrumbs a.choice{ text-decoration: none; color:#ff8b00; }
#content .breadcrumbs a:hover{ color: #000000; }

#content ul.list{ list-style-type: none; margin: 20px 0 0 0px; clear: both;}
#content ul.list li{ color: #666666; cursor: pointer; float: left; clear: both; width: 480px; margin: 0px 0 20px 0; padding: 0px;}
#content ul.list a.preview{ float: left; clear: left; display: block; cursor: pointer; padding: 0 16px 12px 0; background: url(/images/list-shadow.png) no-repeat bottom left;}
#content ul.list a img{ float: left; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
#content ul.list li.hover a img{ float: left; -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}
#content .list li.hover{ color:#000000;}
#content .list li.hover a{ color:#000000;}

#content .album{ }
#content .album ul {float: left; width: 480px; list-style-type: none; padding: 30px 0 0 0px; margin: 0px; clear: both; background: url(/images/full-size.gif) no-repeat top left;}
#content .album ul li{ color: #666666; float: left; width:160px; height: 96px; margin: 0px;  padding: 0px;}
#content .album ul a{ float: left; width: 150px; height: 86px; position: relative;  display: block;}
#content .album ul a .ds{ display: block; width: 150px; height: 86px; position: absolute; top:0px; left: 0px;}
#content .album ul a img{ width: 150px; cursor: pointer; height: 86px; position: absolute; top:0px; left: 0px; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
#content .album ul a:hover .ds{ width: 224px; height: 134px; top:-19px; left:-37px; z-index: 100;  background: url(/images/thumb-ds.png) no-repeat top left;}
#content .album ul a:hover img{ border: solid 1px #FFFFFF; width: 210px; height: 121px; top:6px; left:6px; z-index: 100; -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}

#paging-top{ padding: 0 0 20px 0; }
.paging{ font-size:1.1em; float:right;}
#content .paging a{ float:left; text-decoration:none; display:block; margin: 0 0 0 5px;}
#content .paging a:hover{ color:#333333;}
.paging a span{ cursor:pointer; border: solid 1px #FFE2BF; margin: 0px;}
.paging a:hover span{ border: solid 1px #CCCCCC;}
.paging span{ float:left; display:block; padding:5px 9px 5px 9px; border: solid 1px #eeeeee; margin: 0 0 0 5px;}
.paging span.prev{ float:left;  display:block;}
.paging span.fade{ color:#999999 !important; border: solid 1px #eeeeee;}

/*Alerts*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-dialog { position: absolute; padding: .2em; width: 320px; overflow: hidden; background: #FFFFFF; }
.ui-dialog .ui-dialog-titlebar { font-size: 12px;  padding: .5em 1em .3em; position: relative; background: #FFC47F; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; text-decoration: none; top: 50%; margin: -10px 0 0 0; padding: 1px;  }
.ui-dialog .ui-dialog-titlebar-close span { display: block; text-transform: uppercase; padding: 3px; margin: 1px; color:#333333; text-decoration: none; }
.ui-dialog .ui-dialog-content { border: 0; font-size: 14px; line-height: 1.2em; padding: 1em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-content p{ padding: 0 0 10px 0;}
.ui-dialog .ui-dialog-buttonpane { padding: 0 0 10px 0;}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/*footer */
#footer{ clear:both; margin: 0px 0 0 0; height: 100px;  color: #999999; background: url(/images/flink-bg.png) repeat-x 0px 45px;}
#footer a{ color:#999999; text-decoration: none;}
#footer a:hover{ color: #333333;}
#footer_info{  margin:0px auto; width:960px; line-height: 3.6em; height: 3.6em;}
#fleft{ float:left; width:400px; text-align: left;}
#fright{ float:right; width:400px; text-align:right;}

#flinks{ float: left; clear: both; padding: 20px 0 0 0px;}
#flinks ul{ float: left; clear: both; width: 960px; padding: 0 0 10px 0; }
#flinks ul li{ float: left;}
#flinks ul li a{ display: block; float: left; height:58px; cursor: pointer; overflow: hidden; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#flinks ul li a:hover{ -moz-opacity:1.0; filter:alpha(opacity=100); opacity:1.0;}
#flinks ul li a span{ margin-left:-9999px;}
#flinks ul li.alpha a{ background: url(/images/flinks.jpg) no-repeat 0px 0px; width: 71px;}
#flinks ul li.cym a{ background: url(/images/flinks.jpg) no-repeat -71px top; width: 158px;}
#flinks ul li.ea a{ background: url(/images/flinks.jpg) no-repeat -229px top; width: 171px;}
#flinks ul li.hfi a{ background: url(/images/flinks.jpg) no-repeat -400px top; width: 155px;}
#flinks ul li.ipec a{ background: url(/images/flinks.jpg) no-repeat -555px top; width: 141px;}
#flinks ul li.tp a{ background: url(/images/flinks.jpg) no-repeat -696px top; width: 96px;}
#flinks ul li.sk a{ background: url(/images/flinks.jpg) no-repeat -792px top; width: 87px;}
#flinks ul li.fb a{ background: url(/images/flinks.jpg) no-repeat -879px top; width: 64px;}