/******** Light default Styles ********/

/* General styles */
* {margin:0; padding:0;}
body {color:#444; text-align:center; font:62.5%/normal Arial, Helvetica, sans-serif;}
html, body {background:#737F87 url(/images/bgBody2.gif) repeat-x left top;}
p {padding:0 0 1em 0;}
h1 {font-size:2em; font-weight:bold; padding:0 0 0.4em; line-height:1; color:#333;}
h2 {font-size:1.6em; font-weight:normal; padding:0 0 0.4em; color:#333;}
h3 {font-size:1.4em; font-weight:normal; padding:0 0 0.5em; color:#000;}
h4 {font-size:1.1em; font-weight:bold; padding:0 0 0.6em; color:#000;}
a {color:#34425D; text-decoration:underline;}
a:visited {color:#717F9C;} 
a:hover, a:focus, a:active {text-decoration:none; color:#2977EB;}
acronym {cursor:help; color:#060;}
code {color:#060; font-size:1.1em;}
kbd {color:#060; font-size:1.1em;}
ul li > a {text-decoration:none;}
ul li > a:hover {text-decoration:underline;}
dl {}
dt {padding-bottom:0.3em; color:#464646; font-weight:bold; clear:both;}
dd {padding:0 0 1em 0;}
img {border:none;}

#pageWrap {margin:0 auto;	width:986px; position:relative; font-size:1.2em; text-align:left;}
#topBar, #mainNav, .tabIndex {font-size:12px; line-height:12px;}

/* Top bar */
#topBar {position:absolute; top:34px; right:25px; background-color:#000; z-index:999999;}
#topBar ul {list-style:none; text-align:right;}
#topBar ul li {display:inline;}
#topBar ul li a {font-weight:bold; padding:0 5px;}
#topBar ul li a, #topBar ul li a:visited {color:#CCC; text-decoration:none;}
#topBar ul li a:hover, #topBar ul li a:focus, #topBar ul li a:active {color:#FFF; text-decoration:underline; outline:none;}

#banner {height:60px; width:220px; padding:11px 0 9px 15px; float:left;}

/* Main navigation */
#mainNavBar {float:left; width:751px;}
#mainNav {position:relative; padding:13px 0; list-style:none; float:left; margin-left:1px; z-index:99999;}
#mainNav li {float:left; position:relative;}
#mainNav li a {float:left; text-decoration:none; display:block; padding:21px 15px; color:#FFF;}
#mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active {color:#FFF;	text-decoration:underline; background:#484954;}
#mainNav li:hover, #mainNav li.over {background:#484954;}
body#news li.news, body#features li.features, body#resources li.resources, body#forum li.forum, body#links li.links, body#about li.about, body#contact li.contact, body#search li.search {display:inline;	background:url(/images/blackFade.gif) no-repeat center top;}
body#news li.news:hover, body#features li.features:hover, body#resources li.resources:hover, body#forum li.forum:hover, body#links li.links:hover, body#about li.about:hover, body#contact li.contact:hover, body#search li.search:hover {background:#484954;}
#mainNav ul {position:absolute; top:54px; left:0; width:130px; padding:6px 0; list-style:none; display:none; background:url(/images/subNav.png) no-repeat center bottom;}
#mainNav ul li {width:130px; border:none;}
#mainNav ul li a {padding:14px 15px; width:100px;}
#mainNav li:hover ul {display:block;}

/* Breadcrumb */
#breadcrumb {text-align:center; padding-bottom:1em;}
#breadcrumb ul {list-style:none; display:inline;}
#breadcrumb ul li {display:inline;}
#breadcrumb ul a, #breadcrumb ul a:visited {color:#34425D; text-decoration:none; display:inline; padding-right:10px; margin-right:5px; background:url(/images/arrowGray.gif) no-repeat right center;}
#breadcrumb ul a:hover, #breadcrumb ul a:focus, #breadcrumb ul a:active {color:#2977EB; text-decoration:underline;}

/* Middle */
#middle {width:926px; position:relative; background:#FFF; padding:30px; clear:both;}
#content {padding:20px 15px 0 15px; position:relative; clear:both; z-index:99;}
#contentLeft{float:left; width:606px;}
#sideBarRight {width:300px; float:right;}

/* General classes */
.alignC {display:block; margin:0 auto 10px auto;}
.alignL {float:left; position:relative; margin:0 10px 10px 0;}
.alignR {float:right; position:relative; margin:0 0 10px 10px;}
.clearFloat {clear:both;}
.colLeft {position:absolute; left:0; top:0;}
.colLeftImg {position:absolute; left:10px; top:10px;}
.colR1 {margin-left:84px; padding:10px 10px 10px 0;}
.colR2 {margin-left:168px; position:relative; min-height:128px;}
.comments {background:url(/images/comment.png) no-repeat left center; padding-left:18px;}
.errText {color:#C00;}
.external:hover, .external:focus, .external:active {color:#963;}
.help {padding:5px 0 5px 25px; background:url(/images/help16.gif) no-repeat left center;}
.hidden, .skip a, .skip a:visited {position:absolute; left:-99999px; top:auto; width:1px; height:1px; overflow:hidden;}
.highlight {color:#FFF; background-color:#484954; padding:0 3px; -moz-border-radius:2px; border-radius:2px; -webkit-border-radius:2px;}
.inlineList, .inlineList li {display:inline; list-style:none; margin-right:5px;}
.linkButt, .linkButt:visited {display:block; background-color:#F0F0F0; padding:8px 20px; border:1px solid #DDD; font-size:1.4em; color:#333; text-decoration:none;}
.linkButt:hover, .linkButt:active, .linkButt:focus {background-color:#484954; border-color:#484954; color:#FFF;}
.linkLogo img {position:absolute; left:0; top:0; border:1px solid #FFF;}
.linkLogo:hover img, .linkLogo:focus img, .linkLogo:active img {border-color:#2977EB;}
.linkBrief {margin-left:170px; min-height:90px}
.marginTop {margin-top:10px;}
.marginBott {margin-bottom:10px;}
.more {background:url(/images/plus.gif) no-repeat left center; padding-left:30px;}
.less {background:url(/images/minus.gif) no-repeat left center; padding-left:30px;}
.pTextR {text-align:right;}
#quickLinks {padding:12px 10px; border:1px solid #DDD; margin-bottom:10px;}
#quickLinks h4 {display:inline; margin-right:5px;}
.sectionWrap {position:relative; padding:0 0 10px 0;}
.skip a:focus, .skip a:active {position:static; width:auto; height:auto;}
.splitLeft, .splitRight {float:right; width:49%; position:relative;}
.splitLeft {float:left;}
.textStrong {color:#464646; font-weight:bold;}
#themeTunes {background:url(/images/themeTunes.gif) no-repeat right bottom; padding-bottom:1px;}
#themeTune {padding-bottom:10px;}
#themeTune a{text-decoration:none;}
.title {font-size:2em; font-weight:bold; color:#8C8C8C; clear:both; padding:0 0 0.6em 0;}
.title a {color:#8C8C8C; text-decoration:none;}
.title a:hover, .title a:focus, .title a:active {color:#2977EB;}
#titleBanner, .cell, .vidLinear, .vidFloat {width:100%; position:relative; overflow:hidden; clear:both; list-style:none; padding-bottom:10px;}
#titleBanner img {float:right; margin-left:10px;}
.uList, ol {padding:0 25px 1em 25px;}
.uList li, ol li {margin-bottom:0.4em;}
.uList ul {padding:0.4em 0 0 25px;}
.vidLinear {margin:0;}
.vidFloat li {float:left; margin:0 10px 10px 0;}
.vidLinear li {clear:both;}
.vidList {padding:0 30px 10px 10px;}
.vidList li {vertical-align:50%; line-height:16px; list-style:none;	background:url(/resources/video/images/smallVid.gif) no-repeat left top; padding:0 0 4px 20px;}

/* Home page styles */
#welcomeLead {width:100%; border-bottom:1px solid #DDD;}
#welcomeFollow {clear:both;	width:100%;	margin:10px 0; border-bottom:1px solid #DDD;}
#welcomeFollow h2 {width:400px; float:left;}
#welcomeFollow p {clear:left;}
#welcomeFollow img {float:right; width:195px; height:130px;	padding:0 0 10px 10px;}

/* Date badge */
.published {float:left;	padding:0 12px 0 13px;	margin:0 10px 10px 0; color:#FFF; text-align:center; background:#75777B url(/images/dateBG.gif) repeat-x left center; border:2px solid #DDD;}
.published span {float:left; display:block;	background:#000 url(/images/datePanel.gif) repeat-x left center; padding:2px 6px 3px 6px;	margin-right:1px;}

/* xFade slideshow */
#slideshow {float:left; position:relative; width:250px;	height:213px; margin:0 10px 10px 0; list-style:none;}
#slideshow li {position:absolute; top:0; left:0; width:250px; height:213px; z-index:8; opacity:0.0;}
#slideshow li.active {z-index:10; opacity:1.0;}
#slideshow li.last-active {z-index:9;}

/* Forms */
input, select, textarea {padding:2px;}
option {padding-left:4px;}

/* Contact forms */
#contactBox {min-height:10px; margin-bottom:10px; padding:20px; border:1px solid #E8E8E8; background-color:#F0F0F0;}
#contactForm {float:left; width:544px; min-height:10px;}
#contactForm select {width:20.8em;}
.field {max-width:100%; color:#464646; margin-top:4px; font:1em/normal Arial, Helvetica, sans-serif;}

/* Basic Slider */
.slides {clear:both;}
.slideControls {float:right; padding:0 0 10px 0;}

/* Shared nextPrev controls: basic slider, lightbox */
.btnPrev, .btnNext, .counterTxt, #lbPrev, #lbNext, #lbClose {display:block; float:left; font-size:12px; line-height:12px; padding:6px 10px; margin:0 0 0 1px; border:1px solid #DDD;}
.counterTxt {margin-left:0; border-color:#FFF;}
.btnPrev, .btnNext, #lbPrev, #lbNext, #lbClose {text-decoration:none; color:#34425D; background:#FFF url(/images/blueFade.gif) repeat-x left bottom; outline:none;}
.btnPrev:visited, .btnNext:visited, #lbPrev:visited, #lbNext:visited, #lbClose:visited {color:#34425D;}
.btnPrev:hover, .btnNext:hover, .btnPrev:focus, .btnNext:focus, .btnPrev:active, .btnNext:active, #lbPrev:hover, #lbNext:hover, #lbClose:hover {text-decoration:none; background:#484954; border-color:#484954; color:#FFF;}
#lbClose {float:right; margin:0 1px 0 0;}

/* SLIMBOX */
.filmStrip{list-style:none;height:100px;margin-bottom:10px;white-space:nowrap;overflow:auto;padding:10px 0 2px 0;background:#353840;position:relative;}.filmStrip li{display:inline;margin-right:5px}.filmStrip li a img{opacity:0.7;filter:alpha(opacity = 70)}.filmStrip li a:hover img, .filmStrip li a:active img, .filmStrip li a:focus img{opacity:1;filter:alpha(opacity = 100)}

#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer{position:absolute;z-index:999999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(/images/lb_loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbBottom{font-size:12px;	color:#666;	line-height:12px;	text-align:center; border:10px solid #fff; border-top-style:none;}
#lbControls{position:relative;padding-top:10px;}
#lbCaption{font-weight:bold; border-bottom:1px solid #DDD; padding-bottom:10px;}

/* Accordion styles */
.accordion {list-style:none; padding-bottom:10px;}
.accPanTitle {padding:10px 30px; font-size:1.1em; font-weight:bold; background:url(/images/plus.gif) no-repeat left center;}
.accPanTitle a, .accPanTitle a:visited, .accPanTitle.selected a:focus {color:#34425D; text-decoration:none;}
.accPanTitle a:hover, .accPanTitle a:focus, .accPanTitle a:active, .accPanTitle.selected a:hover {color:#2977EB; text-decoration:underline;}
.accPanTitle.selected {background:url(/images/minus.gif) no-repeat left center;}
.accPanFold {overflow:hidden; padding:0 30px;}

/* Glossary styles and tabPanels */
.tabIndex, .tabIndexR {padding:0; list-style:none; position:relative; width:100%; z-index:999;}
.tabIndex li, .tabIndexR li {display:inline;}
.tabIndex a, .tabIndexR a {text-decoration:none; color:#34425D; float:left; position:relative; padding:9px 14px; margin:0 -1px 0 0; border:1px solid #DDD;  background:#FFF url(/images/grayFade.gif) repeat-x left bottom;}
.tabIndexR a {float:right; margin:0 0 0 1px;}
.tabIndex a:visited, tabIndexR a:visited {color:#34425D;}
.tabIndex a:hover, .tabIndex a:focus, .tabIndex a:active {text-decoration:underline; color:#34425D;}
.tabIndex a.selected, .tabIndex a.selected:hover, .tabIndex a.selected:focus, .tabIndex a.selected:active {background:#FFF; border-bottom-color:#FFF; color:#000; outline:none; z-index:9999;}
/*
.tabBar {background:#FFF url(/images/grayFade.gif) repeat-x left bottom; height:30px; border:1px solid #DDD; border-bottom:none;}
.tabBar .tabIndex a {margin:-1px 0 0 -1px;}
*/
#index a {background:#FFF url(/images/blueFade.gif) repeat-x left bottom; padding:8px 10px;}
#index a:hover, #index a:focus, #index a:active {text-decoration:none; background:#484954; border-color:#484954; color:#FFF; z-index:9999;}
#index a.inactive, #index a.inactive:hover, #index a.inactive:focus {text-decoration:none; color:#CCC; border-color:#DDD; background:#FFF url(/images/blueFade.gif) repeat-x left bottom; cursor:default;}
#indexList {clear:both;}
#indexList li {list-style:none; position:relative; min-height:84px; border:1px solid #E8E8E8; margin-bottom:10px;}
#indexList h2{font-size:2em; font-weight:bold; color:#8C8C8C; clear:both; padding:0.4em 0 0.2em 0;}
.tabPanel {clear:left; position:relative; top:-1px; padding:20px 0 10px 15px; z-index:99;}
#sideBarRight .tabPanel {padding:10px; border:1px solid #DDD; margin-bottom:10px;}

/* Footer */
#footer p {text-align:center; padding:1.4em 0; color:#FFF;}
#footer a, #footer a:visited {color:#FFF; text-decoration:none; display:inline;}
#footer a:hover, #footer a:focus, #footer a:active {color:#FFF; text-decoration:underline;}