@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
}
body {
  font: 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  color: #2A2A2A;
  background: #e7e3dd;
}
body a {
  text-decoration: none;
}
a {
  outline: none;
  cursor: pointer;
}
li {
  list-style: none;
}
img {
  border: 0;
  cursor: pointer;
}
#wrapper {
  width: 1049px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#header {
  height: 136px;
  width: 437px;
  background: url(images/logo_head.png) no-repeat left top;
  padding-left: 602px;
}
#header ul {
  padding-top: 113px;
}
#header li {
  color: #fff;
  float: left;
  list-style: none;
  margin-right: 8px;
}
/*#ifIE_1 {
width: 95px;
}*/
#header li a {
  color: #FFF;
  cursor:pointer;
  text-align: right;
}
#header li a:hover {
  color: #000;
}
h1, h2 {
  position: absolute;
  top: -300px;
}
#content {
  width: 1049px;
  background: url(images/nav-bg.png) repeat-y left top;
}
#left {
  float: left;
  padding-top: 10px;
  height: 860px;
  width: 233px;
}
#grad {
  background: #FFF url(images/cont-grad.png) repeat-x left top;
}
#rt-trans {
  background: url(images/trans.png) repeat-y right top;
}
#nav ul li a:hover {
  background: url(images/vert-nav-bg.png) no-repeat left top;
}
#nav ul {
  margin: 0px;
  padding: 0px;
  width: 233px;
}
#nav ul li {
  position: relative;
}
#nav li ul {
  display: none;
  left: 187px;
  position: absolute;
  top: -1px;
  width: 196px;
  z-index: 100000;
}
#left #nav ul li a{
  display: block;
  padding-top: 2px;
  padding-bottom: 8px;
  padding-left:  25px;
  color: #FFF;
  font-size: 15px;
}
#nav ul li ul li a:hover {
  background: #5A5952;
  color: #FFF;
}
#nav ul li ul {
  background: #3D3B3A;
  color: #FFF;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 140px;
  box-shadow:1px 1px 10px #000;
  -webkit-box-shadow:1px 1px 10px  #000;
  -moz-box-shadow: 1px 1px 10px #000;
}
#nav ul li ul li a {
  padding-top: 5px;
}
#nav li:hover ul, #nav li.over ul {
  display: block;
}
#leftContent {
  color: #FFF;
  padding-left: 40px;
  margin-top: 110px;
  font-size: 10px;
}
.mailto {
  color: #FFF;
}
.mailto:hover {
  color: #999;
}
#flash {
  padding: 10px;
  z-index: 100;
  position: absolute;
  background: #FFF;
  left: 187px;
}
#flashAlt {
  background: #FFF url(images/screen-bg.jpg) no-repeat left top;
  width: 587px;
  height: 433px;
}
object {
  outline: none;
}
#right {
  width: 215px;
  float: left;
  background: #FFF url(images/cont-grad.png) repeat-x left top;
  padding-right: 12px;
  padding-left: 13px;
}
#right a {
  font-size: 10px;
  padding-left: 10px;
  margin-top: 10px;
}
#events {
  background: #FFF;
  padding: 10px;
  margin-bottom; 10px;
  height: 435px;
}
#events p a {
  margin: 5px;
  font-size: 11px;
}
#events .red {
  color: #EF4035;
  margin-top: 10px;
  font-size: 13px;
}
#events h3, #sponsors h3 {
  border-bottom: 1px solid #E1DFDB;
  margin-bottom: 11px;
}
#events h3 a, #sponsors h3 a, #right #sponsors span a {
  font-size: 14px;
  color: #EF4035;
  font-weight: bold;
}
#events h3 a:hover, #sponsors h3 a:hover, #right #sponsors span a:hover {
  text-decoration: none;
  color: #A51B18;
}
#right #sponsors span a {
  font-size: 11px;
}
#events h5 {
  line-height: 1.3em !important;
  line-height: 1.4em;
}
#events h6 {
  font-size: 11px;
  line-height: 1.3em !important;
  line-height: 1.4em;
  font-weight: normal;
}
.moreEvents a {
  margin-top: 4px 0px;
  font-size: 10px;
}
#middle {
  float: left;
  width: 541px;
  background: #FFF url(images/cont-grad.png) repeat-x left top;
  padding: 465px 10px 0px;
}
#midleft ul li a {
  color: #EF4035;
  font-weight: normal;
}
#midleft ul li a:hover {
  color: #A51B18;
}
#midleft ul {
  margin-top: 10px;
  margin-left: 20px;
}
#midleft {
  float: left;
  width: 250px;
  margin-right: 24px;
  margin-left: 5px;
}
#midleft, #midright {
  padding: 0px 3px;
}
#middle img:first-child {
  margin-bottom: 20px;
}
#middle .space {
  margin-top: 7px;
  margin-bottom: 25px;
}
#join {
  background: url(images/join-btn.jpg) no-repeat left top;
  height: 90px;
  padding-left: 92px;
  padding-top: 10px;
}
#midleft #join ul {
  margin-top: 2px;
}
#midleft #join ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
#midleft #join ul li a {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}
#midleft #join ul li a:hover {
  color: #A51B18;
}
#middle a {
  color: #EF4035;
  font-weight: bold;
}
#midleft a:hover, #midright a:hover {
  color: #A51B18;
}
#sponsors {
  background: #FFF;
  padding: 10px;
  margin-top: 15px;
  min-height: 300px;
}
#sponsors p {
  color: #EF4035;
  font-weight: bold;
  border-bottom: 1px solid #E1DFDB;
}
#announcement img {
  margin-top: 16px;
  margin-left: -10px;
}
.clearfloats:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfloats {
  display: inline-block;
}
#footer {
  width: 1049px;
  background: url(images/footer-bg_03.png) repeat-y left top;
  padding-top: 25px;
  margin-top: -20px;
  font-size: 11px;
  margin-bottom: 0px;
  line-height: 1.4em;
}
#footer ul {
  clear: both;
  margin-left: 50px;
  font-size: 11px;
}
#footer ul li {
  float: left;
  padding: 5px;
}
#footerBG {
  background: url(images/footer-bg2.png) repeat-x left top;
  margin: -10px 14px 0px 12px;
}
#footer a  {
  margin-bottom: 10px;
  /*color: #887F6F;*/
  color: #888;
}
#footer a:hover {
  color: #524D43;
}
#footer p {
  text-align: center;
  margin: 0px 200px 0px 200px;
}
#srjcPlug {
  font-size: 10px;
  margin: 5px;
}
.bordernone {
  border: 1px solid #FFF;
}
#sponsors ul li {
  margin-top: 18px;
}
#bannerAd {
  text-align: right;
  margin-bottom: 10px;
}
#gist {
  width: 758px;
  padding: 20px 20px 0px 23px;
  font-size: 12px;
  line-height: 1.4em;
}
#gist ul li {
  list-style: disc;
  margin: 5px 10px 5px 20px;
}
#gist ul ul li {
  margin-left: 30px;
  margin-right: 20px;
}
#gist h3 {
  font-size: 24px;
  margin-bottom: 25px;
  padding-bottom: 2px;
  line-height: 1.4em;
}
#gist h4 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 25px;
  color: #EF4035;
  line-height: 1.4em;
}
#gist h5 {
  font-size: 14px;
  /*margin: 10px;*/
  color: #EF4035;
  line-height: 1.4em;
}
#gist a, #events a {
  color: #16618D;
}
#gist a:hover, #events a:hover {
  color: #66B8E7;
  text-decoration: underline; 
}
.textLeft {
  width: 415px;
  float: left;
  list-style: disc;
}
.textRight {
  width: 415px;
  float: right;
  list-style: disc;
}
.imageLeft {
  width: 300px;
  float: left;
}
.imageRight {
  width: 300px;
  float: right;
}
.imageRight #centered {
  text-align: center;
}
.left {
  float: left;
  margin: 15px;
}
.right {
  float: right;
  margin: 15px;
}
.imageSpacing {
  margin-top: 250px;
}
.textLeft p, textRight p {
  margin-top: 20px;
}
#quickLinks, .quickLinks {
  width: 278px;
  padding: 10px;
  border: 1px solid #E1DFDB;
  margin-bottom: 30px;
}
.randomImage {
  margin-top: 30px;
  margin-bottom: 110px;
}
.center {
  text-align: center;
}
#programs ul, .design, .submission-wrapper {
  border-bottom: solid 1px #E1DFDB;
  margin-bottom: 15px;
}
#programs ul li {
  list-style: none;
  padding: 0px;
}
#programs ul li span span {
  color: #EF4035;
  font-size: 14px;
}
#programs ul li span {
  font-weight: bold;
}
#job_listings ul li {
  list-style: none;
}
#form li {
  margin-top: 10px;
}
#jobpost {
  text-align: right;
}
#jobpost a {
  display: block;
  position: relative;
  height: 25px;
  width: 138px;
  left: 500px;
}
#jobpost a span {
  background: url(/images/post-btn.jpg) no-repeat left top;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
#jobpost a:hover span {
  background-position: 0px -25px;
}
#job_listings h1 {
  position: inherit;
  font-size: 24px;
  margin-bottom: .8em;
}
#job_listings h2 {
  position: inherit;
  font-size: 20px;
  margin-bottom: .8em;
}
#job_listings h3 {
  font-size: 18px;
  margin-bottom: .8em;
}
#job_listings h4 {
  font-size: 16px;
  margin-bottom: .8em;
}
#job_listings h5, #job_listings h6 {
  font-size: 14px;
  margin-bottom: .8em;
}
#gist #job_listings p {
  line-height: 1.5em;
  margin-bottom: 10px;
}
#gist #job_listings li li {
  list-style: disc outside;
}
#form .form-row {
  margin-top: 20px;
}
#form .form-label {
  float: left;
  width: 130px;
}
#form .form-label2 {
  float: left;
  margin-right: 20px;
}
#form p {
  margin-left: 130px;
  margin-top: 10px;
  width: 500px;
}
.clearspace {
  clear: both;
}
.sponsors {
  padding-bottom: 75px;
  text-align: center;
}
#gallery {
  width: 745px;
}
#gallery ul {
  margin: 0px;
}
#gallery ul li { 
  list-style: none;
}
#gallery ul li ul {
  text-align: center;
}
#gallery ul li ul li { 
  /*float: left;*/
  display: inline;
  margin: 5px;
}
#gallery ul a:hover img {
    color: #fff;
    border: 2px solid #887F6F;
}
#gallery ul img {
    border: 2px solid #FFFFFF;
}
#gallery ul li img{
    padding: 0px;
}
#gallery p {
  font-size: 14px;
  margin: 10px;
}
#gallery .design p {
  margin: 0px;
  text-align: left;
}
#event-orgs a {
  color: #EF4035;
  text-decoration: none;
}
#event-orgs a:hover {
  color: #A51B18;
  text-decoration: none;
}
#left {
  float: left;
}
#desLeft {
  width: 420px;
}
#desLeft p {
  text-align: left;
}
#desRight {
  float: right;
  width: 300px;
}
#desRight .quickLinks {
  max-height: 200px;
  overflow: auto;
}
.searchBack {
  padding: 5px 5px 5px 20px;
  margin: 10px -10px -10px -10px;
  background: #E1DFDB;
  position: relative;
}
.searchBack a {
  position: absolute;
  left: 45px;
  top: 6px;
}
#event_detail p {
  margin-bottom: 10px;
}
#event_detail #tab1 {
  float: right;
  margin: 10px;
  padding: 5px;
  text-align: center;
  width: 180px;
}
#event_detail ul#images {
  float: right;
  margin-top: 15px;
  text-align: center;
  width: 200px;
}
#event_detail ul#images li {
  list-style: none;
  margin-bottom: 5px;
  text-align: center;
}
.design-awd-bg {
  background: url(/images/design-awards-bg.jpg) no-repeat right top;
  min-height: 871px;
}
.design-awd-bg .quickLinks {
  background: url(/images/awards-bg.png) repeat 0 0;
  box-shadow:1px 1px 10px #888;
  -webkit-box-shadow:1px 1px 10px  #888;
  -moz-box-shadow: 1px 1px 10px #888;
}
.listing-thumb {
  float: left;
  margin: 15px 15px 15px 0;
}
.byline {
  font-style: italic;
}
.form-row {
  margin-top: 10px;
}
.submissions {
  float: left;
  width: 370px;
  text-align: center;
  margin-bottom: 40px;
}
.submission-wrapper {
  clear: both;
}
.submission-wrapper h3 {
  text-align: center;
}
.survey {
  margin: 0 200px 15px 200px;
  border: 1px solid #E1DFDB;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}
#btmAd {
  text-align: center;
  padding: 30px 0 0;
}
.innerAds {
  width: 300px;
}
#gist .innerAds li {
  float: left;
  width: 150px;
  text-align: center;
  list-style: none;
  margin: 0 0 10px 0;
}
.innerAds p {
  text-align: right;
  font-size: 10px;
  color: #bbb;
  margin: 5px 13px 10px 0;
}
.blog_article {
  margin-bottom: 15px;
}
#comment_form .submit_button {
  margin-top: 10px;
}
#share-widgets {
  width: 200px;
  padding-left: 40px;
  margin-bottom: 15px;
}

