/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	background:url(../images/CL2010_5pxRedYellowGradient.png) top center repeat-x #f2f1ef;
}


/*-- Tables
-------------------------------------------------------------- */


/* Tables still need 'cellspacing="0"' in the markup. */
table {
}
caption, th, td {
}
td, th {
	vertical-align:top;
	padding: .75em;
	text-align: left;
}
table {
	margin-bottom: 1.4em;
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
}
th {
	font-weight: bold;
}
thead th {
	background: #d4d0ca;
}
th, td, caption {
	padding: .75em;
	text-align: left;
	font-weight: normal;
}
tfoot {
	font-style: italic;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding-bottom: .5em;
	background: none;
}
/*--- Specialty zebra table ---*/

.zebraTable {
	width: 100%;
	border-collapse:collapse;
	background: #fff;
	border:solid 1px #8c8d80;
}
.zebraTable thead {
	color: #fff;
	font-weight: normal;
}
.zebraTable tbody {
	color:#000;
	text-align:center;
}
.zebraTable caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding-bottom: .5em;
	background: none;
}
.zebraTable thead th {
	background: url(../images/CL2010_BG_tableHeader.png) top left repeat-x #bd2d24;
	font-weight: bold;
	text-align:left;
 vertical-align:middle;
 color:#fff;
}
.zebraTable td, .zebraTable th {
	vertical-align:top;
	padding: .75em;
	border-bottom:solid 1px #8c8d80;
	text-align: left;
}
.zebraTable td {
	background-color: #f2f1ef;
}
.zebraTable .odd td {
	background-color:#e9e7e4;
}
/*
.zebraTable tr.tableTopRow th, .edCalendarTable tr.tableTopRow td {
	background-color:#f6cb00;
	color:#000;
	text-align:left;
}*/

.zebraTable tr.tableTopRow th {
	font-weight:bold;
}



/* Remove possible quote marks (") from <q>, <blockquote>. And set standard style */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	margin: 1.5em;
	padding:12px 0 0 30px;
	color: #bd2d25;
	font-size:1.5em;
	background:url(../images/CL2010_BG_blockQuote.png) top left no-repeat;
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}
/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
	font-size:100.01%;
}
body {
	font-size: 75%;
	color: #363231;
	font-family: Arial, Helvetica, sans-serif;
}
/*-- Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	font-size: 2.8em;
	line-height: 1;
	margin-bottom: 0.5em;
	display:inline;
}
h2 {
	font-size: 1.5em;
	line-height: 1.25;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
	padding-top: 0.25em;
	border-top:#d0ccca dotted 2px;
	font-weight:bold
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/*
body { font-size: 12px; line-height: 1.3333333333333333em; }
h1, h2, h3, h4, h5, h6, p, blockquote {font-size:1em; line-height:1.3333333333333333em; margin-bottom:1.3333333333333333em}
h1 { font-size: 2.8em; line-height: 0.9523809523809526em; margin-top: -0em; margin-bottom: 0.4761904761904763em; }
/*h2 { font-size: 1.5em; line-height: 1.7777777777777777em; margin-top: -0.4444444444444444em; margin-bottom: 0.4444444444444444em; }*/
h3 {
	font-size: 1.5em;
	line-height: 0.8888888888888888em;
	margin-top: -0em;
	margin-bottom: 0.8888888888888888em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.1111111111111112em;
	margin-top: -0em;
	margin-bottom: 1.1111111111111112em;
}
h5 {
	font-size: 1em;
	line-height: 1.3333333333333333em;
	margin-top: -0em;
	margin-bottom: 1.3333333333333333em;
}
h6 {
	font-size: 1em;
	line-height: 1.3333333333333333em;
	margin-top: -0em;
	margin-bottom: 1.3333333333333333em;
}
/*-- Text elements
-------------------------------------------------------------- */
 p {
	margin: 0 0 1em 0;
}
p img.left {
	float: left;
	padding: 0em 1.5em .75em 0;
	background:#fff;
}
p img.right {
	float: right;
	padding: 0em 0 .75em 1.5em;
	background:#fff;
}
a {
	color: #cc2229;
	text-decoration:none;
}
a:focus, a:hover {
	color:#a21636;
	text-decoration: underline;
}
a:active {
	color:#a21636;
}
a.more {
	background:url(../images/CL2010_listBullet_redWedge.png) no-repeat right center;
	padding-right:9px;
}

a.backToTop {
	color:#958d85;
	background:url(../images/CL2010_greyWedge.png) no-repeat right center;
	padding-right:9px;
}

strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	color:#666;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
/*-- Lists
-------------------------------------------------------------- */

li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}


/*-- Misc classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color: #fff;
}
.removed {
	background:#900;
	color: #fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
/* --------------------------------------------------------------
   grid.css - mirror version of src/grid.css
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	width: 990px;
	margin: 0 auto;
}

/*-- Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {
	float: left;
	margin-right: 10px;
}
/* The last column in a row needs this class. */
.last, div.last {
	margin-right: 0;
}
/* Use these classes to set the width of a column. */
.span-1 {
	width: 40px;
}
.span-2 {
	width: 90px;
}
.span-3 {
	width: 140px;
}
.span-4 {
	width: 190px;
}
.span-5 {
	width: 240px;
}
.span-6 {
	width: 290px;
}
.span-7 {
	width: 340px;
}
.span-8 {
	width: 390px;
}
.span-9 {
	width: 440px;
}
.span-10 {
	width: 490px;
}
.span-11 {
	width: 540px;
}
.span-12 {
	width: 590px;
}
.span-13 {
	width: 640px;
}
.span-14 {
	width: 690px;
}
.span-15 {
	width: 740px;
}
.span-16 {
	width: 790px;
}
.span-17 {
	width: 840px;
}
.span-18 {
	width: 890px;
}
.span-19 {
	width: 940px;
}
.span-20 {
	width: 990px;
	margin-right: 0;
}
/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20 {
	border-left-width: 1px!important;
	border-right-width: 1px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
input.span-1, textarea.span-1 {
	width: 28px!important;
}
input.span-2, textarea.span-2 {
	width: 78px!important;
}
input.span-3, textarea.span-3 {
	width: 128px!important;
}
input.span-4, textarea.span-4 {
	width: 178px!important;
}
input.span-5, textarea.span-5 {
	width: 228px!important;
}
input.span-6, textarea.span-6 {
	width: 278px!important;
}
input.span-7, textarea.span-7 {
	width: 328px!important;
}
input.span-8, textarea.span-8 {
	width: 378px!important;
}
input.span-9, textarea.span-9 {
	width: 428px!important;
}
input.span-10, textarea.span-10 {
	width: 478px!important;
}
input.span-11, textarea.span-11 {
	width: 528px!important;
}
input.span-12, textarea.span-12 {
	width: 578px!important;
}
input.span-13, textarea.span-13 {
	width: 628px!important;
}
input.span-14, textarea.span-14 {
	width: 678px!important;
}
input.span-15, textarea.span-15 {
	width: 728px!important;
}
input.span-16, textarea.span-16 {
	width: 778px!important;
}
input.span-17, textarea.span-17 {
	width: 828px!important;
}
input.span-18, textarea.span-18 {
	width: 878px!important;
}
input.span-19, textarea.span-19 {
	width: 928px!important;
}
input.span-20, textarea.span-20 {
	width: 978px!important;
}
/* Add these to a column to append empty cols. */

.append-1 {
	padding-right: 50px;
}
.append-2 {
	padding-right: 100px;
}
.append-3 {
	padding-right: 150px;
}
.append-4 {
	padding-right: 200px;
}
.append-5 {
	padding-right: 250px;
}
.append-6 {
	padding-right: 300px;
}
.append-7 {
	padding-right: 350px;
}
.append-8 {
	padding-right: 400px;
}
.append-9 {
	padding-right: 450px;
}
.append-10 {
	padding-right: 500px;
}
.append-11 {
	padding-right: 550px;
}
.append-12 {
	padding-right: 600px;
}
.append-13 {
	padding-right: 650px;
}
.append-14 {
	padding-right: 700px;
}
.append-15 {
	padding-right: 750px;
}
.append-16 {
	padding-right: 800px;
}
.append-17 {
	padding-right: 850px;
}
.append-18 {
	padding-right: 900px;
}
.append-19 {
	padding-right: 950px;
}
/* Add these to a column to prepend empty cols. */

.prepend-1 {
	padding-left: 50px;
}
.prepend-2 {
	padding-left: 100px;
}
.prepend-3 {
	padding-left: 150px;
}
.prepend-4 {
	padding-left: 200px;
}
.prepend-5 {
	padding-left: 250px;
}
.prepend-6 {
	padding-left: 300px;
}
.prepend-7 {
	padding-left: 350px;
}
.prepend-8 {
	padding-left: 400px;
}
.prepend-9 {
	padding-left: 450px;
}
.prepend-10 {
	padding-left: 500px;
}
.prepend-11 {
	padding-left: 550px;
}
.prepend-12 {
	padding-left: 600px;
}
.prepend-13 {
	padding-left: 650px;
}
.prepend-14 {
	padding-left: 700px;
}
.prepend-15 {
	padding-left: 750px;
}
.prepend-16 {
	padding-left: 800px;
}
.prepend-17 {
	padding-left: 850px;
}
.prepend-18 {
	padding-left: 900px;
}
.prepend-19 {
	padding-left: 950px;
}
/* Border on right hand side of a column. */
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
	padding-right: 29px;
	margin-right: 30px;
	border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 {
	margin-left: -50px;
}
.pull-2 {
	margin-left: -100px;
}
.pull-3 {
	margin-left: -150px;
}
.pull-4 {
	margin-left: -200px;
}
.pull-5 {
	margin-left: -250px;
}
.pull-6 {
	margin-left: -300px;
}
.pull-7 {
	margin-left: -350px;
}
.pull-8 {
	margin-left: -400px;
}
.pull-9 {
	margin-left: -450px;
}
.pull-10 {
	margin-left: -500px;
}
.pull-11 {
	margin-left: -550px;
}
.pull-12 {
	margin-left: -600px;
}
.pull-13 {
	margin-left: -650px;
}
.pull-14 {
	margin-left: -700px;
}
.pull-15 {
	margin-left: -750px;
}
.pull-16 {
	margin-left: -800px;
}
.pull-17 {
	margin-left: -850px;
}
.pull-18 {
	margin-left: -900px;
}
.pull-19 {
	margin-left: -950px;
}
.pull-20 {
	margin-left: -1000px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20 {
	float: left;
	position:relative;
}
.push-1 {
	margin: 0 -50px 1.5em 50px;
}
.push-2 {
	margin: 0 -100px 1.5em 100px;
}
.push-3 {
	margin: 0 -150px 1.5em 150px;
}
.push-4 {
	margin: 0 -200px 1.5em 200px;
}
.push-5 {
	margin: 0 -250px 1.5em 250px;
}
.push-6 {
	margin: 0 -300px 1.5em 300px;
}
.push-7 {
	margin: 0 -350px 1.5em 350px;
}
.push-8 {
	margin: 0 -400px 1.5em 400px;
}
.push-9 {
	margin: 0 -450px 1.5em 450px;
}
.push-10 {
	margin: 0 -500px 1.5em 500px;
}
.push-11 {
	margin: 0 -550px 1.5em 550px;
}
.push-12 {
	margin: 0 -600px 1.5em 600px;
}
.push-13 {
	margin: 0 -650px 1.5em 650px;
}
.push-14 {
	margin: 0 -700px 1.5em 700px;
}
.push-15 {
	margin: 0 -750px 1.5em 750px;
}
.push-16 {
	margin: 0 -800px 1.5em 800px;
}
.push-17 {
	margin: 0 -850px 1.5em 850px;
}
.push-18 {
	margin: 0 -900px 1.5em 900px;
}
.push-19 {
	margin: 0 -950px 1.5em 950px;
}
.push-20 {
	margin: 0 -1000px 1.5em 1000px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20 {
	float: right;
	position:relative;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
	margin-top:1.5em;
}
.append-bottom {
	margin-bottom:1.5em;
}
/* Use a .box to create a padded box inside a column.  */ 
.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}


/* HR tags Use this to create a horizontal ruler across a column.
-------------------------------------------------------------- */
#addThis + hr, h1 + hr {
	background:url(../images/CL2010_3pxRedYellowGradient.png) no-repeat top left #8a1418;
	color: #8a1418;
	clear: both;
	float: none;
	width: 100%;
	height: 3px;
	margin: .5em 0 1.3em;
	border: none;
}
#addThis + hr + p {
	font-size:1.5em;
	color:#cc2229;
}
hr {
	background:#8a1418;
	color: #8a1418;
	clear: both;
	float: none;
	width: 100%;
	height: 2px;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after, #bodyContent:after, #homePageContent:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
.clearfix, .container, #bodyContent, #homePageContent {
	display: block;
}
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear:both;
}
/* -------------------------------------------------------------- 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label {
	font-weight: bold;
}
fieldset {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size:1.2em;
}

/*-- Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password], input.text, input.title, textarea, select {
	background-color:#fff;
	border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color:#666;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	margin:0.5em 0;
}
input.text, input.title {
	width: 300px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding:5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position:relative;
	top:.25em;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
/*-- Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}






/*--  Header and Contained elments - Tool bar
-------------------------------------------------------------- */
#header {
	height:100px;
	margin-top:3px; /* Give space for the gradient background image that's been styled on the HTML tag */
	position:relative;
	background-color:#f2f1ef;
	z-index:1;
}
#header #ciscoLiveLogo {
	position:absolute;
	left:2px;
	bottom:35px;
}
#header #ciscoLogoTxt {
	position:absolute;
	left:2px;
	bottom:16px;
	font-size: 1.25em;
}
#header #corportateLogo {
	position:absolute;
	bottom:16px;
	right:2px;
}
#header #toolBar {
	background:url(../images/CL2010_toolbar_buttonSprite.png) bottom left no-repeat;
	height:28px;
	z-index:1000;
	position:absolute;
	top:0px;
	right:0px;
}
#toolBar ul {
	margin:0;
	padding:0;
	float:left;
}
#toolBar li {
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
	margin:0px;
	margin-right:3px;
	float:left;
	display:block !important;
	cursor:pointer;
	height:28px;
	overflow:hidden;
}
#toolBar a {
	font-size:22px;
	text-decoration:none
}
#toolBar span {
	visibility:hidden;
}
#toolBar .search {
	width:73px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) 0px 0px no-repeat;
}
#toolBar .search:hover {
	width:73px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) 0px -28px no-repeat;
}
#toolBar .video {
	width:64px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -76px 0px no-repeat;
}
#toolBar .video:hover {
	width:64px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -76px -28px no-repeat;
}
#toolBar .myContent {
	width:89px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -143px 0px no-repeat;
}
#toolBar .myContent:hover {
	width:89px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -143px -28px no-repeat;
}
#toolBar .preferences {
	width:94px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -235px 0px no-repeat;
}
#toolBar .preferences:hover {
	width:94px;
	background:url(../images/CL2010_toolbar_buttonSprite.png) -235px -28px no-repeat;
}
#toolBar .registerButton {
	width:112px;
	background:url(../images/CL2010_toolbar_buttonRegisterSprite.png) left -1px no-repeat;
	margin-right:0px;
	float:left;
	height:28px;
	overflow:hidden;
}
#toolBar .registerButton:hover {
	background:url(../images/CL2010_toolbar_buttonRegisterSprite.png) left -30px no-repeat;
}



/*-- Home page content styles
-------------------------------------------------------------- */

#homePageContent, #bodyContent {
	width: 986px;
	margin: 0 auto;
	background: #FFF url(../images/CL2010_BGbodyContent.png) repeat-x 0px 0px;
	border-left:#ebeae9 solid 2px;
	border-right:#ebeae9 solid 2px;
	padding-bottom:35px;
	z-index:1;
}
#homePageContent {
	padding-top:35px;
}
#homePageContent .widget {
	float:left
}
#homePageContent .span-9 div {
	float:left;
	border-left:1px solid #d0ccca;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:25px;
	width:198px;
	height:225px;
	min-height:225px !important;
}
.bucketRight {
}
#homePageContent .span-9 .bucketRight {
	border-right:1px solid #d0ccca;
}
#homePageContent h2 {
	border-top:none;
}


/*--  Content Page Styles  
-------------------------------------------------------------- */


#bodyContent {
	background: #FFF url(../images/CL2010_BGbodyContent.png) repeat-x 0px 135px;
}
#bodyContent img:first-child {
	margin-bottom:12px;
}
#addThis + hr + p {
	font-size:1.5em;
	color:#cc2229;
}
#breadCrumbs {
	margin:10px 0px;
	padding:0px;
	height:15px;
	display:block;
}
#breadCrumbs li {
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
	margin:0px 2px;
	float:left;
	display:inline !important;
	overflow:hidden;
	cursor:pointer;
	height:15px;
}
#breadCrumbs li.dart {
	background:url(../images/CL2010_listBullet_redWedge.png) left 2px no-repeat;
	width:5px;
}
#breadCrumbs li a {
	text-decoration:none;
}
#breadCrumbs li.home {
	cursor:pointer;
	text-decoration:none;
	width:12px;
	height:1em;
}
#breadCrumbs li.home a {
	background:url(../images/CL2010_BC_homeIcon.png) no-repeat 0 -10px;
}
#breadCrumbs li.home a:hover {
	background:url(../images/CL2010_BC_homeIcon.png) no-repeat left top;
}
#breadCrumbs li.home a span {
	text-decoration:none;
	visibility:hidden;
}
#breadCrumbs li a:hover {
	text-decoration:underline;
}

/*-- Jump Links
-------------------------------------------------------------- */
#jumpLinks {
	background:url(../images/CL2010_BGjumpLinks.png) bottom left repeat-x #fff;
	border:#e1e0dc solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:30px 0 10px 0;
	padding:10px 0
}
#jumplinksFlag {
	width:110px;
	height:19px;
	background:url(../images/CL2010_jumpLinkFlag.png) top left no-repeat;
	margin-top:-30px;
	margin-bottom:10px;
	overflow:hidden
}
#jumplinksFlag h3 {
	visibility:hidden
}
#jumpLinks a {
	color:#363231;
	text-decoration:underline;
}
#jumpLinks a:hover, #jumpLinks a:active {
	color:#a21636;
	text-decoration:underline;
}
#jumpLinks ul, #jumpLinks ul li ul {
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
	margin:0;
	padding:0;
}
#jumpLinks ul li {
	float:left;
	display:inline !important;
	padding-left:10px;
	padding-right:10px;
}
#jumpLinks ul li ul li {
	width:176px;
	padding-top:.2em;
	padding-bottom:.2em;
}
#jumpLinks ul li ul.first {
	padding-left:0px;
}
#jumpLinks ul li ul li {
	display:block !important;
	float:none;
	padding-left:0px;
	padding-right:0px;
}


/*--  Side bar styles 
-------------------------------------------------------------- */

#sideBar {
	width:300px;
	float:left;
	padding-left:13px;
	margin-top:75px;
}
#sideBar div {
	margin-bottom:12px;
}
#sideBar div h3 {
	font-size: 1em;
	line-height: 1.75;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:0;
}
.widget {

	height:250px;
	width:300px;
}

#sideBar div a {color:#352f2d}

#sideBar div a:focus, #sideBar div a:hover {
	color:#a21636;
	text-decoration: underline;
}


#sideBar div ul {
	margin:0;
	padding:0;
}
#sideBar div  ul, #sideBar div ul li {
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
}
#sideBar div  li {
	background:url(../images/CL2010_listBullet_redWedge.png) left center no-repeat;
	padding-left: 8px;
	padding-bottom:.5em;
	padding-top:.5em;
	margin:	0;
	border-bottom:solid 1px #d4d0ca;
}

#sideBar div.educationLinks {
	background:url(../images/CL2010_sidBar_sectionTitle.png) top left no-repeat #edebe6;
	width:276px;
	padding:0 12px 8px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*  Sponsor ad styles - these are used on home page and content pages 
-------------------------------------------------------------- */

.sponsorAd {
	width:143px;
	float:left;
	border:1px solid #e1e0dc;
	background:url(../images/CL2010_BGsponsorAd.png) left bottom repeat-x #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-bottom:20px;
	min-height:78px !important;
}
.sponsorAd.homePage {
	margin-left:35px;
	margin-right:12px;
}
.sponsorAd p {
	font-size:1.083em;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	margin:15px 0;
}
.sponsorAd img {
	margin:0 auto;
	display:block;
	padding-bottom:1px;
}
.sponsorAd.left {
	margin-right:10px;
}

.largeAd {width:300px;
	
	min-height:100px !important;
	
	}

/*-- Footer Styles
-------------------------------------------------------------- */

#footer {
	background:url(../images/CL2010_5pxRedYellowGradient.png) top center repeat-x #2a2625;
	
	/*height:210px;*/
	color:#877f78;
	min-width:990px;
	padding-top:5px;
}
#footer p {
	margin:0 3em .5em 0;
}
#footer a {
	color:#877f78;
	text-decoration:none
}
#footer a:hover {
	color: #cc2229;
	text-decoration:underline
}
#footer div div div {
	margin-left:50px;
	min-height:96px;
	border-right:1px solid #877f78;
}
#footer div div.last div {
	border-right:none;
}
#footer div div.span-5 p:first-child {
	color:#c5c1bb;
	text-transform:uppercase;
	font-weight:bold;
}
#footer div div.span-5 p a {
	background:url(../images/CL2010_listBullet_redWedge.png) right center no-repeat;
	padding-right:8px;
}
#footer .quickLink {
	background:url(../images/CL2010_BG_footerQuickLink.png) top left no-repeat;
}
#footer .stayConnected {
	background:url(../images/CL2010_BG_footerStayConnected.png) top left no-repeat;
}
#footer .community {
	background:url(../images/CL2010_BG_footerCommunity.png) top left no-repeat;
}
#footer .optIn {
	background:url(../images/CL2010_BG_footerOptIn.png) top left no-repeat;
}
#footer .quickLink, #footer .stayConnected, #footer .community, #footer .optIn {
	margin-top:25px;
}
#footer ul {
	margin:0;
	padding:0;
}
#footer ul, #footer ul li {
	list-style:none;
	list-style-position:outside;
	list-style-image:none;
}
#footer li {
	background:url(../images/CL2010_listBullet_redWedge.png) left center no-repeat;
	padding-left:8px;
	margin:.5em 0;
}
#legalFooter {
	margin-top:20px;
	padding-bottom:20px;
	padding-top:20px;
	border-top:1px solid #877f78;
	background:url(../images/CL2010_footer_corpLogo.png) left 20px no-repeat;
}
#legalFooter p {
	padding-left:70px;
	color:#c5c1bb;
	font-size:0.909em;
}
#legalFooter p a {
	text-transform:uppercase;
	color:#c5c1bb;
}

/*------------------------------*/



/* Dropdown Menu aka the High Nav  - Menumatic handles thigns if JavaScript is on. If it's off, we'll default to a CSS only menu*/

#menu {
	height:27px;
	width: 986px;
	margin: 0 auto;
	border-left:#ebeae9 solid 2px;
	border-right:#ebeae9 solid 2px;
	padding: 0px;
	color:#363231;
	background:url(../images/CL2010_BG_mainMenuLight.png) bottom left repeat-x;
	z-index:100;
}
#navigation, #navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#navigation a {
	display: block;/*min-width: 10em !important;
	width:10em;*//*padding: 6px 0;*/
}
li.tier1 {
	font-size: 1.083333333em;
	
}


.tier1 a {
	padding:6px 24px;
	display:block;
	color:#363231;
}
.tier2 a {
	padding:0px 0px;
	display:block;
}
#navigation ul {
	z-index:100;
}
#navigation li { /* all list items */
	float: left;
	/*min-width: 14em !important; /* width needed or else Opera goes nuts */
	width:16em;
	text-transform:uppercase;
}
#navigation li ul/*, #navigation li ul li ul, #navigation li ul li ul li ul*/ { /* second-level and greater  lists */
	font-size: 11px;
	position: absolute;
	background: #fff;
	/*min-width: 14em !important;*/
	width:16em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0 5px;
	border:1px solid #e1e0dc;
}




#navigation li.quickLinks ul, #navigation li.quickLinks ul li{
	width:14em;
}


#navigation li ul li, #menu #navigation .tier1 ul .tier2 ul .tier3 { /* second-level and greater  list items */
	float:none;
	z-index:10000;
}
#navigation li ul li:hover { /* second-level and greater  list items */
	background:#efeeec;
	color:#373331;
}
#navigation li ul li a { /* second-level and greater  list items */
	padding: 6px 0 6px 6px;
	color:#89807a;
	border-bottom:1px solid #d7d4d2;
}
#navigation li ul li a:hover { /* second-level and greater  list items */
	color:#373331;
}
#navigation li ul ul { /* third-and-above-level lists */
	margin: -2.2em 0 0 16em;
}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#menu #navigation .tier1 {/*width:20em;*/
	height:27px;
	border-right: 3px solid white;
	background:url(../images/CL2010_BG_mainMenuLight.png) bottom left repeat-x;
}
#menu #navigation .tier1:hover {/*width:20em;*/
	background:url(../images/CL2010_BG_mainMenuDark.png) top left repeat-x #2c2826;
}
li.tier1:hover a {/*width:20em;*/
	color:#d9d6d2;
	text-decoration:none;
}
li.tier1.quickLinks.quickLinks a {
	color:#d9d6d2;
}
li.tier1.quickLinks:hover:hover a {/*width:20em;*/
	color:#363231;
}
#menu #navigation .tier1.attendees {
	width:14em;
}
#menu #navigation .tier1.exhibitors {
	width:20em;
}
#menu #navigation .tier1.clnv {
	width:23.1em;
}
#menu #navigation .tier1.press {
	width:7.1em;
	border-right: 0px solid white;
}

#menu #navigation .tier1.quickLinks {
	width:11em;
	border-right: medium none;
	border-left: 3px solid white;
	float: right;
	background:url(../images/CL2010_BG_mainMenuDark.png) top left repeat-x #2c2826;
}
#menu #navigation .tier1.quickLinks:hover {
	background:url(../images/CL2010_BG_mainMenuLight.png) bottom left repeat-x;
}
.hasChildren {
	background: url(../images/CL2010_listBullet_redWedge.png) right center no-repeat;
}
/* Feature Unit*/

#featureUnit {
	background:#FFF;
	width:986px;
	height:325px;
	margin:0 auto;
	position:relative;
	z-index:0;
	border-left:#ebeae9 solid 2px;
	border-right:#ebeae9 solid 2px;
}
#slideshow {
	/*left: 20px*/
	position: relative;
	width: 986px;
	height: 325px;
	z-index:-10;
}
/*
#eduSlideShow {background:#FFF;
	width:590px;
	height:300px;
	border:none;
	margin-bottom:1em;}
#eduSlideShow .slideshow {position: relative;
	width: 590px;
	height: 300px;
	z-index:-10;}
*/
#nav {
	height: 22px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:-1;
	background:none;
	list-style:none;
	padding:5px 5px 5px 0;
}
#nav li {
	width: 60px;
	height:20px;
	float: left;
	margin: 0 5px;
	list-style: none;
	opacity:0.5;
	filter:alpha(opacity=50);
	border: 1px solid #fff;
	overflow:hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#nav li.activeSlide {
	opacity:1;
	filter:alpha(opacity=100);
}
#nav a {
	width: 60px;
	padding: 0px;
	display: block;
}
#nav a:focus {
	outline: none;
}
#nav img {
	border: none;
	display: block;
	height:20px;
}
#textTicker {
	position:absolute;
	bottom:0px;
	height:32px;
	width:986px;
	z-index:999;
	background:#90C;
	position:absolute;
	bottom:0px;
	left:0px;
	background: rgb(54, 50, 49); /* The Fallback */
	background: rgba(54, 50, 49, 0.8);
}
#textTicker p {
	padding:8px 0px 8px 37px;
	color:#FFF;
}
#textTicker p strong {
	color:#ffd900;
}