body, html
{ margin: 0; padding: 10px 0 0 0; font-family: sans-serif; }

body
{ background-position: center 20px; background-color: #040000; background-image:url(../Images/dta-logo-bg.png); background-repeat: no-repeat; }

a
{ text-decoration: none; color: #FFF; }

img
{ border: none; }

#webContainer
{ width: 1000px; height: 700px; margin: 0 auto; }

#webContainer .header
{ height: 117px; }

#webContainer .content
{ height: 434px; border-top: #CCC solid 1px; border-bottom: #CCC solid 1px; position: relative; }

#webContainer .footer
{ height: 147px; }

#webContainer .header .logo-bar
{ width: 960px; margin: 0 auto; position: relative; }

#webContainer .header .logo-bar div
{ float: left; }

#webContainer .header .logo-bar .slogan
{ padding: 35px 0 0 10px; }

#webContainer .header .logo-bar .slogan p
{ margin: 0; padding: 0; color: #00FFFF; text-transform: uppercase; word-spacing: 1px; letter-spacing: 2px; font-family: Times New Roman; }

#webContainer .header .logo-bar .slogan p span
{ color: #00ffff; }

#webContainer .header .logo-bar .slogan p.logo-text
{ text-transform: none; color: #FFF; font-style: italic; font-family: Times New Roman; font-size: 16pt; }

#webContainer .header .logo-bar .menu
{ float: right; color: #FFF; padding: 12px 0 0 0; font-size: 12px; position: relative; top: 9px; margin: 0; right: -36px; }

#webContainer .header .logo-bar .menu a
{ color: #FFF; text-decoration: none; }

#webContainer .header .logo-bar .menu a.current
{ color: #ff0000; }

#webContainer .header .logo-bar .menu ul
{ list-style: none; margin: 0; padding-top: 0; padding-right: 10px; position: relative; top: -12px; padding-left: 0px; }

#webContainer .header .logo-bar .menu ul li
{ display: inline; padding-right: 20px }

#webContainer .content
{ color: #FFF; }

#webContainer .content .home ul
{ list-style: none; padding: 0; position: relative; top: 200px; left: 340px; }

#webContainer .content .home ul li
{ display: inline; padding: 100px 0 100px 50px; text-transform: uppercase; height: 200px; }

#webContainer .content .home ul li.left
{ border-right: 1px solid #F00; padding: 100px 50px 100px 0; }

#webContainer .nav-display
{ width: 100%; float: left; top: 200px; position: relative; }

#webContainer .nav-display .main
{ display: block; }

#webContainer .nav-display .main a
{ color: #666666; }

#webContainer .nav-display .main a:hover
{ color: #FFF; }

#webContainer .nav ul 
{ list-style: none; margin: 0; padding: 0; float: left; }

#webContainer .nav ul li
{ text-transform: uppercase; }

#webContainer .nav a ul li, #webContainer .content .nav ul li strong 
{ display: inline; margin: 0; }

#webContainer .nav a, #webContainer .content .nav strong 
{ display: block; margin: 0; }

#webContainer .nav ul li strong .thought
{ display: inline; margin: 0; color: #666666; }

#webContainer .nav li 
{ position: relative; }

#webContainer .nav ul ul 
{ position: absolute; z-index: 500; }

#webContainer .nav ul ul li
{ font-size: 10pt; }

#webContainer .nav ul ul li, #webContainer .nav ul ul li a
{ color: #0FF; }

#webContainer .nav ul ul ul li, #webContainer .nav ul ul ul li a
{ color: #F3F; }

#webContainer .nav ul ul ul 
{ top: 0; left: 100%; width: 250px; }

div#webContainer .nav ul ul,
div#webContainer .nav ul li:hover ul ul,
div#webContainer .nav ul ul li:hover ul ul
{display: none; min-width:130px;}

div#webContainer .nav ul li:hover ul,
div#webContainer .nav ul ul li:hover ul,
div#webContainer .nav ul ul ul li:hover ul
{display: block;}

#webContainer .nav ul ul ul li
{ float: left; padding-right: 5px; }

#webContainer .nav li strong
{ text-transform: uppercase; border-right: 1px solid #FFF; color: #666; }

#webContainer .nav li strong.last
{ border: none; }

#webContainer .nav li strong.current
{ border-right: 1px solid #F00; color: #900; letter-spacing: 2px; }

#webContainer .nav li strong, #webContainer .nav li li
{ padding: 0 20px; }

#webContainer .nav li li li
{ padding: 0; }

#webContainer .content .page h1, #webContainer .content .page h2, #webContainer .content .page h3, #webContainer .content .page h4, #webContainer .content .page h5, #lightbox-image-details-caption h1, #lightbox-image-details-caption h2, #lightbox-image-details-caption h3, #lightbox-image-details-caption h4, #lightbox-image-details-caption h5
{ font-size: 11pt; padding: 0; margin: 0;}

#webContainer .content .page h2, #webContainer .content .page h3, #webContainer .content .page h4, #webContainer .content .page h5, #lightbox-image-details-caption p, #lightbox-image-details-caption h2, #lightbox-image-details-caption h3, #lightbox-image-details-caption h4, #lightbox-image-details-caption h5
{ font-weight:normal;}

#webContainer .content .page h1, #webContainer .content .page h2, #webContainer .content .page h3, #webContainer .content .page h4, #lightbox-image-details-caption h1, #lightbox-image-details-caption h2, #lightbox-image-details-caption h3, #lightbox-image-details-caption h4
{ font-family: "Times New Roman", Times, serif; }

#webContainer .content .page h5, #lightbox-image-details-caption h5
{ font-size: 8pt; }

#webContainer .content .page p, #lightbox-image-details-caption p
{ font-size: 8pt; font-family: Helvetica; margin-top:0; }

#webContainer .content .page .nav-page
{ font-size: 9pt; color: #333333; }

#webContainer .content .page .nav-page table
{ position: static; }

#webContainer .content .page .nav-page table td
{ border: none; padding-top: 15px; }

#webContainer .content .page .nav-page table td.third
{ padding-top: 0; }

#webContainer .content .page .nav-page ul
{ margin: 0; padding: 0; list-style: none; }

#webContainer .content .page-select
{ height: 100% }

#webContainer .content .page-select ul
{ list-style: none; padding: 0; margin: 0; white-space: nowrap; position:relative; }

#webContainer .content .page-select ul li
{ display: inline; padding-right: 5px; }

#webContainer .content .page-select ul li img
{ border: 1px solid #333; }

#webContainer .content .page-select .page-scroller
{
	width: 684px;
	left: 298px;
	height: 52px;
	position: relative;
	top: 118px;
	overflow: hidden;
}

#webContainer .content .page-select .left-arrow, #webContainer .content .page-select .right-arrow
{
	height: 52px;
	position: relative;
	cursor: pointer;
	width: 20px;
}

#webContainer .content .page-select .left-arrow img, #webContainer .content .page-select .right-arrow img
{
	position: relative;
	top: 17px;
}

#webContainer .content .page-select .left-arrow
{
	top: 170px;
	left: 280px;
}

#webContainer .content .page-select .right-arrow
{
	top: 66px;
	left: 980px;
}

.page_title
{ position: absolute; color: #F00; }

#webContainer .content .page .internal ul li.current a
{ color: #F00; }

#webContainer .content .page .internal ul li a:hover
{ color: #FFF; }

#webContainer .content .page div
{ float: left;  height: 252px; }

#webContainer .content .page .details h1, #lightbox-image-details-caption h1
{ color: #F00 }

#webContainer .content .page .details
{ width: 190px; text-align: center; border-right: 1px solid #CCC; border-left: 1px solid #CCC; padding:0 5px; overflow: hidden; }

#webContainer .content .page .image
{ width: 190px; text-align: center; border-right: 1px solid #CCC; }

#webContainer .content .page .image .image-credits
{
	position: relative;
	top: -20px;
	float: right;
	left: -5px;
	background-color: #000;
	height: 16px;
	padding: 2px 5px 2px 2px;
	width: 178px;
	font-size: 12px;
	text-align: right;
	opacity: 0.5;
	color: #FFF;
}

#webContainer .content .page .breadcrumb
{ width: 300px; }

#webContainer .content .select
{ position:relative; top: 188px; }

#webContainer .content .page .internal
{ width: 110px; border-right: 1px solid #CCC; }

#webContainer .content .page .internal ul li .last
{ padding-bottom: 0; }

#webContainer .content .page .external
{ width: 190px; }

#webContainer .content .page .internal ul
{ list-style: none; padding-left: 15px; padding-right: 15px; }

#webContainer .content .page .internal ul.sense
{ position:relative; top:8px; }

#webContainer .content .page .internal ul li
{ padding-bottom: 30px; font-size: 9pt; color: #996666; }

#webContainer .content .page .internal ul li a
{ color: #996666; }

#webContainer .content .page .internal ul li.last
{ padding-bottom: 0; }

#webContainer .content .page .internal ul li.disabled
{ color: #333333; }

#webContainer .content .page .internal ul li.structure
{ color:#FFFFFF; left:0; padding-bottom:0; position:relative; top:15px; }

#webContainer .content .page .internal ul li.structure a
{ color:#FFFFFF; }

#webContainer .content .page .external ul
{ font-size: 9pt; color: #ff0000; padding-left: 20px; }

#webContainer .content .page .external ul li
{ padding-bottom: 1px; }

#webContainer .content .page .external ul li a
{ color: #999999; }

#webContainer .content .page
{ width: 1000px; margin: 0 auto; position: relative; top: 85px; clear: both; }

#webContainer .breadcrumb ul
{ margin: 0; padding: 0; list-style: none; text-transform: uppercase; position: absolute; font-size: 12px; }

#webContainer .breadcrumb ul .odd
{ top: -74px; }

#webContainer .breadcrumb ul .inner li
{ float: none; }

#webContainer .breadcrumb ul li
{ float: left; padding-right: 2px; }

#webContainer .breadcrumb ul, #webContainer .breadcrumb ul a
{ color: #FFF; }

#webContainer .breadcrumb ul .current, #webContainer .breadcrumb ul .current a
{ color: #F00; }

#webContainer .breadcrumb ul .grey
{ color: #666; opacity: 0.5 }

#webContainer .breadcrumb ul .grey a
{ color: #666 }

#webContainer .breadcrumb ul .grey a:hover
{ color: #FFF; opacity: 1; }

#webContainer .content .temp-page-id
{ clear: both; position:relative; top:120px; }

#quotes .quote
{ padding:20px 40px; color: #1C6666; font-size: 12px; font-style: italic; }

.quote
{ padding:20px 40px 20px 122px; color: #00FFFF; font-size: 12px; font-style: italic; }

.quote span
{ color: #FFF }

.quote a
{ color: #996666; }

.quote a:hover
{ color: #FFF; }

#search
{  overflow: auto; height:434px; }

#search-dropdown
{ width: 270px; height: 350px; background-color: #000; position: absolute; z-index: 6; }

#search-dropdown .txtSearch
{ border: 1px solid #F00; width:93%; background-color: #000; color: #FFF; }

#search-dropdown .results
{ height: 320px; overflow: auto; font-size: 11px; }

#search-dropdown .results p
{ margin: 0; padding: 0; }

#search-dropdown .results .sect-row
{ width: 100px; clear: both; }

#search-dropdown .results .sect-row div
{ float: left; }

#search-dropdown .results .sect-row .cat
{ width: 80px; }

#search-dropdown .results .sect
{ float: left; }

#search-dropdown .results .pag 
{ color: #F00; float: left; width: 140px; margin-left: 10px; }

#search-dropdown .results .pag  a
{ color: #F00; margin-bottom: 3px; }

#webContainer .content .page .sense-id, #lightbox-image-details-caption .sense-id
{ font-size: 9pt; color: #F00; text-transform: uppercase; padding: 0; margin: 0; }

#quotes, #faq
{ overflow: auto; height:434px; }

#webContainer .home
{
	border-bottom: none;
	height: 581px;
}

.home .homeContainer
{
	height: 581px;
	padding: 0 0 0 122px;
}

.home .homeContainer .hpText, .home .homeContainer .hpImg
{
	float: left;
	height: 100%;
}

.home .homeContainer .hpText
{
	width: 378px;
	position:relative;
	top: 50px;
}

.home .homeContainer .hpText h1
{
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #F00;
	font-weight: normal;	
}

.home .homeContainer .hpText h1 span
{
	cursor: pointer;
}

.home .homeContainer .hpText h1 span.other
{
	color: #FFF;
}

.home .homeContainer .hpText div
{
	font-size: 12px;
	padding-right: 15px;	
}

.home .homeContainer .hpImg
{
	width: 500px;
}

.login
{ font-size: 12px; }

input[type=text], textarea, select, input[type=submit], input[type=password]
{ -moz-border-radius:8px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #000; padding: 5px; font-size: 12px; }

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
{ border-color: #F00; }

input[type=submit]
{ cursor: pointer; }

.error
{ color: #F00; }

#webContainer .header .logo-bar .slogan .white {
    color: #FFF;
    font-size: 12px;
    text-transform: lowercase;
    padding-left: 15px;
    padding-top: 5px;
}

#webContainer .header .logo-bar .slogan .span {
    color: #00FFFF;
}

/**
 * New Homepage
 */

#container p,
#container h1 {
	margin: 0;
	padding: 0;
}

#container {
	position: relative;
    overflow: hidden;
    width: 1150px;
    color: #c4bfbf;
    left: -50px;
}

#container > div {
	float: left;
}

#container .labels {
	width: 150px;
}

#container .labels h1 {
	text-transform: uppercase;
	font-style: italic;
	font-size: 27px;
	text-align: right;
}

#container .labels h1 {
	margin-right: 6px;
}

#container .labels p {
	color: #6aded8;
	font-size: 10px;
	margin-left: 50px;
    text-align: right;
    margin-right: 6px;
}

#container .sections {
	width: 2000px;
	position: absolute;
	top: 0;
	left: 150px;
	overflow: hidden;
}

#container .sections .section {
	overflow: hidden;
	position: relative;
}

#container .sections .section,
#container .labels > div {
	height: 350px;
	margin-bottom: 20px;
}

#container .sections .news,
#container .labels .news,
#container .sections .qa,
#container .labels .qa {
	height: 250px;
}

#container .sections .section:first-child,
#container .labels > div:first-child {
	margin-top: 5px;
}

#container .sections .box {
    background-color: #1a1917;
    color: #FFF;
    float: left;
    margin-right: 20px;
    width: 315px;
    height: 100%;
    font-size: 12px;
    position: relative;
}

#container .sections .box .details {
    padding: 10px;
    overflow: hidden;
}

#container .sections .next,
#container .sections .prev {
    opacity: .5;
    background-color: black;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    cursor: pointer;
    z-index: 2;
}

#container .next:hover {
    background: url('../Images/next.png') 70% 48% no-repeat black;
}

#container .prev:hover {
   left: 0; 
   background: url('../Images/prev.png') 30% 48% no-repeat black;
}

/**
 * CONTENT STYLES
 */

.qa .box {
    cursor: pointer;
}

.box.landscape .img,
.box.portrait .img {
	position: relative;
}

.box.landscape .img .credit,
.box.portrait .img .credit {
	position: absolute;
	bottom: 0;
	padding: 3px;
	font-size: 10px;
}

#container .box .details h1 {
	color: #6aded8;
	font-size: 12px;
	margin-bottom: 5px;
}

.box .link {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
}

.box a {
	color: #992a25;
}

.box a:hover {
	color: #FFF;
}

.box.portrait .img,
.box.portrait .details {
	float: left;
}

.box.portrait .details {
	width: 140px;
}

.box.portrait .details p {
	word-wrap: break-word;
}

#darkened {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    display: none;
    z-index: 3;
}

#popup {
    width: 700px;
    min-height: 500px;
    background-color: #1a1917;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    color: #FFF;
    font-size: 12px;
    z-index: 4;
}

#loading {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 4;
}

#popup .info {
    float: left;
    width: 150px;
    height: 100%;
}

#popup .qa {
    width: 550px;
    float: left;
    height: 100%;
}

#popup .pad {
    padding: 10px;
}

#popup p,
#popup h1 {
    margin: 0;
    padding: 0;
}

#popup h1 {
    color: #6aded8;
    font-size: 12px;
}

#popup span.close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-image: url('../Images/closebox.png');
    width: 23px;
    height: 23px;
    cursor: pointer;
}

#tweets {
    position: absolute;
    left: -271px;
    top: 0;
}

.error {
    color: #F00;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.success {
    color: green;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#container .sections .archive .portrait .details {
    height: 325px;
    position: relative;
}

#container .sections .archive .landscape .details {
    height: 159px;
    position: relative;
}

#container .sections .details > span.fade {
    background: url("../Images/dta-fade.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 20px;
    position: absolute;
    width: 100%;
}

#menu-left {
    left: 103px;
    position: absolute;
    top: 102px;
    font-size: 12px;
}

#menu-left a {
    margin-right: 10px;
}

#menu-left a.current {
    color: #F00;
}

#about-popup {
    width: 700px;
    background-color: #1a1917;
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    font-size: 12px;
    z-index: 4;
    display: none;
}

#about-popup span.close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-image: url('../Images/closebox.png');
    width: 23px;
    height: 23px;
    cursor: pointer;
}

#about-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    z-index: 3;
    display:none;
}

#about-popup .info {
    float: left;
    width: 192px;
    height: 100%;
}

#about-popup .text {
    width: 508px;
    float: left;
    height: 100%;
}

#about-popup .pad {
    padding: 10px;
}

#about-popup .pad p{
    padding: 0;
    margin: 0 0 5px;
}

#about-popup i {
    margin-right: 3px;
    color: #6aded8;
}

/**
 * GRID PAGE
 */

#container .sections .section.grid {
    overflow: visible;
}

.grid #container .sections {
    width: 1005px;
}

.grid #container .sections .box {
    height: 250px;
    margin-bottom: 20px;
}

.grid #container .sections .seed .box,
.grid #container .sections .archive .box {
    height: 350px;
}

.grid #container .sections .section {
    /*height: 1000px;*/
}

.grid #container .sections .news,
.grid #container .labels .news {
    height: auto;
}

.grid #container {
    overflow: visible;
}

.clear {
    clear: both;
}

#webContainer .content.item {
    height: auto;
    padding: 5px 0;
    font-size: 12px;
    min-height: 434px;
}

#webContainer .item .link {
    margin-top: 10px;
    text-align: right;
}

#webContainer .item .container .twitter .tweet a,
#webContainer .item .container .body a,
#webContainer .item .link a {
    color: #F00;
}

#webContainer .item .container .twitter .tweet a:hover,
#webContainer .item .container .body a:hover,
#webContainer .item .link a:hover {
    color: #FFFFFF;
}

#webContainer .item .container h1,
#webContainer .item .container p {
    padding: 0;
    margin: 0;
}

#webContainer .item .container h1 {
    color: #6aded8;
    font-size: 12px;
    margin: 5px 0;
}

#webContainer .item .container > div {
    float: left;
    margin-right: 10px;
}

#webContainer .item .container .clear {
    float: none;
}

#webContainer .item .container .image {
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 10px 0 0;
}

#webContainer .item .container .image .credits {
    position: absolute;
    bottom: 0;
    padding: 3px;
    font-size: 10px;
}

#webContainer .item .container .body {
    width: 622px;
    padding: 0 0 0 123px;
}

#webContainer .item .container .body .text {
    padding: 10px;
    background-color: #1A1917;
    margin-top: 16px;
}

#webContainer .item .container .twitter {
    width: 235px;
    margin-right: 0;
}

#webContainer .item .container .twitter .tweet {
    border-bottom: 1px solid #363636;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

#webContainer .item .container .twitter .tweet:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

#webContainer .item .container .twitter .tweet img {
    border-radius: 5px;
    float: left;
}

#webContainer .item .container .twitter .tweet p {
    margin-left: 50px;
    margin-bottom: 3px;
}

#webContainer .item .container .twitter .tweet .text {
    margin: 17px 0 0;
}

#webContainer .item .container .twitter .tweet .username {
    color: #CCC;
}