/* presentation.css - Information specific to the MZ Online web site presentation and layout */

/*  DEFAULT BODY STYLE */

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
  font-size: 12px;
  color: #737373;
  background: #7690A6 url(/images/background.png) repeat-x;
}

/* PRIMARY CONTENT (PAGE) REGIONS */

#primaryContainer {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0 0;
  position: relative;
}

#primaryHeader {
  height: 160px;
  width: 780px;
  margin: 0;
  overflow: hidden;
  background: url(/images/header.png) no-repeat;
}

#primaryLogo {
  margin: 10px 0 0 12px;
  float: left;
}

/* Default to no border on linked images */
#primaryLogo img, #topBadge img, a img {
  border: 0;
}

#topBadge {
  margin: 25px 0 0 135px;
  float: left;
  text-align: center;
}

#primarySlogan {
  margin: 20px 40px 5px 0;
  float: right;
  font-size: 18px;
  text-align: center;
  color: #7690A6;
}

.sloganBold {
  font-weight: bold;
  color: #437744;
}

#navCloud {
  height: 50px;
  width: 780px;
  margin: 0;
  padding: 0;
  text-align: center;
  background: url(/images/navcloud.png) no-repeat;
}

#primaryContent {
  min-height: 300px;
  width: 780px;
  overflow: hidden;
  background: #FFFFFF;
}

#primaryFooterOptions {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #FFFFFF;
}

#primaryFooterBar {
  border-top: 1px black solid;
  margin: 0 5px 10px 5px;
}

#primaryFooter {
  height: 100px;
  width: 780px;
  margin: 0;
  padding: 13px 0 0 0;
  text-align: center;
  background: url(/images/reflection.gif) no-repeat;
}

#primaryFooter a {
  color: #1A2734;
  background: transparent;
}

/* GENERAL CONTENT DIV REGIONS */

.fullContent {
  width: 740px;
  padding: 20px;
  text-align: justify;
}


.leftContent {
  width: 420px;
  padding: 20px 10px 20px 20px;
  float: left;
  text-align: justify;
}

.rightContent {
  width: 310px;
  padding: 20px 20px 20px 0;
  float: right;
}

.floatLeft {
  float: left
}

.floatRight {
  float: right
}

/* PORTFOLIO DIV REGIONS */

.portfolioData {
  padding: 10px 0 20px 40px;
  color: #1A2734;
}

.portfolioTitle {
  padding: 0 0 5px 0;
  font-weight: bold;
  text-align: left;
  color: #1A2734;
}

/* PICTURE DIV REGIONS */

.pictureContent {
  border-bottom: 1px solid;
  height: 100%;
  width: 740px;
  padding: 20px;
  overflow: hidden;
  text-align: justify;
}

.pictureContentAlt {
  height: 100%;
  width: 740px;
  padding: 20px;
  overflow: hidden;
  text-align: justify;
}

.pictureSetTitle {
  width: 380px;
  margin: 0;
  padding: 0;
  float: left;
  color: #1A2734;
  background: transparent;
}

.pictureSet {
  height: 100%;
  width: 350px;
  margin: -20px 0 0 0;
  padding: 0;
  float: right;
  background: transparent;
}

/* ANCHOR TEXT COLORS AND STYLES */

a:link {
  color: #1A2734;
  background: transparent;
}
  
a:visited {
  color: #427743;
  background: transparent;
}

a:hover {
  color: #000000;
  background: transparent;
}

a:active {
  color: #1A2734;
  background: transparent;
}
  
a.external span {
  display: none;
}

a.external:link {
  padding: 0 20px 0 0;
  color: #1A2734;
  background: url(/images/el.gif) no-repeat 100% 0px;
}

a.external:visited {
  padding: 0 20px 0 0;
  color: #427743;
  background: url(/images/el.gif) no-repeat 100% -200px;
}

a.external:hover {
  padding: 0 20px 0 0;
  color: #06080B;
  background: url(/images/el.gif) no-repeat 100% -100px;
}

a.external:active {
  padding: 0 20px 0 0;
  color: #1A2734;
  background: url(/images/el.gif) no-repeat 100% 0px;
}

/* LIST STYLES */

.alphaOrder {
  list-style-type: lower-alpha;
}

.romanOrder {
  list-style-type: lower-roman;
}
  
.squareList {
  list-style-type: square;
  text-align: left;
}
  
.roundList {
  list-style-type: circle;
  text-align: left;
}

/* UTILITY CLASSES */

.clear {
  clear: both;
}
  
.hidden {
  height: 1px;
  width: 1px;
  position: absolute;
  left: 0px;
  top: -500px;
  overflow: hidden;
}

/* FLICKR BADGE CLASSES */
/* Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position. */

#flickr_badge_source_txt {
  padding: 0;
  font: 11px Arial, Helvetica, Sans serif;
  color: #666666;
}

#flickr_badge_icon {
  border: 1px solid rgb(0, 0, 0) !important;
  margin: 0 !important;
  display: block !important;
}

#flickr_icon_td {
  padding: 0 5px 0 0 !important;
}

.flickr_badge_image {
  text-align: center !important;
}

.flickr_badge_image img {
  border: 1px solid black !important;
}

#flickr_www {
  padding: 0 10px 0 10px !important;
  display: block;
  font: 11px Arial, Helvetica, Sans serif !important;
  color: #3993FF !important;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
  text-decoration: none !important;
  color: #1A2734;
  background: inherit !important;
}

#flickr_badge_wrapper {
  background-color: #FFFFFF;
}

#flickr_badge_source {
  padding: 0 !important;
  font: 11px Arial, Helvetica, Sans serif !important;
  color: #666666 !important;
}