/* TOC

1. Resets
2. Some Classes
3. Forms
4. Page Layout
5. News Ticker
6. JScroll
7. Easy Slider

/*


/* 1. Resets
-------------------------------------------------------------- */
* { margin: 0; padding: 0;}
a { text-decoration: none; color: #fff; outline: none; }
a:hover { color: #000; }
img { border: none; }
body { background: #939391; font: 11px normal Helvetica, Arial, sans-serif; color: #beece1; }
p { margin-top: 10px;  line-height:16px; }
h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; color: #beece1; }
h2 { font-size: 13px; }
h3 { font-size: 12px; font-weight: 600; }
h4 { font-size: 11px; font-weight: 600; }
h5 { font-size: 12px; }

/* 2. Some Classes
-------------------------------------------------------------- */
.clear { clear: both; }
.small { font-size: 11px; }
.bold { font-weight: bold; }
.noborders { border: none; }
.textmid { vertical-align: middle; }
ul.nav { list-style: none; line-height: 9px; margin-top: 6px; }
ul.nav  li { margin:0 0 5px 0; }
ul.nav  li.current a { color: #beece1; }
ul.nav  li a:hover { color: #beece1; }
.subhead { font:bold 13px Helvetica, Arial, sans-serif; margin: 0; float: left; width: 205px; }
.leadin { font: 12px normal Helvetica, Arial, sans-serif ; }
.back {  float: right; font-size: 11px;  width: 75px; background: url(../imgs/icon-back.gif) center left no-repeat; padding-left: 16px; }
span { color:#beece1; !important }


/* colors */

	.white { color:#FFF; !important }
	.black { color:#000; !important }
	.green { color:#c9da2a; !important }
	
	.title { font:bold 12px Helvetica; }
	.scroll-pane span { color:#beece1; }
	.scroll-pane cite{ font:bold 12px Helvetica; color:#fff; text-decoration:underline; margin:0 0 10px 0; }
	
/* Reuse-able */
	
	small.title { font:italic 10px Helvetica, Arial, sans-serif; color:#f9f9f9; }
	.scroll-pane p { margin:0; padding:0; }
	p.white a { text-decoration:underline; !important }
	.grey { color:#efefef; !important }
	blockquote.grey > a { display:inline !important; }
	table.grey, table.grey td { border: solid 1px #fff; background-color:#666; border-collapse:collapse; }
	h5.page-title { font:bold 14px Helvetica; margin:0 0 5px 0; }
	h6.page-title { font:bold 13px Helvetica; color:#fff; }
	p.infos { color:#000; }	
	ul.bullet li { background:url(../imgs/pointer.gif) 0 5px no-repeat; padding:0 0 0 10px; margin: 0 0 10px 5px; }
	ul.bullet li.none { background:none; padding:0; margin: 0 0 10px 5px; }	
	.nodisplay { display:none; }
	.imageholder { width:auto; height:auto; margin: 10px; float: left; }


	
/* 3. Forms
-------------------------------------------------------------- */
	fieldset { border: none; }
	legend {padding-bottom: 5px; color: #ccc; }
	input { margin: 2px 0;  margin-right: 2px; height: 10px; font-size: 10px; }

/* 4. Page Layout
-------------------------------------------------------------- */
	#wrapper { width: 960px; margin: 0 auto; }
	#header { width: 960px; height: 145px; margin-top: 20px; background: url(../imgs/bg-line.gif) bottom left repeat-x; position: relative; }
	#header .panels { width: auto; height: 120px; float: left; padding: 5px 15px; }
	#header .panels h2 { margin-top: 10px; }
	#header .login { width: 170px; height: 100px; position: absolute; top: 16px; right: 0; }
	.featured-twotop  { padding:30px 90px 0 10px; background:url(../imgs/featured-top.gif) left no-repeat; width:190px; height:34px; }
	.featured-twotop cite { font:normal 10px Helvetica, Arial, sans-serif; margin:5px 0 0 0;  }

	input.login_bt { background: url(../imgs/lognbtn.gif) no-repeat; width:44px; height:15px; border:none; }
	input.login_bt:hover { background: url(../imgs/lognbtnroll.gif) no-repeat; width:44px; height:15px; border:none; }

	body#home #maincontent { background: url(../imgs/bg-body.gif) top center repeat-y; }
	#maincontent { width: 960px; height: auto;  margin: 20px 0 0 0; position: relative; }
	#maincontent .timezone { width: 195px; position: relative; top: 0; left: 0;  text-align: center; }
	#maincontent .timezone { margin:0; width: 195px; position: relative; top: 0; left: 0;  text-align: center; }
	#maincontent .news { width: 195px; height: 220px; background: url(../imgs/bg-news.jpg) top left repeat-x; position: relative; left: 0; padding-bottom: 10px;  }


	#maincontent .maingfx { width: 405px; height: 425px; background: #ccc; position: absolute; left: 230px; top: 0; z-index: 10; }
	#maincontent .featured-one { width: 290px; height: 210px; position: absolute; right: 10px; top: 0; }
	#maincontent .featured-two { width: 270px; height: 190px; background: #3a3a3c; position: absolute; right: 10px; top: 215px; padding: 10px; }
	#maincontent .featured-twocont { width: 270px; position: absolute; }
	#maincontent .contentpanel { width: 300px; height: 362px; position: absolute; left: 215px; top: 40px; background: url(../imgs/bg-content.jpg) bottom left repeat-x;}
	#maincontent .contentpanel p { text-indent: 0;  }
	#maincontent .contentpanel ul li p  { text-indent:0;  }
	
	span.more-info { color:#fff; !important }
	.pdf { font-size:9px; }

	#maincontent .subheader { padding:0 0 3px 0; width:300px; position:absolute; left: 215px; top: 0; z-index: 20; border-bottom: 1px solid #fff;}
	#maincontent .imagepanel { width: 425px; height: 400px; background: #666; position: absolute; right: 10px; top: 0;}
	
	div.career { color:#fff; }
	div.career span.white  { color:white; }
	h4.offices  { font: bold 12px Helvetica; }
	
	p.small a { color: #beece1; }
	p.smalltop { margin:-2px 0 0 0; font-size:11px; }
	
		
/* footer */
	
#footer { width: 960px; height:120px; margin:10px 0 20px 0; border-top:1px solid #61615f; clear: both; }
#footer .contactinfo { width: auto; height: auto; padding: 10px; float: left;  }
#footer .addy { width: auto; height: auto; float: left; margin: 5px 20px 0 0; }	
#footer .addy p { margin: 1px; font-size: 11px; }
#footer .copy { width: 280px; height: auto; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 12px; }
#footer a { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

/* 5. News Ticker 
-------------------------------------------------------------- */
.newsticker { margin-top: 22px; width: 180px; }
.newsticker ul li { display: block; padding-bottom: 10px; margin-bottom: 10px;  }
.newsticker p { margin: 0; font-size: 10px; line-height: 10px; }
.date { color: #000; font-weight: bold; margin: 0;  }



/* 6. Jscroll
-------------------------------------------------------------- */
.scroll-pane { width: 290px; overflow: auto; padding-right: 10px; height: 350px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin-top: 4px; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #939391; padding: 1px; }
.jScrollPaneDrag { position: absolute; background: url(../imgs/scrollbar.jpg) top center no-repeat #bde7e0; cursor: pointer; overflow: hidden; margin-top:  10px;  }

.news ul li p small { background:url(../imgs/arrow.gif) left no-repeat; padding:0 0 0 20px; }

/* 7. Easy Slider
-------------------------------------------------------------- */

#slider ul, #slider li { margin:0; padding:0; list-style:none;  }
#slider li {  width: 405px; height: 425px; overflow:hidden; }	
ol#controls { margin:0; padding:0; height: 20px; font-size: 9px; float: right;	 }
ol#controls li { margin: 0 5px 0 0;  padding: 0; float:left; list-style:none; height: 20px; line-height: 20px; }
ol#controls li a { float:left; height: 15px; line-height: 15px; background:#999; color:#fff; padding:0 5px; text-decoration:none; }
ol#controls li.current a { background:#888; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
.descriptions { position: absolute; top: 0; left: 0; background: #ccc; width: 250px; height: 100px; }

	
	
/* 
-------------------------------------------------------------- */
   /*    FAQ STYLE   */
        /* ============== */
        #col_left .faq ul 
        {
            padding:0px 0px 0px 0px;
            margin-top: 2px;
            list-style-position:outside;
            list-style-type:none;
            display:block;
        }
        #col_left .faq li.hide { display : list-item; }
        #col_left .faq li
        {
            font:1em/1.8em Arial, "Lucida Sans", "San Serif";
            word-spacing:1px;
            padding-left:0px;
            padding-bottom:10px;
        }
        #col_left .faq li b,#col_left .faq li strong
        {
            color:#474747;
            display:block;
            padding-bottom:0px;
            font-size:1.05em;
            cursor:pointer;
        }
        #col_left .faq li a {display:block;}
        #col_left .faq li .hide,
        #col_left .faq li .show
        {
            display:none;
            padding:0 0px 0px;
			font: 11px normal Helvetica, Arial, sans-serif; 
            font-weight:bold;
            line-height:1em;
            cursor : pointer;
			color: #000;
        }
        #col_left .faq li.hide .show,
        #col_left .faq li.show .hide
        {
            display:inline-block;
        }
        #col_left .faq li a:hover 
        {
            
            cursor : pointer;
        }

        #col_left .faq li a b,#col_left .faq li a strong {display:inline-block;}
        #col_left .faq li p
        {
            font-size:1.0em;display:block;
            padding-top:5px;margin-top:0px;
            padding-bottom:20px;
        }
        /* ============= */
        /* =====END===== */
        /* ============= */