/* Imports Yahoo reset stylesheets */
/*
@import '/css/reset.css'; 
@import '/css/fonts.css';
*/


/* HTML ELEMENTS DEFAULT STYLES */
html {
	margin:0;
}
body { 
margin:0;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:100%; 
			background:#669999; }

p,li,label { 
			font-size:80%; 
			margin-bottom:1em; 
			line-height:1.4em; 
			color:#333; }
			
h1,h2,h3,h4,h6 { 
			font-family:Arial, Helvetica, sans-serif; 
			font-weight:bold; 
			color:#333; }

h1 { 
			font-size:130%; 
			margin:10px 0 .6em; }

h2, h3 { 
			font-size:110%; 
			margin:1.5em 0 .5em 0; }
			
h5 {
	font-size:75%;
	color: #388561;
	margin: 2px;
}

th, td { 
			font-size:80%; 
			padding:3px; 
			color:#333; }
			
			
td label, td p { 
			font-size:80%; }

ul, ol { 
			margin:1em 0 1em 12px; 
			padding-left:12px; 
			list-style-type:disc; }

ol { 
			margin-left:12px; 
			padding-left:12px; }

img { 
			border:0; }

em { 
			font-style:italic; }

strong { 
			font-weight:bold; 
			color:#444; }
			
/* LINKS */
			
a:link { 
			color:#006699; }

a:visited { 
			color:#006699; }

a:hover {
	color:#006699;
	text-decoration:none;
	background-color: #E4F1EF;
}

a:active { 
			color:#030; }



/* GLOBAL PAGE PARTS */
#page-container {
	width: 1050px;
	margin: 0 auto;
	}

	#content-container {
		width: 880px;
		float: left;
		}

	#adsense-container {
		width: 160px;
		height: 600px;
		padding: 186px 0 0 10px; /* To align top with the sidebar ad, add height of #banner-wrapper, #header, padding-top of #main, then margin-top of #sidebar-container */
		float: left;
		}

#banner-wrapper {
	padding-left: 76px; /* padding+width should match padding+width of container for proper centering */
	/*
	We don't actually need to specify width, but it's here for reference for positioning inner elements
	width: 804px;
	*/
	height: 90px;
	margin: 0 auto;
	position: relative; /* for positioning inner elements */
	}
	#ad-banner-container {
		position: absolute; 
		}
	#banner-wrapper .ad-helper {
		position: absolute;
		/* left matches width of #banner-wrapper (parent) to line up exactly, or add some for a pseudo-margin */
		bottom: 4px;
		left: 808px;
		}
		#banner-wrapper .ad-helper a {
			font-size: 0.7em;
			text-decoration: none;
			color: #C6CBE8;
			}
		#banner-wrapper .ad-helper a:hover {
			color: #C6CBE8;
			background-color: transparent;
			}

#bodybody {
	background-color: #FFFFFF;
}
			
#banner {
	height:55px;
	background:#FFF url(/graphics/header1b.jpg) bottom left no-repeat;
	width: 201px;
	margin: 0 4px;
	float: left;
	clear: both;
}
			
#banner a {
	display:block;
	height:67px;
	width:206px;
}
			
#banner h1, #banner p { 
			display:none; }

#main { 
	padding: 10px;
	background:#FFF;
	}

#content { 
	margin: 0 0 5px 0;
	padding-left: 5px;
	width: 550px;
	float: left;
	}
#contentHomeLeft {
	margin:0;
	width: 54%;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4ECF5;
	padding: 10px 4px 0 0;
}
#contentHomeMidContainer {
	width: 42%;
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
}
#contentHomeMid2 {
	float:left;
	border: 1px solid #D9EBD9;
	padding: 8px 4px;
	background-color: #E8FFE9;
}
#contentHomeMid3 {
	background-color: #FFF;
	padding: 8px;
}

/* NAVIGATION */

#global-nav {
	float: left;
	width: 20em;
	margin: 4px 10px;
	text-align:left;
	font-size: 0.6em;
	color: #388561;
	}

#global-nav a {
	color: #388561;
	text-decoration: none;
	}

ul#nav-list {
	margin:0;
	padding:0;
	height:1.4em;
	background-color:#FFFFFF;
	list-style:none;
	float: right;
	width: 660px;
}

#nav-list li {
	float:right;
	margin:0;
	padding:0;
	text-align:center;
	background-color: #FFFFFF;
	height: 1.4px;
}

#nav-list a {
	border-right:1px solid #D9E5ED;
	font-size:91%;
	margin:0;
	font-weight:bold;
	text-decoration:none;
	float:left;
	color:#688D7B;
	font-family:Arial, Helvetica, sans-serif;
	height: 1.4em;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 1px;
}
			
#nav-list a:hover {
	background-color:#E4F1EF;
	height: 1.4em;
}

ul#nav-list2 {
	margin:0.4em 0 0 0;
	padding:0;
	height:1.5em;
	list-style:none;
	float: right;
	width: 400px;
	background-color: #FFFFFF;
}

#nav-list2 li {
	float:right;
	margin:0;
	padding:0;
	text-align:center;
	background-color: #FFFFFF;
	height: 1.5px;
}

#nav-list2 a {
	font-size:94%;
	margin:0;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:.5px;
	float:left;
	color:#FF8080;
	font-family:Arial, Helvetica, sans-serif;
	height: 1.5em;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
			
#nav-list2 a:hover {
	background-color:#F6E8E4;
	height: 1.5em;
}

#session-nav {
	font-size:100%;
	line-height: 18px;
	color: #005555;
}

#session-nav a {
	font-weight:normal;
	color:#005555;
	text-decoration: none;
}
#session-nav a:hover {
	text-decoration: underline; 
}


/* BOTTOM OF PAGE */

#copyright {
	margin-top:40px; 
	padding:10px 0 4px; 
	border-top:1px solid #999; 
	clear:both; 
	text-align:center;
}

#contact-bottom {
	background-color: #E2EDE2;
	padding: 4px;
	margin-bottom: 14px;
	clear: both;
}
			
#contact-bottom div#bold { 
			margin:0 0 0 0; 
			padding:10px; 
			background:#EBF2EB; }



/* GENERIC CLASSES */

.highlight { 
			color:#FF6600; } 

.clear {
	clear:both;
}

img.speaker-image { 
			float:left; }



/* SPECIFIC ELEMENTS */ 
#sidebar-container {
	float:right;
	width: 300px;
	margin: 10px 0 5px 0;
	}
	
#ad-sidebar-container {
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
	}

#sidebar {
	background-color: #F7EF84;
	padding: 8px;
	}

#sidebar h2 {
	margin:0;
	color:#388561;
	font-size:75%;
	padding: 8px;
}

.sidebar-box {
	margin-bottom:4px;
	padding:0px;
	margin-top: 0px;
}

#sidebar .white {
	background-color:#FFF;
	margin: 0px;
	padding: 0px 3px;
}



#testimonials ul { 
			padding-left:8px; 
			margin-left:8px; }



/* WORKSHOP */
#cue-notice { 
			margin:20px 0;
			background:#DDF;
			border:1px solid #CCF; 
			padding:10px; 
}

/*from positioniseverything.com*/
.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden; }

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



#workshops h1 span { }
#workshops h1 {background: transparent url(../images/tab-orange.gif) no-repeat; margin:0; padding:4px 8px 3px; 
 color:white; font-size:80%; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#workshops #workshops-intro { margin:0 0 5px 0; padding:5px; font-weight:bold; font-size:72%; font-family:verdana, arial,sans-serif; background-color:#FEEC96; color:#444; }
/* Hides from IE \*/
#workshops #workshops-intro { height:1%; } 
/* End hide from IE */

/* SPEAKERS */
div.speaker { border-top:1px solid #CCC; margin:20px 0; padding:10px 0 0; }
div.speaker p, div.speaker h2, div.speaker h3, div.speaker ul { margin-left: 100px; }
div.speaker ul { padding-left:0; }
div.speaker h2 { font-size:86%; margin:0 0 0 100px; }
div.speaker h3 { font-size:80%; color:#3A6B84; margin:1.2em 0 .5em 100px; }
div.speaker h3 strong { font-size:110%; }

div.customize { border-top:1px solid #CCC; margin:20px 0; padding:10px 0 0; }



/* JUMP */



#jumpContainer {
	text-align: right;
	}

#toolsJump {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: thin solid #FADC65;
}


.starImg {
	width:15px;
	height:15px;
	border:none;
}

#topspace {
	height:8px;
	width: 100%;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CFDAE3;
}


.show {
	display:inline;
}

.hide {
	display:none;
}