* {font-family: Arial, Helvetica, sans-serif; color: #666666; padding:0; margin:0; font-size:11px;} 

/* STRUCTURE ===========================*/
body {background: #666666; text-align: center;}
#wrapper {width: 810px; background: url("../images/tile_background.jpg") repeat-y #fff; text-align: left; margin-right: auto; margin-left: auto; position:relative; padding: 0px 0px; }
#header {position: relative; padding: 24px 0px 10px 20px; background: url("../images/top_background.jpg") no-repeat;}
#main {clear:both; float: right; width: 590px; margin-right: 5px; padding: 0px 10px 50px 10px;}
#content {clear:both;}
#sidebar {float: left; display:inline; margin-left: 25px; padding: 0px 0px; width: 163px;}ß
/* display:inline used to fix IE margin bug with floats - see http://positioniseverything.net/explorer/doubled-margin.html*/
#leftnav {clear:both;}
#popup #sidebar {margin-left: 0px; width:213px;}
#footer {clear: both; height: 10px; background: url("../images/bottom_background.jpg") no-repeat; padding: 0px 10px 55px 205px; }
#popup #footer {background: none; padding-left: 0px;}
div.twothirds {width:350px; padding: 10px 5px 0px 0px; background-color: #fff;}
div.onethird {width:180px; padding: 10px 5px 0px 0px; background-color: #fff;}
div.threethirds { padding: 10px 15px 0px 0px; background-color: #fff;}

/* COMMON ===============================*/
img {display: inline; border:0;}
strong {color:inherit;}
a:link,a:visited, a:active {text-decoration: none; color: #545B8B;}
a:hover {color: #C26101;text-decoration: underline;}
ul.menu {list-style: outside url("../images/carets.gif"); padding-bottom:10px; padding-left:17px; margin:0; line-height:16px}
ul.menuplus {list-style: outside url("../images/bullet_plus.gif"); padding-bottom:10px; padding-left:17px; margin:0; line-height:16px}
.date {display:block;}
#header h1 { font-size:16px; font-weight: normal; position: absolute; right:20px; top: 82px; margin:0px;}
#header h1 em { font-style: italic; font-size: 16px;}

#content table.lined td { border-bottom: 1px solid #aaa; padding:10px; vertical-align: top;}
#content table.lined tr.last td {border-bottom: none;}
#content table {border-collapse: collapse;}

/* TOPNAV ===============================*/
#topnav-home, #topnav-products, #topnav-developercenter, #topnav-community, #topnav-support, #topnav-company { position: relative; width: 590px; height: 24px; background: url(../images/navbar_unselected.gif) no-repeat top left; }
#topnav-home a, #topnav-products a, #topnav-developercenter a, #topnav-community a, #topnav-support a, #topnav-company a {display: block; position: absolute; }
#topnav-home a span, #topnav-products a span, #topnav-developercenter a span, #topnav-community a span, #topnav-support a span, #topnav-company a span { display: none; }
/* link positioning */
#topmenu-home { left: 0px; height: 24px; width: 70px; }
#topmenu-products { left: 70px; height: 24px; width: 90px; }
#topmenu-developercenter { left: 160px; height: 24px; width: 155px; }
#topmenu-community { left: 315px; height: 24px; width: 105px; }
#topmenu-support { left: 420px; height: 24px; width: 80px; }
#topmenu-company { left: 500px; height: 24px; width: 90px; }
/* hover effects */
a#topmenu-home:hover, #topnav-home #topmenu-home {background: url(../images/navbar_selected.gif) no-repeat; }
a#topmenu-products:hover, #topnav-products #topmenu-products {background: url(../images/navbar_selected.gif) no-repeat -70px 0px; }
a#topmenu-developercenter:hover,#topnav-developercenter #topmenu-developercenter {background: url(../images/navbar_selected.gif) no-repeat -160px 0px; }
a#topmenu-community:hover, #topnav-community #topmenu-community {background: url(../images/navbar_selected.gif) no-repeat -315px 0px; }
a#topmenu-support:hover, #topnav-support #topmenu-support {background: url(../images/navbar_selected.gif) no-repeat -420px 0px; }
a#topmenu-company:hover, #topnav-company #topmenu-company {background: url(../images/navbar_selected.gif) no-repeat -500px 0px; }

/* BREADCRUMB ==========================*/
#breadcrumb { margin-left: 21px; height: 20px; padding-top: 5px; margin-bottom:5px;}
#popup #breadcrumb {margin-left: 0px;}
#breadcrumb ul {list-style: none; }
#breadcrumb li {float:left; font-size: 12px; color: #AC4F03;}
#breadcrumb li a {color:#385796; font-size: 12px;}

/* LEFTNAV =============================*/
/*div#leftnav {background: #e2b24f;}*/
/*div#leftnav {background:#f7f7f7;}*/
#leftnav li.selected {color: #C26101;}
#sidebar h1 {display: block; height: 25px; background: url("../images/cap_sidebar.jpg") no-repeat; padding: 4px 10px 0px; color: #eee; font-size: 12px; font-weight: bold;}
#leftnav h1, #directAccess h1 {background: url("../images/cap_sidebar_plain.jpg") no-repeat;}
#popup #leftnav h1 {background: url("../images/cap_sidebar_popup.jpg") no-repeat;}
#sidebar ul {list-style: outside url("../images/bullet_plus.gif"); padding:10px; padding-top:5px; margin:0; margin-left:15px;}
#sidebar div {background: #f7f7f7; margin-bottom: 5px;}
/*#sidebar li {font-size: 12px;}*/
#newsevents li {margin-bottom: 10px;}
#newsevents a {display:block;}
#sidebar .landinglink a {font-size: 12px; color: #eee; float:right;}

/* TABS ================================*/
#tabs {	text-align: center; }
#tabs ul { list-style: none; }
#tabs li { float: left;	height: 25px; width: 113px; /* the width of the tab img */ padding: 0px 0px; font-size: 10px; }
#tabs a { display: block; width: 112px; background: url(../images/tab_prod.gif) no-repeat left top; padding: 5px 0px 5px 0px; font-weight: bold; color: #696c77; }
#tabs a.selected { background-position: 0 -100px; color: #AC4F03;}
#tabs li a:hover { background-position: 0 -100px; text-decoration: none; color: #AC4F03;}
div#tabcontent {clear:both;}
#tabcontent div {display: none;}
#tabcontent div.selected {display: block;}
#tabcontent div.selected div {display:block;}

/* FOOTER ===============================*/
#footer p { background: url("../images/footer_background.gif") #d6dae5 no-repeat; line-height: 12px; padding: 2px 10px 2px; }
#popup #footer p { background: url("../images/popup-footer_background.gif") #d6dae5 no-repeat; line-height: 12px; padding: 2px 10px 2px; }
