/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Typography */

body, p, li, a, table, td, input, textarea { font-family: Arial, sans-serif; font-size: 12px; line-height: 12.6pt; }
body { background: #f7f7f7;padding-bottom:20px; }
h3 { font-family: Arial, sans-serif; color: #444; font-size: 14px; font-weight: bold; margin: 0 10px; }
h3.ourstory { font-weight:normal; margin:0 10px 10px 10px; }
span.red { color: #dc435f;}
a { text-decoration: none; color: #0A55A3 }
a:hover { text-decoration: underline }

/* General divs */



div#toolbar2 { width: 1000px; height: 29px; background: url(../imgs/toolbarbg.jpg) repeat-x 0 0; padding: 0; margin: 0; float: left; position:relative; top:0px;}
div#heading1 { width: 1000px; height: 83px; background: url(../imgs/headingbg.jpg) repeat-x 0 0; padding: 0; margin: 0; float: left; }
div#content1 { margin: 12px 0 0 0; padding: 0; float: left;}
div#contentIE { margin: 12px 0 0 0; padding: 0; float: left;}
div#content2 { margin: 13px 0 0 0; padding: 0; float: left;}
div#contentMac { margin: 13px 0 0 0; padding: 0; float: left;}
div#content3 { margin: 10px 0 0 0; padding: 0; float: left;}
div#sidemenu { width: 170px; margin: 0 10px 0 0; padding: 0; float: left; }
div#sidemenu2 { width: 170px; margin: 0 10px 0 0; padding: 0; float: left; }
div#sidemenu2Mac { width: 170px; margin: 0 10px 0 0; padding: 0; float: left; }
div#sidemenuIE { width: 170px; margin: 0 10px 0 0; padding: 0; float: left; }

div#main { width: 564px; padding:1px 0px 0px 0px; float: left }
div#mainheading { width: 564px; height: 70px; padding: 0; float: left }
div#mainmaintop { background: url(../imgs/mainmaintop.jpg) no-repeat 0 0; height: 5px; margin: 0 0 5px 0; width: 800px; padding: 0; position: relative; float: left }
div#mainmainbottom { background: url(../imgs/mainmainbottom.jpg) no-repeat 0 0; height: 5px; margin: 0; width: 800px; padding: 0; position: relative; float: left }
div#mainmain { background: #fff; margin: 10px 0 0 0; padding: 0; float: left; width:800px; }
div#mainmaincontent { background: #fff; margin: 10px 0 0 0; padding: 0; float: left; width:800px; height: 459px; }
div#map { margin: 0 0 0 10px; float: left; }
div#player { width: 361px; height: 341px; margin: 0 10px 5px 10px; padding: 0; float: left }
div#playerpop { width: 361px; height: 341px; margin: 10px; padding: 0; float: left }
img.playerlogo { margin: 0 0 0 87px;}
div#rightofplayer { background: url(../imgs/rightplayerback.jpg) no-repeat 0 0; width: 409px; height: 341px; margin: 0 10px 0 0; padding: 0; float: left }
div#startbuffer { margin: 10px; }

div#mainmain2 { margin: 10px 0 0 0; padding: 0; float: left; width:564px; }
div#leftmain { background:url(../imgs/leftmaintop.jpg) #fff no-repeat 0 0; width: 564px; margin: 0 0px 0 0; padding: 0; float: left }
div#leftmain p { margin:10px; font-size: 12px; color: #444; }
div#leftmain p.plast { margin: 10px 10px 0px 10px; }
div#leftmain img.newslinkhead { margin:10px 10px 20px 10px; float:left; }
img.leftbottom { margin:0 0 0 0; }
div#leftmain a, div#mainmain a, div#leftmain li { font-size:12px; }
div#rightmain { width: 225px; margin: 0; padding: 0; float: left }

div#mainmain p { margin:0 10px 10px 10px; font-size: 12px; color: #444; }
div#mainmain p.plast { margin: 10px 10px 0 10px; }

/* Newsroom */

div#leftmain ul.news { float: left; position: relative; }
div.date { float: left; width: 70px; margin: 0 10px 10px 10px; font-size:10px; }
div.newstitle { float: left; width: 465px; margin: 0 10px 10px 0; font-size: 13px; }
div.newstitle a { font-size: 13px; }
div.backnext { float:right; margin: 0 10px 5px 0; }
img.floatleft, h3.floatleft { float: left; }
img.newsbutton { margin: 0 0 10px 0;}
td h3.newshead { margin:10px 0 10px 10px; width:100%; }

/* Team page */

ul.team { margin: 10px 0; }
ul.teamlast { margin: 10px 0 0 0; }
ul.team li, ul.teamlast li { margin: 0 10px; }
h3.teamname { margin: 10px 0 0 10px; }
span.teamtitle { margin: 0 10px 0 10px; font-size: 12px; color: #444; }
div.members { background:#fff; }
div.members p { margin:0 10px 10px 10px; line-height:16px; }
div.members p.memberbottom { margin: 0 10px; }
img.teampic { float:right; margin:10px 10px 20px 20px; }

/* Careers page */

ul.jobs { margin: 10px; }
ul.jobs li { margin: 0 20px; list-style:disc; }
div.jobsdescrip { font-size:12px; margin: 0 0 10px 0; color:#444; }

/* Contact page */

div.contactloc { float:left; width:272px; height:140px;}

/* Products page */

div#products { margin:10px; height:241px; float:left; width:780px; }
div#productsintro { margin:0 10px; padding:10px; background:url(../imgs/pintroback.jpg) no-repeat 0 0; float:left; width:760px; font-size:13px; color:#444; }
div.aproduct { background:url(../imgs/productsbg.jpg) no-repeat 0 0; float:left; margin:0 10px 10px 0; width:148px; height:248px; }
div.lastproduct { background:url(../imgs/productsbg.jpg) no-repeat 0 0; float:left; margin:0 0 10px 0; width:148px; height:248px; }
div.aproduct h3, div.lastproduct h3 { margin:0; padding:0; position:relative; left:0; }
div.aproduct, div.lastproduct { font-size:12px; }
div.aproducttop { margin:10px 10px 0 10px; width:128px; height:214px; float:left; }
div.aproductbottom { margin:0 10px 10px 10px; text-align:right; width:128px; height:14px; float:left; }
div.aproductbottom a { font-size:14px; }

div#logo1 { float: left; width: 830px; margin: 0 0 0 0px;}
div#logo1IE { float: left; width: 830px; margin: 0 0 0 0px;}
ul#contacthelp { float: right; margin: 4px 10px;}
ul#contacthelp li { display: inline; margin: 0 1px; color: #fff}
ul#contacthelp li a { color: #fff;font-size:10px; }
ul#contacthelpIE { float: right; margin: 4px 10px;}
ul#contacthelpIE li { display: inline; margin: 0 1px; color: #fff}
ul#contacthelpIE li a { color: #fff;font-size:10px; }

/* Right of player area */

div#rightofplayertext, div#rightofplayertext { float: left; height: 265px; margin: 10px; width: 388px; }
div#rightofplayertext p { font-size: 12px; margin: 10px 0px; line-height: 18px; color: #444; }
div#rightofplayertext p.pintro { margin: 0 0 10px 0; padding:0; line-height: 18px; color: #444; }
div#rightofplayertext2 p { font-size: 14px; margin: 10px 10px; line-height: 20px; color: #444; }
div#rightofplayertext a { font-size: 12px; }
div#rightintro { margin: 0; padding:0; height:270px; }
div#buttons { float: left; width: 388px; height: 46px; margin: 0 10px; }
div.button1 { width: 189px; margin: 0; height: 46px; float: left; }
div.button2 { width: 189px; margin: 0 0 0 10px; height: 46px; float: left; }
img.loginbutton { margin: 10px 0 0 0; }

/* Form area */

div#formmainmain { width: 800px;  margin: 10px 0 0 0; background: url(../imgs/formbg.jpg) no-repeat 0 0; height:362px; float: left; }
div#infoform { margin: 10px; }
div#formtop { width: 780px; float: left; height: 75px; margin: 0; }
p.formdescription { font-weight: bold; margin: 20px 0 0 28px; }
div#formcol1 { width: 370px; float: left; height: 204px; margin: 0; }
div#formcol2 { width: 410px; float: left; height: 204px; margin: 0; }
div.formq { font-size: 11px; height: 30px; width: 110px; float:left; text-align: right }
div.forma { height: 30px; width: 250px; float: left; margin: 0 0 0 10px }
div.forma input, div.formcommentsa textarea { width: 220px; border: 1px solid #777; padding: 1px; }
div.formcommentsq { font-size: 11px; height: 105px; width: 80px; float:left; text-align: right }
div.formcommentsa { height: 165px; width: 300px; float: left; margin: 0 0 0 10px }
div.formcommentsa textarea { height: 155px; width: 250px; }
input.sendnow { width: 59px; height: 13px; margin: 0 0 15px 192px; }
p.postsubmit { margin: 20px 30px 0 90px; }

/* Footer */

div.footermenu { padding: 5px 15px; }
div.copyright { font-size: 11px; float: right; margin: 5px 15px; }
ul#footerlinks li { display: inline; margin: 0 12px 0 0; }
ul#footerlinks li a { font-size: 11px; color: #000 }
ul#footerlinks li a:hover { text-decoration: underline; }

div#popupcredit { background: url(../imgs/popupcredit.jpg); width: 270px; height: 49px; float: left; margin: 10px 0 0 485px;}

/* Menu */

ul#nav { list-style: none; width: 170px; height: 296px; position: relative; top:0; margin:-4px 0 -3px 0; padding: 0; }
ul#nav a { display:block; position: absolute; height: 16px; left: 0; outline: none; overflow:hidden; width: 150px; padding:10px; font-size: 12px; color: #0A55A3; font-weight: bold;  }
ul#nav a:hover, ul#nav a.current { background-position: 0 -36px; text-decoration: none; }

ul#navIE { list-style: none; width: 170px; height: 296px; position: relative; top:0; margin:-3px 0 -3px 0; padding: 0; }
ul#navIE a { display:block; position: absolute; height: 16px; left: 0; outline: none; overflow:hidden; width: 150px; padding:10px; font-size: 12px; color: #0A55A3; font-weight: bold;  }
ul#navIE a:hover, ul#navIE a.current { background-position: 0 -36px; text-decoration: none; }

ul#nav2 { list-style: none; width: 170px; height: 296px; position: relative; top:0; margin:0px 0 -3px 0; padding: 0; }
ul#nav2 a { display:block; position: absolute; height: 16px; left: 0; outline: none; overflow:hidden; width: 150px; padding:10px; font-size: 12px; color: #0A55A3; font-weight: bold;  }
ul#nav2 a:hover, ul#navFF a.current { background-position: 0 -36px; text-decoration: none; }

ul#nav2Mac { list-style: none; width: 170px; height: 296px; position: relative; top:0; margin:0px 0 -2px 0; padding: 0; }
ul#nav2Mac a { display:block; position: absolute; height: 16px; left: 0; outline: none; overflow:hidden; width: 150px; padding:10px; font-size: 12px; color: #0A55A3; font-weight: bold;  }
ul#nav2Mac a:hover, ul#nav2Mac a.current { background-position: 0 -36px; text-decoration: none; }

a.link1 { top: 0; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link2 { top: 37px; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link3 { top: 74px; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link4 { top: 111px; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link5 { top: 148px; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link6 { top: 185px; background: url(../imgs/menuhoverbg.jpg) #fff no-repeat 0 0; }
a.link7 { top: 222px; background: url(../imgs/menuhoverbg2.jpg) no-repeat 0 0; }
A.link8 
{

	BACKGROUND: url(../imgs/menuhoverbg2.jpg) no-repeat 0px 0px; TOP: 259px
}
LI.navtop {
	BACKGROUND: url(../imgs/sidemenutop.jpg) #fff no-repeat 0px 0px; WIDTH: 170px; POSITION: absolute; TOP: 0px; HEIGHT: 11px
}
div.menulink { margin: 10px; width: 150px; font-size: 12px; color: #0A55A3; font-weight: bold; position:relative; }

/* Toolbar */

ul#toolbar1 { list-style: none; width: 800px; height: 29px; position: absolute; top: 0; }
ul#toolbar1 a { display: block; position: absolute; height: 29px; top: 0; }
ul#toolbar1 li a:hover { background-position: bottom left; }
ul#toolbar1 a.global { background: url(../imgs/toolbarglobal.gif) 0 0; width: 105px; left: 0; }
ul#toolbar1 a.mandarin { background: url(../imgs/toolbarmandarin.gif) 0 0; width: 170px; left: 105px; }
ul#toolbar1 a.bloggers { background: url(../imgs/toolbarbloggers.gif) 0 0; width: 77px; left: 275px; }
ul#toolbar1 a.posting { background: url(../imgs/toolbarposting.gif) 0 0; width: 116px; left: 352px; background-position: bottom left;}

ul#toolbar1IE { list-style: none; width: 800px; height: 29px; position: absolute; top: 0; }
ul#toolbar1IE a { display: block; position: absolute; height: 29px; top: 0; }
ul#toolbar1IE li a:hover { background-position: bottom left; }
ul#toolbar1IE a.global { background: url(../imgs/toolbarglobal.gif) 0 0; width: 105px; left: 0; }
ul#toolbar1IE a.mandarin { background: url(../imgs/toolbarmandarin.gif) 0 0; width: 170px; left: 105px; }
ul#toolbar1IE a.bloggers { background: url(../imgs/toolbarbloggers.gif) 0 0; width: 77px; left: 275px; }
ul#toolbar1IE a.posting { background: url(../imgs/toolbarposting.gif) 0 0; width: 116px; left: 352px; background-position: bottom left;}



/*added for news and events page*/
td.date {padding:0px 10px 0px 10px; width: 70px; margin: 0px 10px 10px 10px; font-size:10px;white-space:normal }
td.newstitle {width: 465px; margin: 0 10px 10px 0; font-size: 13px;white-space:normal}
td.newstitle a { font-size: 13px; }
tr.backnext { text-align:right; padding: 0 10px 5px 0; }

/*div.inquiry p { margin: 10px; width:170px; font-size: 11px; position:relative; top:0; }
div.inquiry p a { font-size: 11px;}*/
div.inquiry p { margin: 10px; width:150px; font-size: 11px; position:relative; top:0; }
div.inquiry p a { font-size: 11px;}

div#leftmain1 { background:url(../imgs/leftmaintop.jpg) #fff no-repeat 0 0; width: 564px; margin: 0 0px 0 0; padding:0px; float: left }
div#leftmain1 p { margin:10px; font-size: 12px; color: #444; }
div#leftmain1 p.plast { margin: 10px 10px 0px 10px; }
div#leftmain1 img.newslinkhead { margin:10px 10px 20px 10px; float:left; }
div#leftmain1 a, div#mainmain a, div#leftmain li { font-size:12px; }
div#leftmain1 ul.news { float: left; position: relative; }
#releasesDatagrid td {padding-right:10px;}
#highlightsDataGrid td {padding-right:10px;}

#releasesDatagrid td a {text-decoration:none}
#highlightsDataGrid td a {text-decoration:none}

div.container { width: 980px; margin: 0 0 0 10px; padding: 0; float: left; }
div.containerIE { width: 980px; margin: 0 0 0 5px; padding: 0; float: left; }
div.containerIENew { width: 980px; margin: 0 0 0 0px; padding: 0; float: left; }
div#footer { margin: 20px 0;  padding: 0; float: left; }
div#footer div.container { height: 26px; background: url(../imgs/footerbg.jpg) 0 0; }

div.containerfooter { width: 980px; margin: 0 0 0 10px; padding: 0; float: left; }
div#footer div.containerfooter { height: 26px; background: url(../imgs/footerbg.jpg) no-repeat 0 0; }


DIV#rightrailwrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 225px; PADDING-TOP: 1px;  POSITION: absolute; TOP: 124px
}

DIV#rightrailwrapMac {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 225px; PADDING-TOP: 1px;  POSITION: absolute; TOP: 29px
}

DIV#rightrailwrapFox {
	PADDING-RIGHT: 1px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 225px; PADDING-TOP: 1px;  POSITION: relative; TOP: 0px
}

DIV.rightrail {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 225px; PADDING-TOP: 0px; POSITION: relative; TOP: 0px;
}

DIV.rightrailIE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 224px; PADDING-TOP: 0px; POSITION: relative; TOP: 0px;
}

DIV.rightrailMac {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 6px; MARGIN: 0px 0px 10px; WIDTH: 225px; PADDING-TOP: 0px; POSITION: relative; TOP: 0px;background:url("../imgs/curve-bg.gif");
}
IMG.loginbutton {
	MARGIN: 0px 0px 10px
}
DIV.quote {
	FONT-WEIGHT: bold; MARGIN: 5px 10px 4px; COLOR: #444; TEXT-ALIGN: right
}

DIV.rightrail P {
	FONT-SIZE: 12px; MARGIN: 8px 10px 4px; COLOR: #444
}

DIV.rightrailIE P {
	FONT-SIZE: 12px; MARGIN: 8px 10px 4px; COLOR: #444
}

DIV.rightrailMac P {
	FONT-SIZE: 12px; MARGIN: 8px 10px 4px; COLOR: #444
}
