/* Top Elements */
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    background: #000;
    font: 70%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif;
    color: #222;
    text-align: center;
    margin: 0 0 50px 0;
}

/* Links */
a,
a:visited {
    color: #5e5f50;
    background: inherit;
    text-decoration:none;
}

a:hover {
    color: #000;
    text-decoration:underline;
}

/* Text Headers */
h2,
h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    text-transform:uppercase;
    font: normal 20px/17px "Times New Roman", Times, serif; /* Hack to make text align bottom no matter what. Use short header text (avoid wrapping) */
    font-weight: normal;
    clear:both;
    background:#3e3f40;
    padding:20px 20px 0 25px;
    color:#ddd;
    margin-bottom:5px;
    letter-spacing:4px;
}

h2 {
    background:#77797a;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:10px;
    height:20px;
    margin:10px 0 0 0;
    padding:5px 20px 0 25px;
    font-weight:normal;
}

h2 a {
    color:#fff;
}

h2 a:hover {
    color:#ddd;
}
h3 {
    font-size: 150%;
    font-weight: normal;
    padding: 5px 0 0 10px;
}

.sub-header {
    text-transform:uppercase;
    font: bold 10px/12px Verdana, Helvetica, Arial, sans-serif;
    letter-spacing:1px;
}

p {
    padding: 10px 20px 5px 25px;
    margin: 0;
}

p.note {
    font-size:75%;
}

ul,
ol {
    margin: 5px 20px;
    padding: 0 20px;
}

ul {
    list-style: none;
}

img {
    border:none;
}

/* Forms */

form {
    background:#d1d4d6;
    padding:0 0 20px 0;
}

form h3 {
    padding-left:0;
}

form p.note {
    padding:0;
    color:55595c;
}

label {
    display: block;
    font-weight: bold;
    margin: 0;
    color: #55595c;
}

label.inline {
    display:inline !important;
}

label.error {
    color:#C00;
}

input,
select {
    padding: 4px;
    font: normal 1em Verdana, sans-serif;
    color: #666666;
    background: #fff;
}

textarea {
    width: 98%;
    padding: 4px;
    font: normal 1em Verdana, sans-serif;
    display: block;
    color: #666666;
}

input,
textarea,
select {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}

input.error {
    border-color:#C00 #900 #900 #C00;
    background-color:#FFF2EF;
    color:#900;
}

input.nb {
    border:none !important;
    background:none !important;
}

a.btn,
input.button {
    font: bold 12px Arial, Sans-serif;
    margin: 0;
    padding: 4px 7px;
    color: #ddd;
    background:#77797a;
    border-width: 1px;
    border-style: solid;
    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
    cursor:pointer;
}

form div {
    margin:5px 25px;
}

form div.nobreak {
    position:relative;
    float:left;
    width:auto;
    margin-right:15px;
}

form span.required {
    padding:0 4px;
    font-size:120%;
}

form table {
    border-collapse:collapse;
    width:auto;
    margin-bottom:10px;
    border:solid 1px #77797a;
}

form table th {
    text-align:center;
    background:#77797a;
    color:#ddd;
    padding:2px 0;
}

form table td {
    text-align:center;
}

form table td img {
}

/********************************************
   LAYOUT
********************************************/

.wrap {
    background: #969da1 url(images/body-bg.jpg) center top no-repeat;
    position: relative;
    margin: 0 auto;
    text-align: left;
    width:770px;
}

.header-wrap,
.topNav-wrap,
.content-wrap,
.footer-wrap {
    position:relative;
    padding:0 19px;
    height:100%;
}

.header,
.topNav,
.content,
.footer {
    position: relative;
    margin: 0 auto;
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
    height:100%;
}

/* Header */
.header-wrap {
	position:relative;
	padding-top:15px;
}

.head {
	position: relative;
	height:115px;
	margin: 0px auto;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}

/* Navigation */
.topNav-wrap {
	background:#55595c;
}

/* Centered nav menu... had to resort to tables for cross-browser support */
.topNav table {
	margin:0 auto;
	border-collapse:collapse;
	z-index:1;
}

.topNav td {
	width:auto;
	margin:0;
	padding:0;
	border:none;
}

.topNav a {
    width:auto;
    display:block;
    padding:3px 15px;
    color:#fff !important;
    text-decoration:none !important;
    text-transform:uppercase;
}

.topNav a:hover,
.topNav a.selected {
    color:#fff; 
    background:#242424;
}

.submenu {
    background:#7e8487;
    font-size:10px;
}

.submenu a {
    padding: 0 10px !important;
}

/* Main Column */
.main {
    padding: 0;
    margin: 0;
    z-index:111;
    height:100%;
}

.main-content {
    background:#d1d4d6;
    padding-bottom:10px;
    height:100%;
}

/* Press Page Search Results Block */
.press-srb {
    position:relative;
    padding:10px 10px 10px 25px;
    clear:both;
}

.press-srb img {
    float:left;
    margin:0 15px 3px 0;
    border:none;
}

.press-srb h2 {
    margin:0 -10px 0 25px;
}

.post-meta {
    padding:0;
    margin:0;
    text-transform:uppercase;
    text-align:right;
    font-size:x-small;
}

/* Footer */
.footer-wrap {
    text-align: center;
    background-color:#55595c;
}

.footer {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    color:#bbbdbe;
    text-transform:uppercase;
    font: normal 12px/14px "Times New Roman", Times, serif;
}

.footer a {
    color: #237da0;
}

.footer ul {
    padding:0;
    margin:0;
}

.footer ul li {
    background: url(images/bullet-1.gif) 0 5px no-repeat;
    padding-left:10px;
    margin-left:3px;
    display:inline;
}

.footer ul li.first {
    background:none;
    padding-left:0;
}

/* Library */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.cleared {
    clear: both;
}

.top-10 {
    padding-top:10px;
}

.bottom-30 {
    padding-bottom:30px;
}

/* Management Controls */
a.controls {
    position:absolute;
    float:right;
    top:12px;
    right:12px;
    color:#fff;
    padding:0;
    text-transform:lowercase;
    z-index:9999;
    background:transparent;
}

a.imgcontrols {
	position:absolute;
	right:0;
	margin:5px 5px 0 0;
	z-index:9999;
}

a.imgcontrols,
a.controls {
	display:block;
	padding:0 2px 1px 2px;
	text-align:center;
	z-index:100;
	font-size:x-small;
}

a.imgcontrols:hover,
a.controls:hover {
    text-decoration:underline;
}

a.controls img {
	border:none;
}

/* Index Page Gallery */
.indexGallery-wrap {
	padding:10px 0;
	text-align:center;
}

.indexGallery {
	width:auto;
	margin:0 auto;
	height:380px;
	text-align:center;
	background:url(images/gallery-bg.gif) top center no-repeat;
}

.indexGallery .slide {
	width:730px;
	margin: 0 auto;
}

.slide img {
	border-left:10px solid #969da1;
	border-right:10px solid #969da1;
}

/* Left Overlay Container */

.left-over-wrap {
    position:relative;
    margin-left:-20px;
    background:#3e3f40;
    margin-right:10px;
    margin-top:0;
}

.left-over {
    position:relative;
    margin-left:19px;
    border-left:solid 1px #fff;
    padding-left:223px;
    z-index:999;
}

.left-content {
    position:relative;
    height:100%; /* Keeps IE from sticking a small top margin */
    padding-top:0;
    position:relative;
    background:#d1d4d6;
}

.left-content h1.hanging { 
    margin-left:-30px;
    background:#3e3f40 url(images/pixelWhite.gif) 19px 0 repeat-y;
    padding-left:55px;
    margin-bottom:0;
}

.left-content h2.hanging {
    margin-left:-30px;
    background:#77797a url(images/h2left-bg.gif) 0 0 repeat-y;
    padding-left:55px;
}

.left-content ul {
    padding: 5px;
    margin:0 0 5px 10px;
}

.left-content ul li {
    background: url(images/bullet-1.gif) 0 8px no-repeat;
    padding-left:10px;
    margin-left:10px;
    display:block;
}

/* Full Width Container */
.full-width {
    background:url(images/full-width-bg.gif) 0 0 repeat-y;
}

.full-width h1 {
    width:662px;
    background:#3e3f40 url(images/pixelWhite.gif) 19px 0 repeat-y;
    padding-left:55px;
}

/* Stacking plan style */
.stack {
	position:relative;
	background:url(images/frontElevation.gif) 0 0 no-repeat;
	width:auto;
	height:266px;
	padding-top:60px;
}

.stack a.floor,
.stack a.selected {
	display:block;
	background:#fff;
	height:19px;
	width:468px;
	text-align:left;
	color:#2d2b29;
	font-weight:bold;
	padding:0 10px;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

.stack a.floor:hover,
.stack a.selected {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	text-decoration:none;
}

.stack a:hover {
	width:459px;
}

.stack a:hover.selected {
	width:468px;
}

.stack .info {
	position:absolute;
	right:0;
	top:0;
	height:326px;
	width:222px;
	background:#d1d4d6;
}

.stack .info ul {
    padding:5px;
    margin:0;
}

.stack .info ul li {
    background: url(images/bullet-1.gif) 0 8px no-repeat;
    padding-left:10px;
    margin-left:10px;
    display:block;
}

a.prev,
a.next {
	background:#77797a;
	color:#fff !important;
	text-transform:uppercase;
	letter-spacing:4px;
	font-size:10px;
	height:20px;
	padding:5px 20px;
	font-weight:normal;
}

a.prev:hover,
a.next:hover {
	text-decoration:none;
	color:#ddd;
	background-color:#3e3f40;
}

/* Sorted tables */

table.tablesorter {
    margin:15px;
    width: 680px;
    text-align: left;
    border-collapse:collapse;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    padding: 4px 12px 4px 4px;
    text-align:center;
    border:solid 1px #55595c;
}

table.tablesorter thead tr .header {
    background-image: url(images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
    text-align:center;
    border:solid 1px #55595c;
}

table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #55595c;
    color:#fff;
}