body {
	font-family: "Lucida Grande", Geneva, Aril, sans-serif;
	font-size: 12px;
	color:black;
	text-align: left;
	padding: 0 0 20px 0;
}

#videoLabel { display:block; text-align:center; font-size:14px; margin-top:10px;}
#videoForm { }
#videoButtonWrap { text-align: center; cursor:pointer;  }
#videoFrame { position:absolute; display:none; }
#videoButton { }
#videoButton:hover { border:thin green; }

#home #primenav a, #home #primenav a:visited { padding: 0 14px; } 
#home #banner { height: 300px; }
	.addthis_button { float:right; display:inline; position:absolute;  right:0; }

#subboxer { height:230px; width:600px; border: 1px solid black; display:none; overflow:auto; text-align:left;}
#faqList { display:none; }
#tracks_logo { padding-bottom: 10px; }

.template2 #banner { height: 0px; }
.template3 #banner { height: 0px; }
.template4 #banner { height: 0px; }
.xtemplate1 #primenav a { color:blue; }

#home #content_left { width: 320px; padding-top:20px; }
#home #content_middle { width: 280px; }

#company #content_right_head { background-color:#eee;}

#register #tbar { line-height:2em; text-align:center }
#register #content_middle { width: 600px; margin-top: 0px; }
#conferences #content_middle h1 { text-align:center; font-size: 24px; }
#conferences #content_middle h2 { text-align:center; font-size: 20px; }
#conferences #content_middle h3 { text-align:center; font-size: 18px; }
#conferences #content_right { width: 255px; margin-left: 20px; }
#conferences #content_right_body { overflow:visible; }
#conferences #content_right_body p {  }
#agenda #content_right { width:150px; margin-left:430px; margin-top: 20px; }

#picLabel { padding:2px; font-size:12px; text-align:center; }

a:hover { background-color:#CCC; }
#home a:hover { background-color: transparent; }
#home #content_right a:hover { background-color:#FFF }

.template1 #content {
padding-bottom:0px;
}
#content_left { overflow:visible;  margin-right: 20px; margin-top: 0px; background-color:#eee;}
#content_left_bottom { 	clear: both; margin-left: 0px; }
.template1 #content_middle {  width: 300px; margin-top: 15px; }
.template1 #content_middle_body { padding: 0 0 0 0; padding-bottom: 10px;  }
.template1 #content_middle_body { 	font-size: 13px; }
.template1 #content_right {  margin-left:10px; width:310px; padding-bottom:10px;  }
.template1 #content_right_body { background-image:none; background-color:#fff; border-top:none; padding-top:0px; padding-bottom: 12px; min-height:250px; }
.template1 #content_right_head { background-image:none;  line-height:1.1em; font-size:14px; margin-bottom: 10px; }
.template1 #subnav_container { }

.template1 #primnav { float:right; }
.template1 #content_right p { color:#309; 
								
								font-family:Verdana, Geneva, sans-serif;
								font-size: 20px;
								text-align:center;
								line-height:1.1em;
								color: blue;
								margin-left: 10px;
								margin-right: 10px;}
								
.template1 #headline { margin-left: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #636;}
.template1 #titler   { color:#006B7D; }
.headline { height: 1.4em; }
.headline { font-size:larger; border-top:thick groove; border-bottom:1px solid gray; }

.titler { height: 1.5em; }

#chooseus { text-align:center; font-size: 16px; font-family:Verdana, Geneva, sans-serif; padding-top:0px; padding-bottom:5px;}
.template1 #content_right h3 { margin-top: 0px; }
#events #content_right { margin-left:30px; width:240px; }

.button { 
	border: 5px outset green;
	cursor:pointer;
	padding-left: 5px; padding-right: 5px; padding-top:1px; padding-bottom: 1px; 
	margin-bottom: 4px;}
.button:hover { border-style: inset; background-color:#FFCC99;}
	
.softButton { cursor:pointer; font-size: 11px; padding: 2px;}
.softButton:hover { background-color:#EEE; color:#000; }
		
								
.template1 h3 { font-size: 16px;  }

.imageWrap { font-size: 14px; line-height: 1.2em; padding-top: 8px; letter-spacing: 0.03em; cursor:pointer; border-top: 1px dashed #aaa; }
.template1 .imageWrap:hover { background-color: #CCC; }

.template1 #i2itracks_logo {
	position: static;
	top: 0px;
	z-index: 100;
}

.xon { border-style: inset; color:white; background-color:#0C9; }

#commercial { width:275px; text-align:center; display: block; font-size: 14px; 
margin-top:-5px;
margin-left: -10px;}

#quote { display:inline; }
#quote2 { margin-top: 0px; text-align:right; font-size:8pt; color:#333; font-style:normal;}
#benefit { font-size: 13px; margin-top: 10px; padding-bottom: 5px;}
#keytitle { font-size: 14px; text-align:center; color:#006B7D; margin-top:10px; padding-top: 6px; padding-bottom: 6px; border-top:1px solid #006b7d;  border-bottom:1px solid #006b7d; }


/* tighten everything up */
p { 
	margin:0 0 1.1em 0;
}

.reading { border: 1px dotted black; }
.wasRead { color:#ccc; }

.obscure { text-align:right; margin-right:10px;  padding-right:5px; }
.obscure { color:#006666; display:block; cursor:pointer;  }
.obscure:hover { background-color:#eee; }
.reveal  {  display:none; padding:4px; background-color:#feefc8; }
.imageWrap { padding-bottom: 5px; padding-left: 10px; }
.imageWrap h2:hover{ background-color: #9C0; }

.shrink { line-height: 13px; background-image:none;}
.shrink:hover { line-height: 37px; }

#subbannerWrapper { width:600px; height:230px; }
.subbanner { display: none; }
.subchapter { display: none; height:auto; }
.active { cursor:pointer; color:#006b7d;font-weight:bold; }


.topical   { display: none; }

#topicWrapper { height: 220px; }

strong { color:#006666; }
img {
	border: 0;
	}
	
p { color: black; }
b { color:#03F }
i { color: #03c; }
strong {  }
	
ul, dl {
	margin:1em 0;
	padding:0;
	list-style:none;
	list-style-position: inside;
}

dt {
	font-weight: bold; 
	margin-top: -6px;
}
dd {margin: 0 0 1.2em 0;}

h1, h2, h3, h4, h5, h6
{
	color:#006b7d;
	font-weight:600;
	margin:0 0 .7em 0;
	line-height:1.2em;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
border-top: 2px solid gray; padding-top: 3px; margin-top: 4px;
}
h1
{
	font-size:130%;
}
h2 { font-size:120%; }
h3 { font-size:110%; }
h4 { font-size:120%; }
h5
{
	font-size:1em;
	font-weight: bold;
	margin-bottom: -.1em;
}
h6
{ font-size:110% }
/****************************************************************/
/* ---------------------[ Links ] */
/****************************************************************/


a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: underline;
}

a:focus {
	outline: none ;
	border: none;
}


a:active {
	outline: none ;
	border: none;
	}
/****************************************************************/
/* ---------------------[ Headings ] */
/****************************************************************/

.faq_a { display:none; }
.faq_q { display:block; cursor:pointer; }
.faq_q:hover { background-color: #ffffcc; }


/* Page Layout */
	
#container {
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.3em;
	width: 950px;
	text-align: left;
	margin: 0 auto;
	position:relative;
	background-color: #FFFFFF;
}

#logo {
	margin-top: -10px;
	z-index:100;
	position: absolute;
	top: 26px;
	left: 22px;
}

#tag_line{
	text-align:right;
	font-size:18px;
	float:right;
	margin-right:30px;
	margin-top:34px;
	}
#xprimenav { margin-top: 25px; }
	
.template1 #tag_line { padding-top: 0px; }

#masthead {
	background-image: url(images/i2i_Systems_level2.jpg);
	height: 115px;
	width: 950px;
	clear:both;
	}
	
#home #masthead {
	height: 230px;
	background-image: url(images/i2i_Systems_home.jpg);
}
	
#masthead h1 {display: none}	
	
#xi2itracks_logo {
	position: absolute;
	left: 148px;
	top: 187px;
	z-index: 100;
}

#banner 
{
	height: 132px;
	display: none;
	}
	
#pullquote {
	margin: 30px;
	color: #006b7d;
	margin-bottom: 30px;
	font-style:italic;
	}

/****************************************************************/
/* ---------------------[ Footer ] */
/****************************************************************/

#footer_wrapper {
	clear: both;
	background-color:#fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006b7d;
}

#xfooter {
	padding:12px 0 10px 45px;
	height: 20px;
	text-align: left;	
}

#copyright {
	color: #006b7d;
	letter-spacing: 0.05em;
	font-size:0.8em;
	text-align:center;
}

#quote {
	text-decoration: none;
	font-style:italic;
}

#videoButtonWrap:hover { background-color:#CCC }

.quote { padding-top: 10px; }
.faint {
	background-color:transparent;
	font-family:"Times New Roman", Times, serif;
	font-size: smaller;
	color:#444;
	font-variant:small-caps;
	}
.pop {
	color:#006b7d;
	font-size: 16px;
	line-height: 1.5em;
	padding-left: 0px; padding-right: 10px;
	}
.announce {
	background-color:transparent;
	color:#3bC;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1em;
	text-align:center;
	}
/* Fancy Quotes */


.symbolQuoteOpen {
	display:block;
	color: #c8706d;
	background-color:transparent;
	font-family:"Times New Roman", Times, serif;
	font-size: 40px;
	margin-left:-2px;
	padding-top:15px;
	}
		
	
.symbolQuoteClose {
	display:block;
	float:left;
	color:#c8706d;
	background-color:transparent;
	font-family:"Times New Roman", Times, serif;
	font-size: 40px;
	line-height:1em;
	text-align:right;
	width:100%;
	}
	
.quote_credit {
	text-align: right;
	font-style:normal;
	font-size:0.8em;
	width: 206px;
	}

/* nav bar ==> complicated cause of round corners */
#primenav_container {
	text-align:right;
	width: 950px;
	clear:both;
	}

#primenav  {
	list-style-type: none;
	float: right;
	display: block;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-top:0px;
	}


#primenav li {
	color: #FFF;
	float: left;
	line-height: 37px;
	letter-spacing: 0.5px;
	text-decoration: none;
	font-size: 13px;
	background-image: url(images/nav_brg_off.gif);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #85bfca;
	}

#primenav a:link, #primenav a:visited {
	color:#fff;
	background-color:#eee;
	color:#006b7d;
	text-decoration: none;
	display:block;
	padding: 0 15px;
	}
#primenav a { line-height: 37px; background-image:none;}

#primenav a:hover {
	color: #006b7d;
	text-decoration: none;
	background-color:#ccc;
	line-height: 37px;
	}

#primenav  #primenav_selected  {
	color: #006b7d;
	text-decoration: none;
	background-image:url(images/nav_brg_on.gif);
	line-height: 37px;
	}

#primenav .home #primenav_selected{
	border-left: none;
	color: #006b7d;
	text-decoration: none;
	background-image: url(images/nav_home_on_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 37px;
	}

/****************************************************************/
/* ---------------------[ Secondary Nav ] */
/****************************************************************/

#secnav_container {
	width: 250px;
	padding-left:50px;

}

#secnav_container ul
{
	margin: 0;
	padding: 0;
	text-align:left;
	font-style:normal;
	font-size:1em;
	letter-spacing:0.05em;
	
	}

#secnav_container ul li
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background:none;
	width: 250px;
}



#secnav a:link, #secnav a:visited {
	text-decoration: none;
	padding: 6px 8px 6px 12px;
	display:block;
	font-size: 14px;
	color:#006b7d;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-weight:normal;
}


#secnav a:hover{
	text-decoration: none;
	background-color: #ccc;
}

#secnav_container #secnav #secnav_selected {
	color: #006b7d;
	text-decoration: none;
	font-weight:bold;
	background-color: #ffcc99;
	background-image:url(images/nav_brg_on.gif);
	line-height:12px;
}
#home #sub_section_label { 	
background-image:url(images/nav_brg_on.gif);
}
#sub_section_label:hover { background-color:#ccc; }
#sub_section_label  {
	display:block;
	color:#333;
	background-color:#eee;
	border-bottom: 1px solid #fff;

	text-decoration: none;
	font-weight:bold;
	padding: 6px 8px 6px 26px;
	height:26px;
	font-size:1.2em;
	letter-spacing:0.1em;
	line-height: 28px;
}

#sub_section_label a:visited {
color:#333;
text-decoration:none;
}

#content {
	background-color:#fff;
	padding: 0px 0 10px 0;
	width: 950px;
}

	
/* columns */
#content_left {/* Default - TOTAL Column Width is 278px*/
	width: 300px;
	float: left;
	padding-top: 40px;
	display:inline;
	}

#content_middle {
	margin-top: 30px;
	width: 340px;
	float: left;
	display:inline;
	}

#content_middle h3, .template1 #content_right h3  {
	margin-top:10px;
	margin-left: 0px;
	}
		

#content_middle_body {
	padding: 0px 10px 60px 0px;
	color: black;
	text-align:left;
	}
		
#content_middle_body h3 {
	margin-left: 0px;
	}

#content_right {/* Default - TOTAL Column Width is 250px*/
	margin-top: 15px;
	width: 279px;
	float: left;
	display:inline;
	}

#content_right_body 
{
	background-color:#eee;
	border-top:solid #8dbcb6 1px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:5px;
	}
	
#content_right_head 
{
	text-align: center;
	line-height: 2em;
	font-size: large;
	font-weight: bold;
	}
#content_right dd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8706d;
	margin:12px 3px 9px 12px;
	padding-bottom:10px;
}
#content_right dt {
	text-align: left;
}
#content_middle ul li, #content_right ul li {
    line-height:1.3em;
    list-style-image:url(images/bullet.gif);
    margin-bottom:6px;
}
#support_button {
	margin: 15px 10px 0 -12px;
	}	
#describe
{
	border: 6px outset #c8706d;
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 12px;
	padding-top: 8px;
	padding: 3px;
	background-color: #C6E2FF;
	text-align: center;
	color: #006b7d;
}

.conference
{
	font-weight: bolder;
}
.right
{ float:right;
margin-left: 4px;
margin-right: -25px;
margin-bottom:8px;
display:inline;
}
.left {float:left; margin-right:4px; margin-bottom:8px;}
.center
{ 
margin-left: 200px;
}

/* Changes between page styles */

	
.template2 #content_middle {  overflow: auto; }
.template2 #content_right_body {  overflow: auto; }
.template3 #content {
	background-color:#fafafa;
	}
#tracksvideo #content_middle { width: 450px; margin-top: 10px; }
#tracksvideo #content_left { height: 470px; }
#tracksvideo #content_right { width: 165px; height: 450px; margin-left:10px; margin-top:20px; background-image:url(images/tracksSnow3.jpg); background-attachment:fixed; background-position:bottom right;  }
#tracksvideo #content_right p { margin-left:5px; margin-right:5px; text-align:center; font-size:10pt; line-height:1.5em;}
#tracksvideo #content_right h1 {  margin-top: 20px; text-align:center; color:black; font-size:11pt; }
#contact #content_middle { margin-top:30px; margin-left:120px; width: 450px; float:left; }
#contact #mapdiv {  }
#contact #squawk { color: red; text-align:left; }

.template3 #content_right { width: 620px;  }

#faq #content_middle { width: 600px; height: 400px; margin-right: 15px; }
#faq #content_right { width: 000px; float:none;}
#faq #question { font-size:12px; margin-top: 10px; margin-left: 10px; margin-right:10px; border-top: 1px solid #006b7d;background-color:white; }
#faq #answer { margin-top: 20px; margin-left: 10px; margin-right: 10px;  border-top: 1px solid #006b7d;background-color:white; }

.template4 #content_right { background-color: #eee; padding: 10px; margin-left:200px; width:400px;}
.template4 #map { margin-left:-30px; }

#events #content_middle { width: 320px; margin-top:15px;}
#events #content_right { margin-left: 10px; margin-top: 20px;}

#footer { padding-top: 10px; }

/* body { background-image:url(images/i2i_peopleback.jpg); }
*/