/* CSS Document */
* { margin:0; padding:0; }
html, body { background: #8d8d8d; color:#000000; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input, textarea, select { background-color:#ffffff; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
select { width:auto; }
img{ border:0px; }
h1, h2 { font-size:16px; font-weight:bold; display:inline;}
h2 { font-size:14px; }
h3 { font-size:12px; font-weight:bold; }
p { padding-bottom:6px; }
a { text-decoration:none; color:#92181b; }
a:hover{ text-decoration:underline; }
ul { list-style-type:none; }
ul.bulleted { list-style-type:disc; margin-left:25px; margin-bottom:8px; }
fieldset { line-height: 1em; border:none; }
legend { display:none; }
img { border:0; }

.inputtiny { width:100px; }
.inputsmall { width:150px; }
.colorbutton { background-color:#867e6a; color:#fbfad8;}
.largeheading { font-size:16px; font-weight:bold; }

#wrap {
  position: relative;
  margin:0px auto; width:931px;
  background: white;
}

table #registration { margin-bottom:10px; }

#content { width:704px; padding-right:20px; padding-top:20px; float:right; }

#breadcrumb { padding-bottom:30px; }
#breadcrumb ul { display:inline; }
#breadcrumb ul li { float:left; padding-right:4px; font-size:11px;}

#content #left { width:430px; padding-right:50px; float:left; }
#content #right { width:224px; padding-top:40px; float:right; }
#content #right #newsletterbox { border:1px solid #cccccc; padding:10px; }
#content #right #newsletterbox ul { list-style:disc; margin-left:20px; }
#content #right #readingbox { border:1px dashed #0070D0; padding:10px; }

#htmpicturesdemo { width:400px; border:1px solid #cccccc; padding:10px; margin-top:15px; }

#topicmedia { width:700px; }
#topicmedia .title { font-size:14px; font-weight:bold;  border-bottom:1px solid #cccccc; margin-bottom:12px;}
#topicmedia .content { border-right:1px solid #cccccc;  margin-bottom:6px; padding-left:10px; padding-right:10px;}
#topicmedia .content img.icon { float:left; margin:10px; margin-left:0px; }
.download { padding-top:10px; padding-bottom:10px; font-size:10px; }
.download img { padding-right:6px; }
#topicmedia #topicmediavideo { width:329px; float:left; }
#topicmedia #topicmediatranscript { width:239px; float:left; }
#topicmedia #topicmediatranscript .content { border:0px; }
#topicmedia #topicmediapowerpoint { width:210px; float:left; }

#software { width:700px; }
#software td { width:33%;vertical-align:top;border:1px solid #aaa;padding:10px }
#software .title { font-size:14px; font-weight:bold; padding-bottom:8px; }
#software #softwareleft { float:left; width:222px; margin-right:10px; border:1px solid #cccccc; }
#software #softwarecenter { float:left; width:224px; margin-right:10px;}
#software #softwareright { float:right; width:230px; border:1px solid #cccccc;}
#software #softwareleft #htmsoftware { padding:10px; margin-bottom:8px; }
#software #softwarecenter #htmalgorithm { padding:10px; border:1px solid #cccccc; margin-bottom:8px; }
#software #softwarecenter #sourcecode { padding:10px; border:1px solid #cccccc; }
#software #softwareright #notefromjeff { padding:10px; }

#education { width:700px; }
#educationleft { width:315px; padding-right:40px; border-right:1px solid #cccccc; float:left; }
#educationright { width:304px; padding-left:40px; float:right; }
#educationintro { float:left; width:600px; padding-right:15px; }
#educationtagging { float:right; width:85px; text-align:right; }

#pressleft { float:left; width:330px; padding-right:20px; }
#pressright { float:right; width:350px; }

#pressreleases ul, #careers ul, #sitemap ul{ list-style:disc; padding-left:20px; margin-bottom:10px; margin-top:10px;}

#terms { width: 690px; height: 360px; border: 1px solid #aaa; overflow: scroll; padding: 1em;}
#terms ol { margin-left:20px; }
#terms ol li { padding-bottom:8px; }
#terms ol li.first { padding-top:8px; }

.peopleimage { float:left; padding-right:10px; }

#error { width:680px; padding:10px; margin-bottom:6px; background-color:#270C12; color:#eeeeee; border:1px solid #9f8e69; font-size:14px;}
#error a { color:#ffffff; text-decoration:underline; font-weight:bold; }
#success { width:680px; padding:10px; margin-bottom:6px; background-color:#12270c; color:#eeeeee; border:1px solid #9f8e69; font-size:14px; }
#success a { color:#ffffff; text-decoration:underline; font-weight:bold; }

#footer { border:1px solid #cccccc; padding:10px; margin:10px; font-size:10px; }
#footer a { color:#92181b; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footerleft { float:left; }
#footerright { float:right; }

#taggingheader { background-image:url('../images/header-small.gif'); width:580px; height:56px; border-bottom:1px solid #ffffff;}
#taggingbody { width:540px; padding:10px; background-color:#ffffff; }

#upcomingevents { padding:10px; border:1px solid #cccccc; }

.required { color:#cc0000; }
.horizontaldivide { width:700px; font-size:0px; height:1px; margin-top:4px; margin-bottom:4px; border-bottom:1px solid #cccccc; }
.horizontaldividesmall { width:580px; font-size:0px; height:1px; margin-top:4px; margin-bottom:4px; border-bottom:1px solid #cccccc; }
.horizontaldividesmallest { width:430px; font-size:0px; height:1px; margin-top:4px; margin-bottom:4px; border-bottom:1px solid #cccccc; }
.clear { clear:both; }

.selectsmall { width:200px; }
.selectmedium { width:300px; }

a.greybutton { width:84px; height:25px; background-image:url('../images/button-bg.gif'); background-repeat: no-repeat; display:block; color:#242424; font-weight:bold; text-align:center; padding-top:3px; float:left; }
a.greybutton:hover { text-decoration:none; }

.hover-label {
  cursor:hand; cursor:pointer;
}
.hover-label:hover {
  color: #336CBD;
}
.hover-tip {
  width: 300px;
  font-family: Arial, Helvetica, Sans-serif;
  cursor: pointer; cursor: hand;
  background: #f2f2f2; border: 1px solid #aaa;
  position:absolute; visibility:hidden; 
  margin-top: 2em; padding: 0.2em;
  z-index:2;
}

/* =========================================================== */

#wrap {
  margin:0 auto; width:931px;
  background: white;
}
#main {
  margin: 0; padding: 0;
  border-top: 1px solid white;
}
#header {
  width: 931px; height: 90px;
  background: url('../../../../images/header.jpg') 0 0 no-repeat;
}
#header-info {
  height: 46px;
  margin: 0; padding: 10px 20px 0 0;
  text-align: right; vertical-align: top;
  border-bottom: 1px solid white;
  color: white;
}
#header-info a { color: white; font-weight: bold; text-decoration: none; }
#header-info a:hover { color: white; font-weight: bold; text-decoration: none; }
#header-info a:visited { color: white; font-weight: bold; text-decoration: none; }

#header-search {
  height: 33px;
  margin: 0; padding: 0;
  border-bottom: 1px solid white;
}
#header-search-form {
  float: right; padding: 4px 20px 0 0;
}
.search-input {
  width: 200px; height: 16px; font-size: 12px;
  margin: 0 .5em 0 0; padding: 0; 
  vertical-align: middle;
}
.search-btn {
  line-height: 0.5em;
  position: absolute; left: 0; top: 2px;
  margin: 0; padding: 0; vertical-align: middle;
}
.search-btn a {
  line-height: 0.5em;
  margin: 0; padding: 0; vertical-align: middle;
}

#menu { width:135px; padding: 0 0 5px; margin: 0 0 0 20px; border-right: 1px solid white; float:left; }
#menu ul { margin:0;padding:0;    list-style:none; font-size:12px; width:133px; border-bottom:1px solid #cccccc;}
#menu ul li { padding-bottom:4px; padding-top:4px; padding-left:8px; border-top:1px solid #cccccc;}
#menu ul a.active { color:#92181b; }
#menu ul li ul { font-size:11px; padding-top:4px; border-bottom:0px;}
#menu ul li ul li { padding-left:16px; border-top:0px;}