/* CSS Document */
/* basic elements
 * ------------------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }

html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font-family: arial, verdana, sans-serif; font-size: 11px; color: #333; }

table, th, td { font-family: arial, verdana, sans-serif; font-size: 11px; color: #333; }

#skip 				{ display: none; }
a img, :link img, :visited img { border: none; }
/* img 				{ display: block; } */
a:link 				{ color: #777; text-decoration: underline; }
a:visited 			{ color: #bbb; text-decoration: underline; }
a:hover, a:active 	{ color: #333; text-decoration: none; }
/* end basic elements
 * ------------------------------------------------------------------------------------- */
 
/* START Global Classes */
.clear 		{ clear: both; }
.inline 	{ display: inline; }

#container	{ position: relative; width: 740px; margin: 0 auto; text-align: left;}
#header		{ position: relative;z-index:50; }
#h_search	{ position: absolute; top: 10px; right: 0px; width: 553px; height: 30px; background: url(/images/search_back.gif); }
	#h_search form	{ padding: 5px;}
	.searchbox	{ border: 1px solid #999; height: 16px; font-size: 10px;}
	.searchbtn	{ color: #8b3b3e; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; }
	#h_search a:link, #h_search a:visited	{ padding: 0 0 0 10px; background: url(/images/arrow_red.gif) no-repeat 4px 4px; color: #8b3b3e; font-size: 10px; text-decoration: none; }
	#h_search span { float: right; margin: 6px 6px 0 0;}


/* navigation 
-------------------------------------------- */
#nav					{ position: absolute; top: 48px; right: 0px; height: 34px; width: 553px; z-index: 50;}
#nav li 				{ position: relative; height: 34px; width: 93px; list-style: none; float: left;}
#nav li a, #nav li div 	{ position: relative; height: 34px; width: 93px; display:block; text-decoration:none; }
#nav li a				{ cursor: pointer; }
#nav li strong 			{ position: absolute; top: 0px; left: 0px; display: block; height: 34px; width: 93px; z-index: 10;}
#nav li, #nav li a, #nav li strong, #nav li div	{ background-image: url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: 0 0; }
#nav li.business, #nav li.business a, #nav li.business a strong		{ background-position: -93px 0px; }
#nav li.investor, #nav li.investor a, #nav li.investor a strong		{ background-position: -186px 0px; }
#nav li.press, #nav li.press a, #nav li.press a strong				{ background-position: -279px 0px; }
#nav li.social, #nav li.social a, #nav li.social a strong			{ background-position: -372px 0px; }
#nav li.career, #nav li.career a, #nav li.career a strong			{ background-position: -465px 0px; width: 88px;}

/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong			{ background-position: 0px -34px; }
#nav li.business, #nav li.business a:hover strong	{ background-position: -93px -34px; }
#nav li.investor, #nav li.investor a:hover strong	{ background-position: -186px -34px; }
#nav li.press, #nav li.press a:hover strong			{ background-position: -279px -34px; }
#nav li.social, #nav li.social a:hover strong		{ background-position: -372px -34px; }
#nav li.career, #nav li.career a:hover strong		{ background-position: -465px -34px; width: 88px; }

/* ON STATE */ 
#nav li.abouton, #nav li.abouton strong			{ background-position: 0px -68px; }
#nav li.businesson, #nav li.businesson strong	{ background-position: -93px -68px; }
#nav li.investoron, #nav li.investoron strong	{ background-position: -186px -68px; }
#nav li.presson, #nav li.presson strong			{ background-position: -279px -68px; }
#nav li.socialon, #nav li.socialon strong		{ background-position: -372px -68px; }
#nav li.careeron, #nav li.careeron strong		{ background-position: -465px -68px; width: 88px; }


/* NAVIGATION: css drop downs */
/* controls width of drop down menus for each button */
#nav li.about ul li a , #nav li.abouton ul li a 		{ width: 76px; }
#nav li.business ul li a, #nav li.businesson ul li a	{ width: 76px; }
#nav li.investor ul li a, #nav li.investoron ul li a	{ width: 76px; }
#nav li.press ul li a, #nav li.presson ul li a		    { width: 76px; }
#nav li.social ul li a, #nav li.socialon ul li a		{ width: 76px; }
#nav li.career ul li a, #nav li.careeron ul li a		{ width: 76px; }


/* controls links on drop down */
#nav li ul li a:link, #nav li ul li a:visited
    { display: block; padding: 5px 6px; background: #fff; color: #666; text-decoration: none; cursor: pointer; /* for IE */	font-size: 9px; height: 100%; border-bottom: 1px solid #ddd; }
#nav li ul li	{ height: auto; width: auto;}
#nav li ul li a:hover {	background: #eee; none; color: #333; }

#nav ul 	{ list-style: none; } /* all lists */
#nav li ul  { display: none; position: absolute; top: 34px;	left: 0px; z-index: 50; } /* second-level lists */
#nav li>ul 	{ top: 34px; left: 0px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul 	{ display: block; padding: 0px;  opacity: .95; filter: alpha(opacity=95); border-bottom: 4px solid #bbb;}


/* controls colors for each dropdown section */
#nav li.about ul li a:link, #nav li.about ul li a:visited		{ border-bottom: 1px solid #EBA400;}
#nav li.business ul li a:link, #nav li.business ul li a:visited	{ border-bottom: 1px solid #D0511D;}
#nav li.investor ul li a:link, #nav li.investor ul li a:visited	{ border-bottom: 1px solid #366;}
#nav li.press ul li a:link, #nav li.press ul li a:visited		{ border-bottom: 1px solid #FF0105;}
#nav li.social ul li a:link, #nav li.social ul li a:visited		{ border-bottom: 1px solid #306;}
#nav li.career ul li a:link, #nav li.career ul li a:visited		{ border-bottom: 1px solid #8B3B3E;}
#nav li.about:hover ul, #nav li.over.about ul 		{ border-bottom: 4px solid #EBA400;}
#nav li.business:hover ul, #nav li.over.business ul { border-bottom: 4px solid #D0511D;}
#nav li.investor:hover ul, #nav li.over.investor ul { border-bottom: 4px solid #366;}
#nav li.press:hover ul, #nav li.over.press ul 		{ border-bottom: 4px solid #FF0105;}
#nav li.social:hover ul, #nav li.over.social ul 	{ border-bottom: 4px solid #306;}
#nav li.career:hover ul, #nav li.over.career ul 	{ border-bottom: 4px solid #8B3B3E;}


/*
homepage elements ===============================*/

#headnav	{ margin: 15px 0 5px; padding: 3px 4px 5px; background: #E5E5E5; font-size: 10px; color: #999; }
	#headnav span	{ float: right;}
	#headnav a:link, #headnav a:visited	{ color: #666; text-decoration: none;}
	#headnav img	{ display: inline; margin-bottom: -4px; }

#flasharea	{}

#intro	{ position: relative; height: 142px; background: #FCEDCC url(../images/intro_back.gif) no-repeat;}
	#intro p		{ position: absolute; top: 15px; left: 10px; width: 270px; color: #8b3b3e; font-size: 12px; line-height: 16px;}
	#intro #h_info	{ position: absolute; top: 100px; left: 95px; width: 220px;}
	#intro #h_info li	{ float: left; width: 70px; padding: 0 0 3px; list-style: none;}
	#intro #h_info li a:link, #intro #h_info li a:visited	{ padding: 0 0 0 6px; background: url(../images/arrow_red.gif) no-repeat 0px 4px; text-decoration: none; color: #8b3b3e;}
	
#h_products	{ position: absolute; top: 0px; right: 10px;}
	#h_products img			{ float: left; }
	* html #h_products a	{ float: left; }

#h_news, #h_events, #h_investor, #h_highlights	{ position: relative; float: left; font-size: 10px; line-height: 11px;}
	#h_news p, #h_events p, #h_investor p, #h_highlights p	{ padding: 5px; border-bottom: 1px dotted #ccc;}
	#h_news strong, #h_events strong	{ color: #f00;}
	#h_investor	{color: #366;}

	
#h_news			{ width: 178px; padding: 30px 0 0 10px;}
	* html #h_news	{ width: 188px; w\idth: 178px;}
#h_events		{ width: 178px; padding: 30px 0 0 5px; }
	* html #h_events	{ width: 183px; w\idth: 178px;}
#h_investor		{ width: 223px; padding: 30px 0 0 5px; background: url(../images/investor_back.gif) no-repeat 0 65px; }
	#h_investor p.none		{ border: 0; }
	* html #h_investor	{ width: 228px; w\idth: 223px;}
#h_highlights	{ width: 124px; padding: 30px 0 0 5px; line-height: 10px; }
	* html #h_highlights	{ width: 129px; w\idth: 124px;}
	
#h_news p.more, #h_events p.more, #h_investor p.more, #h_highlights p.more	{ border: 0;}
.more a:link, .more a:visited, a.more:link, a.more:visited	{ padding: 0 0 0 5px; background: url(../images/arrow_grey.gif) no-repeat 0px 4px; color: #666;}
.float_R	{ float: right; padding: 0 0 3px 3px;}

.stocks 			{ margin: 10px 0 30px;}
	.stocks td 			{ padding: 1px 5px; border-bottom: 1px dotted #ccc; }
	.stocks p 			{ padding: 1px; }
	.stocks .bord_rt	{ border-right: 1px solid #ccc;}
	.stocks .amountdown 	{ color: #ff6600;font-size: 9px;}
	.stocks .amount 	{ color: #009100; font-size: 9px; }
	.stocks .amount img	{ display: inline;}
	.stocks .none	 	{ border: 0; font-size: 9px; }
	.stocks .delay 		{ color: #fff; text-align: center; background: #366; border: 0; font-size: 9px; }
	
#h_highlights select	{ font-size: 10px;}

#newsevents	{ position: relative; float: left; width: 371px; }
.h_awards 		{ position: relative; clear: both; border-top: 1px dotted #ccc; width: 360px; margin: 10px 0 0 10px;}
.h_awards img	{ display: inline;}

#footer 		{ position: relative; height: 20px; padding: 0 5px; color: #b2b2b2; background: #e5e5e5; font-size: 10px; line-height: 20px; clear: both;}
#s_footer	{ padding: 30px 0 0;}
#footer span	{ position: absolute; top: 0px; right: 5px; text-align: right;  }
#footer a:link, #footer a:visited	{ color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* BEGIN footer */
.footer 		{ position: relative; height: 20px; padding: 0 5px; color: #b2b2b2; background: #e5e5e5; font-size: 10px; line-height: 20px; clear: both;}
.footer span	{ position: absolute; top: 0px; right: 5px; text-align: right;  }
.footer a:link, .footer a:visited	{ color: #666; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
#s_footer	{ padding: 30px 0 0;}
/* END footer */


/*
SUB PAGES ===========================*/
#subhead	{ margin: 0 0 30px; border-bottom: 5px solid #d6e0e0;}

#s_main	{ background: url(../images/line.gif) repeat-y; padding: 0 0 5px;}

#subnav		{ position: relative; float: left; width: 148px; padding-left: 10px;}
	* html #subnav { width: 158px; w\idth: 148px;}
	#subnav ul	{ list-style: none;}
	#subnav li	{ position: relative; padding: 6px 0 1px; background: url(../images/dots.gif) no-repeat 0px 0px;font-weight: bold; color: #999;font-weight: bold;}
	#subnav li.first	{ background: none;}
	#subnav li a:link, #subnav li a:visited	{ position: relative; display: block;color: #888; text-decoration: none;  padding-left: 10px; margin-left: -10px; border-right: 1px solid #fff; margin-right: 1px;}
	#subnav li a:hover	{ background: url(../images/arrow_grey.gif) no-repeat 3px 4px; color: #333;}
	#subnav li.on strong	{ display: block; padding-left: 10px; margin-left: -10px; color: #366; background: #d6e0e0 url(../images/arrow_green.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;}
	#subnav li.on ul	{ background: #fff; margin-right: 1px; padding: 5px 0 0; }
	#subnav li.on li	{ background: none;  padding: 0 0 2px 10px; font-weight: normal;}

	#subnav p	{ padding: 2px; border-bottom: 1px dotted #ccc; }
	#subnav p.none	{ border: 0;}
#subnav a:link, #subnav a:visited	{ color: #888; text-decoration: none; }
#subnav a:hover	{ color: #333; text-decoration: underline; }

#keydocs	{ padding: 90px 10px 0 0;}
	#keydocs p	{ padding: 4px;}
	#keydocs span	{ float: right; padding: 1px;}
 /*position: relative; */
#s_content	{ float: left; width: 370px; padding: 0 10px 0 30px; font-size: 12px; line-height: 16px; color: #666;}
	* html #s_content	{ width: 410px; w\idth: 370px;}
	#s_content ul	{ padding: 0 0 10px 20px; }
	#s_content li ul	{ list-style: square; padding: 0 0 5px 0; }
	#s_content td {
	color: #666;
}
#s_content li {
	margin-left : 40px;
}

#s_content li ul {
	margin-left : 40px;
}

	#s_content p	{ padding: 0 0 10px; }

.s_cols		{ position: relative; float: left; width: 182px; font-size: 10px; padding: 10px 0 0;}
#s_content .s_cols p	{ padding: 5px; border-bottom: 1px dotted #ccc; line-height: 11px;}
#s_content .s_cols p.none	{ border: 0;}
	.s_cols			{ width: 180px; margin: 0 2px 0 0;}
	* html .s_cols	{ width: 182px; w\idth: 180px;}
	#s_content .s_cols p.more	{ border: 0;}

	#investor .s_cols strong	{ color: #366;}

#sidebar	{ position: relative; float: left; width: 162px;}
.caption		{ padding: 0 0 30px;}
	.caption img	{ position: relative;margin-left: -10px;}
	.caption p		{ font-size: 9px; padding: 5px 10px;}
	
.s_stock	{ margin: 0 0 10px;font-size: 10px;}
	.s_stock p	{ position: relative; border-bottom: 1px dotted #ccc; padding: 1px;  }
	.s_stock img	{ display: inline;}
	.s_stock strong	{ font-size: 11px;}
	.s_stock span	{ float: right;}
	.s_stock .amount	{ color: #009100;}
	.s_stock .delay 	{ color: #fff; text-align: center; background: #366; border: 0; font-size: 9px; }

.tools	{ background: #D8E0E2; width: 162px;}
	.tools td	{ border-bottom: 1px dotted #fff; padding: 4px;}
	.tools img	{ display: inline;}
	.tools a:link, .tools a:visited	{ text-decoration: none;}
	.tools a:hover	{ text-decoration: underline;}
.toolsearch	{ background: #366; color: #fff;}
#searchtools	{ width: 80px;}
#toolbutton		{ color: #8b3b3e; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; }

/*
MISC Elements ===========================*/
h1	{ font-size: 18px; letter-spacing: -1px; font-weight: normal; border-bottom: 1px dotted #366; margin: 0 0 5px;}
	#investor h1	{ color: #346667;}
h2	{ font-size: 18px; padding: 0 0 10px; font-weight: normal;}
	#investor h2	{ color: #346667;}
	
h3	{ font-size: 15px; padding: 0 0 2px;}
	#investor h3	{ color: #346667;}
	
	h4	{ font-size: 12px; padding: 0 0 2px;}
	#investor h4 { color: #346667;}