/*common css objects for ttic website
	@copyright FutureMedium
	@author Matthew Watts 2006
*/

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 75%;
  background-color: #fff;
  margin: 0;
  color: #898989;
}
 
a { color: #0581d8; }
p { margin: 0 0 1em 0; } /* make ie and fx the same */

h1 { font-size: 1.3em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }

img { display: block; border: 0; }
a img { border: 0; }

hr { background: #CDE6F7; color: #CDE6F7; border: 0; }

.autopublishContent { padding: 10px 10px 0 0; }
.autopublishContent .highlighted { color: #333; }

.autopublishContent .leftCol h1.team {
  clear: right;
}

#atdw-detail p,
.autopublishContent p {
  font-size: 1.1em;
}

a.downloadButton {
  display: block;
  height: 42px;
  width: 186px;
  background: url("../images/button_download_now.gif") no-repeat top left;
}

a.downloadButton:hover {
  background-position: bottom left;
}

a.downloadButton span {
  display: none;
}

.downloadableContent {
  margin-top: 20px;
}

#outerNav {
  background: #fff url("../images/bg_nav.gif") repeat-x;
  padding-top: 21px;
}

#outerSmallFeature {
  background-color: #fff;
}

#outerTop {
  background: #0013aa url("../images/bg_banner.gif") repeat-x;
}

#outerMiddle {
  background: #fff url("../images/bg_middle_ground.gif") repeat-x;
}

#lightbox #outerMiddle {
  background: none;
}

#outerLargeFeature {
  background-color: #fff;
}

#outerFooter {
  background-color: #f3f3f3;
  margin-top: 20px;
}

#outerCopyright {
  background-color: #fff;
}

.wrapper {
  margin: 0px auto;
  width: 768px;
}

.autopublishContent .leftCol a.view:after, 
.wrapper:after,
ul#nav:after,
ul#atdwResults:after,
.specialBox:after,
#outerMiddle .wrapper .leftCol ul.portal:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.leftCol {
  width: 511px;
  float: left;
}

.rightCol,
.rightColImage {
  width: 257px;
  float: right;
}

#outerMiddle .wrapper {
  position: relative;
}

#outerMiddle .wrapper .leftCol {
  background: none;
}

#outerMiddle .wrapper .rightCol {
  background: #fff url("../images/bg_middle_right.gif") repeat-x;
  min-height: 257px;
}

#outerMiddle .wrapper .rightCol .inner {
  margin: 0 13px;
}

#outerMiddle .wrapper .leftCol h1.imgHeading {
  float: left; 
}

#outerMiddle .wrapper .leftCol h1 {
  color: #0581d8;
  font-size: 1.4em;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1em;
}

#outerMiddle .wrapper .leftCol h1.team { 
  clear: right;
}

#outerMiddle .wrapper .leftCol p {
  color: #898989;
}

#outerMiddle .wrapper .leftCol img.right {
  float: right;
  margin: 0 0 10px 10px;
}


#outerMiddle .wrapper .rightCol h1 {
  color: #00228b;
  font-weight: normal;
}

#outerMiddle .wrapper .rightCol p {
  color: #333;
}

#outerMiddle .wrapper .rightCol p.address {
  color: #767676;
  padding: 10px 0;
clear: left;
}

#outerMiddle .wrapper .leftCol ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}



/*
#outerMiddle .wrapper .leftCol #things ul#results li h1 {
  height: 1em;
}
*/

#outerMiddle .wrapper .leftCol ul#results {
  width: 510px;
}

#outerMiddle .wrapper .leftCol ul#results li { 
  width: 170px;
  float: left;
  margin-top: 24px;
}

#outerMiddle .wrapper .leftCol ul#results li div { display: block; /*overflow: hidden;*/ } 
#outerMiddle .wrapper .leftCol ul#results li p { height: 100px; width: 167px; overflow: hidden; }

/*
#outerMiddle .wrapper .leftCol ul#results li:hover {
  cursor: pointer;
}*/

#outerMiddle .wrapper .leftCol a.view {
  background: url("../images/icon_info_white_bg.gif") no-repeat 0 3px;
  color: #0380d8;
  padding: 0 0 5px 18px;
  float: left;
  margin: 5px 0 10px 0;
}

/*
#outerMiddle .wrapper .leftCol ul#results li:hover h1,
#outerMiddle .wrapper .leftCol ul#results li.hover h1,
#outerMiddle .wrapper .leftCol ul#results li:hover h1 a,
#outerMiddle .wrapper .leftCol ul#results li.hover h1 a { 
  color: #ffd300;
}

#outerMiddle .wrapper .leftCol ul#results li h1 a { 
  display: block;   
  color: #0380d8; 
  text-decoration: none; 
}


#outerMiddle .wrapper .leftCol ul#results li:hover p,
#outerMiddle .wrapper .leftCol ul#results li.hover p { 
  color: #555;
}

#outerMiddle .wrapper .leftCol #things ul#results li:hover a.view,
#outerMiddle .wrapper .leftCol #things ul#results li.hover a.view,
#outerMiddle .wrapper .leftCol #atdw ul#results li:hover a.view,
#outerMiddle .wrapper .leftCol #atdw ul#results li.hover a.view,
#outerMiddle .wrapper .leftCol #where ul#results li a.view:hover,
#outerMiddle .wrapper .leftCol #other ul#results li a.view:hover,
#outerMiddle .wrapper .leftCol #things ul#results li a.view:hover,
#outerMiddle .wrapper .leftCol #other ul#results li ul li a.view:hover,
#outerMiddle .wrapper .leftCol #other #atdw ul#results li:hover a.view,
#outerMiddle .wrapper .leftCol #other #atdw ul#results li 
#outerMiddle .wrapper .leftCol a.view:hover { 
  background: url("../images/icon_info_yellow.gif") no-repeat 0 3px;
  color: #ffd300;
}*/

#outerMiddle .wrapper .leftCol #other ul#results li ul li a.view { margin: 0; }

#outerMiddle .wrapper .leftCol ul#results li .headingContainer {
  background: #0380d8;
  height: 3em;
  overflow: hidden;
}


#outerMiddle .wrapper .leftCol ul#results li .headingContainer a { 
  color: #fff;
  padding: 0.5em;
  margin: 0;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: bold;
}

#outerMiddle .wrapper .leftCol ul#results li img { 
  float: none;
  margin: 0;
  padding: 0;
}

ul#results li .imageHolder {
	position: relative;
}
ul#results li .imageHolder a.bannerLink {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 162px;
	font-weight: bold;
	font-size: 1em;
	padding: 0.3em 0 0.3em 5px;
	color: #fff;
	background: #2d3033;
	text-decoration: none;
}

ul#results li:hover .imageHolder a.bannerLink,
ul#results li .imageHolder a.bannerLink:hover {
	color: #000;
	background: url("../images/bg_lightbox_results.gif") no-repeat top left;
}


#outerFooter .wrapper {
  height: 45px;  
}

#outerFooter .wrapper ul {
  margin: 10px 0;
  padding: 9px 0;
  list-style-type: none;
}

#outerFooter .wrapper ul li {
  background: #f3f3f3 url("../images/icon_blue_arrow.gif") no-repeat 0 2px;
  padding-left: 15px;
  color: #aaaaaa;
  font-size: 0.9em;
}

#outerFooter .wrapper ul li span.contact {
  margin-left: 20px;
}

#outerFooter .wrapper ul li span.floatLeft {
  float: left;
  padding: 0;
  margin: 0;
  width: 80px;
}

#outerFooter .wrapper img {
  float: right;
  padding: 6px 0;
}

#outerCopyright {
  background: #fff;
  color: #adadad;
  padding: 5px 0;
}

#outerCopyright .wrapper a {
  margin-right: 18px;
  color: #adadad;
  text-decoration: underline;
}

#outerCopyright .wrapper a.siteLink {
  margin-right: 53px;
}

#outerCopyright .wrapper a.sitemap {
  margin-right: 0;
}

#outerCopyright .wrapper a:hover {
  text-decoration: underline;
  color: #666;
}

#outerCopyright .wrapper a.current {
  text-decoration: underline;
  color: #0088ff;
}

#outerCopyright .wrapper a.currentsitemap {
  text-decoration: underline;
  color: #0088ff;
  margin-right: 0;
}

/* new styles */

#outerMiddle .wrapper .leftCol ul#atdwResults {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
}

ul#atdwResults li {
  margin: 0 3px 15px 0;
  padding: 0;
  float: left;
  height: 152px;
}

ul#atdwResults li .headingText {
  background: #0380d8;
  width: 157px;
  padding: 5px;
  height: 2.2em;
}

ul#atdwResults li .headingText a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  font-size: 1.1em;
  line-height: 1em;
}

a.newRegion {
  display: block;
  width: 241px;
  height: 119px;
  margin-left: -7px;
  background: url("../images/button_another_region.gif") no-repeat top left;
}

a.newThings {
  display: block;
  width: 241px;
  height: 119px;
  margin-left: -7px;
  background: url("../images/button_another_thing.png") no-repeat top left;
}

a.newWhere {
  display: block;
  width: 241px;
  height: 119px;
  margin-left: -7px;
  background: url("../images/button_another_where.png") no-repeat top left;
}

a.mediaLaunch {
  display: block;
  width: 237px;
  height: 108px;
  margin-left: -7px;
  background: url("../images/button_media_launch.png") no-repeat top left;
}

a.lastMinuteDeals {
  display: block;
  width: 237px;
  height: 86px;
  background: url("../images/button_last_minute_deals.gif") no-repeat top left;
}

a.view_places {
  display: block;
  width: 237px;
  height: 57px;
  margin-left: -7px;
  background: url("../images/button_view_places.png") no-repeat top left;
}

a.view_things {
  display: block;
  width: 237px;
  height: 57px;
  margin-left: -7px;
  background: url("../images/button_view_things.png") no-repeat top left;
}

a.go {
    float: right;
    display: block;
    width: 60px;
    height: 22px;
    background: url("../images/button_home_go.gif") no-repeat top left;
}

a.go:hover {
  background-position: bottom left;
}

a.go span {
  display: none;
}

a.newRegion:hover,
a.newThings:hover,
a.newWhere:hover,
a.mediaLaunch:hover,
a.lastMinuteDeals:hover,
a.view_places:hover,
a.view_things:hover {
  background-position: bottom left;
}

a.newRegion span,
a.newThings span,
a.newWhere span,
a.mediaLaunch span,
a.lastMinuteDeals span,
a.view_places span,
a.view_things span {
  display: none;
}


/* landing */

#landing {
    background: url("../images/landing_bg.jpg") 50% 0 no-repeat #0a1a54;
}

#landing #outerFooter {
    background-color: #102975;
}

#landing #outerCopyright a,
#outerFooter .wrapper ul li,
#landing #outerCopyright {
    color: #4d63aa;
    background-color: transparent;
    text-decoration: none;
}

#landing #outerCopyright a:hover {
    text-decoration: underline;
}

#landing_feature {
    width: 770px;
    margin: 0 auto;
}

    #landing_feature #header {
        overflow: hidden;
    }

    #landing #landing_ttic {
        float: left;
        margin: 70px 0 0 0;
    }

    #landing #landing_contactUs {
        float: right;
        margin: 80px 0 0 0;
    }

    #landing #landing_hvv {
        margin: 40px 0 0 0;
    }

    #landing #landing_people {
        margin: 45px 0 0 -91px;
    }

    #landing #nav {
        margin: 0;
        padding: 0;
    }

        #landing #nav li {
            padding: 0;
            margin: 0;
        }

        #landing #nav a {
            padding: 0;
            margin: 0;
            position: relative;
            overflow: hidden;
            width: 387px;
            height: 86px;
        }

        #landing #nav .btn_volunteer {
            width: 383px;
        }

            .btn:hover {
              background: transparent none;
              border: 0 solid;
            }

            #landing #nav a:hover img {
                top: -86px;
            }

            #landing #nav a img {
                position: absolute;
                top: 0;
                left: 0;
            }

    #landing #content {
        padding: 0 20px 30px 20px;
    }

    #landing #content h1 {
        color: #ffd300;
        font-size: 2.1em;
        margin-top: 2px;
    }

    #landing #content p {
        color: #fff;
        font-size: 1.3em;
        line-height: 1.3em;
    }