/* Resetting the browser defaults */
html, 
body, 
{
  margin: 0;  padding: 0;
  font: 100%/140% "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

/* Set the starting font size */
body{
  font: 12px/150% "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
}
/* Reset vertical margins */
h1, h2, h3, h4, h5, h6, 
p, 
pre,
blockquote, 
ul, ol, dl{
  margin: 2px 0; padding: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}

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

/* Default headings styles */
h1, h2, h3, h4, h5, h6{
  text-align:left;
  font: bold 18px/100% "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
  letter-spacing: -.03em;
  margin: 1.5em 0;
  color: #fff5a4;
}

h2 {
  font-weight: bold;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25em;
  padding: 0 0 3px 0;
  margin-bottom: 5px;
}	

h3 {
  color: #0B8C8F;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 3px 0;
}

h4 {
  font-size: 14px;
  line-height: 1.35em;
  margin-bottom: 5px;
  padding: 0 0 3px 0;
}

h5 { font-weight: strong; }

/* Apply left margin only to the few elements that need it */
li, 
blockquote{
  margin-left: 1.7em; padding:0;
}
ol li{
  margin-left:2em;
}
dt{
  font-weight: bold;
}
dd{
  margin: 0 0 1.5em 0;
}

/* Miscellaneous conveniences */
ul li{
  margin: 0; padding: 0 0 0 14px;
  list-style: none;
}

a img{
  border:none;
}

abbr,
acronym,
.caps{
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 14px;
	border: none;
	cursor: help;
}

strong{ color: #fff; }

/* Reusable classes */

.left{
  float: left;
  margin: 0 1.5em 1.5em 0;
}
.right{
  float: right;
  margin: 0 0 1.5em 1.5em;
}
.caption{
  margin: 0; 
  font-size: 11px;
  color: #6F5A5C;
  text-align: center;
}
.hr{
	clear:both;
	margin:1.5em 0;
	border: none; border-top: 1px solid #1f1213;
}
.quote {
	margin-bottom: 10px;
	padding: 8px 13px 4px 5px;
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size:12px;
	font-style:italic;
	color: #cac8a6;
	line-height:18px;
}
.clear {
  clear: both;
}


/* ### Site styles start ### */

html{
	background: #2B2825;
	color: #FCF8BC;
}
a:link{
  color: #cacf43;
  text-decoration: none;
  border-bottom: 1px solid #fcf8bc;
}
a:visited{
  color: #0b8c8f;
  text-decoration: none;
  border-bottom: 1px solid #fcf8bc;
}
a:focus,
a:hover{
  color: #d6156c;
  text-decoration: none;
  border-bottom: none;
}
#content{
  width: 960px;
  margin: 0 auto;
}

#header{
	overflow: hidden;
	width: 100%;
	position: relative;
	padding: 0;
	background: transparent;
	margin: 0; 
}
#home #header{
	background: url(images/header.png) 50% 115px no-repeat;
	height: 243px;
}
#header h1{
	position: absolute; top: -9999px; left: -9999px;
    }
#header h1#logo{
	margin: 24px 0;
	font-size: 12px;
      width: 200px;
      float:left;
      position: static;
      display: block;
}
#header h1#logo a:link,
#header h1#logo a:visited,
#header h1#logo a:hover{
	border: none;
	outline: none;
}
#header ul a:link,
#header ul a:visited,
#header ul a:hover{
	border: none;
	display: block;
	height: 2em;
	outline: none;
}

#nav{
      float: right;
      width: 495px;
	margin: 44px 0 24px 0;
	line-height: normal;

}
#nav li{
	float: left;
	background: #fcf8bc;
	list-style: none;
	height: 24px;
	no-repeat right top;
	padding:0 0 0 2px;
	margin: 0 0 0 2px;
      }
#nav a {
	float: left;
	display:block;
	no-repeat left top;
	padding:5px 15px 4px 6px;
	color: #2B2825;
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */
}

#nav li.navContact{ padding: 0; }
#nav li a:hover{
	color:#0b8c8f;
}


#mainContent{
	overflow: hidden;
	width: 100%;
}

  /* Content holders */
#excSubmitters,
#excCurrent,
#excLatest,
#primary,
#secondary,
#exc1, #exc2, #exc3{
	float: left;
	padding: 0 10px;
}

#primary p,
#secondary p,
#exc1 p, #exc2 p, #exc3 p{
	padding: 5px 0 0 0;
}

#excSubmitters{
	width: 150px;
	padding-left: 0;
}
#excSubmitters ul, #exc1 ul{
      margin: 1em 0;
}
#exc1{
	width: 250px;
	padding-left: 0;
}
#excCurrent{
	width: 300px;
	margin-right: 160px;
}
#exc2{
	width: 300px;
	margin-right: 10px;
}
#excLatest{
	width: 39px;
	padding-right: 0;
}
#exc3{
	width: 359px;
	padding-right: 0;
}

  /* About/General */
  #primary{
    width: 580px;
    margin-right: 40px;
    padding-left: 0;
    text-align: justify;
  }
  #secondary{
    width: 280px;
    padding-right: 0;
  }


  /* Titles */
  #excSubmitters h2,
  #excCurrent h2,
  #excLatest h2{
    height: 16px;
    text-indent: -9999px;
    margin: 1.2em 0 0 0;
  }
  #excSubmitters h2{ background: url(images/title_home-submitters.png) 0 0 no-repeat; }
  #excCurrent h2{ background: url(images/title_home-current.png) 0 0 no-repeat; }
  #excLatest h2{ background: url(images/title_home-latest.png) 0 0 no-repeat; }


div#contact-flash, div#login-flash {
	background:transparent url(images/bg-contact-bubble.png) no-repeat scroll 0 0;
	height:117px;
	left:282px;
	padding:20px 20px 18px 56px;
	position:absolute;
	top:142px;
	width:553px;
	z-index:1000;
	display:none;}

#contact-flash a#close, #login-flash a#close {
	background:transparent url(images/bg-contact-close.png) no-repeat scroll 0 0;
	display:block;
	height:24px;
	position:absolute;
	right:-11px;
	text-indent:-99999px;
	top:-12px;
	width:24px;}

div#contact-flash, div#login-flash {
	font-size:12px;
	font-style:italic;
	color: #1f1213;}

div#contact-flash p, div#login-flash p {text-align:center; margin-top:40px;}

span.tel {
	color:#4F5254;
	display:block;
	font-family:arial,sans-serif;
	font-size:94px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:6px;}

span.tel span {
	color:#BBBBBB;
	font-family:georgia;
	font-size:18px;
	padding:16px 4px;}

span.org {
	color:#287AA0;
	font-weight:bold;}



#folioItems{
  overflow: hidden;
  width: 100%;
  margin: 1em 0 1em 0;
  border-bottom: 1px solid #1a1816;
}
  #folioItems li{
    float: left;
    width: 200px;
    height: 45px;
    margin: 0 0 10px 0; padding: 0;
    background: transparent;
  }
    #folioItems a:link,
    #folioItems a:visited,
    #folioItems a:hover,
    .folioWip{
      display: block;
      height: 45px;
      padding: 0 10px 0 0;
      border: none;
      overflow: hidden;
      line-height: 120%;
      color: #D6156C;
      position: relative;
    }
    #folioItems a:hover,
    #folioItems li.active a:link,
    #folioItems li.active a:visited,
    #folioItems li.active a:hover{
      background: #1a1816;
    }

    #folioItems .date{
      display: block;
      width: 90px;
      position: absolute; bottom: 0;
      right: 5px;
    }
    #folioItems a:link .date,
    #folioItems a:visited .date,
    #folioItems a:hover .date,
    .folioWip .date{
      color: #CACF43;
    }
    #folioItems a *{
      vertical-align: top;
    }

#footer{
	margin: 3em 0; padding: 25px 0 0 0;
	border-top: medium solid #181512
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: normal;
}
  #footer p{
    margin: 0;
  }