* {margin: 0; padding: 0;}

body {font: small Arial, Helvetica, sans-serif; background-color: #f3e8cc;}

body.popup {font: small Arial, Helvetica, sans-serif; background-color: #fff;}

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

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

address {margin: 0 0 1em 0;}

cite {font-style: italic; color: #b86d41; white-space: nowrap;}

div.hr {height: 1px; margin: 1em 0; clear: both; background-color: #e7d693;}

div.hr hr {display: none;}

div.more {text-align: right;}

.more a {color: #900; text-decoration: none; text-transform:uppercase; font: bold 80% arial, sans-serif; white-space: nowrap;}

.more a:hover {text-decoration: underline;}

.citation {display: block; text-align: right; background-color: #fff; color: #666; padding-top: 1em; font-size: smaller;}

hr.clearer {clear: both; visibility: hidden; height: .1em;}

img {border: none;}

p {margin: 0 0 1em 0; line-height: 1.25em;}

p a {text-decoration: underline;}

p.deck {font-size: 1.25em; font-style: italic; margin: -.5em 0 1em 0; color: #666;}

p img.photo {border: 1px solid #666;}

p img.left {float: left; margin: 0 .5em 1em 0; border: 1px solid #666;}

p img.right {float: right; margin: 0 0 1em .5em; border: 1px solid #666;}

.dateline {font-style: italic; font-size: 90%; color: #b86d41;}

/* Forms ----------------------------------------------------------------------------------------------- */

fieldset {border: 0;}


/* Headers ----------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin: 1em 0 0 0; }

h1 {margin: 0 0 .5em 0; font: 600 160% Arial, Helvetica, sans-serif; color: #333;}

h2 {color: #900; font-size: 100%; margin: 1em 0 .5em 0; padding: 0; text-transform: uppercase;}

h3 {margin: 0 0 .5em 0; font-size: 115%; font-weight: bold;}


/* Lists ----------------------------------------------------------------------------------------------- */

dl {margin: 0 0 1em 0;}

dd {margin: 0 0 .5em 2em;}

dt {font-weight: bold;}

ul, ol {margin: 1em 0;}

li {margin: 0 0 .5em 1em;}


/* Tables ----------------------------------------------------------------------------------------------- */

table {border-collapse: collapse; margin: 0 0 0em 0;}

td {vertical-align: top; padding: .5em;}

td a {font-weight: bold;}

td a:hover {text-decoration: underline;}

tr:focus {background-color: #ffd;}

/* Layout ----------------------------------------------------------------------------------------------- */

hr.clearfloat {clear: both; visibility: hidden;}

#wrapper {margin: 0 auto; padding: 0 9px 0 0; width: 70em; min-width: 820px; border-bottom: 1px solid #e1e1e1; background: #fff url(../images/shadowRight.gif) repeat-y top right;}

#wrapper #shadow {padding: 0 0 0 9px; background: #fff url(../images/shadowLeft.gif) repeat-y top left;}

#headline {width: 70%; margin-right: 5%;}

#content {padding: 12px 1em 0 1em; min-height: 800px;}

#content.threecol div.column {float: left; width: 32.5%; margin: 0 .75em 0 0;}

#content.threecol div.lastcolumn {float: left; width: 32.5%;}

#maincontent {float: left; width: 70%; margin-right: 5%; min-height: 800px;}

#sidebar {float: left; width: 23%; min-width: 200px;}

#footer {clear: both;}


/* Exceptions ----------------------------------------------------------------------------------------------- */

#skip {}

#skip a {position: absolute; left: -999px;}

#skip a:focus {padding:3px; left:50%!important;}

body.popup #content {margin: 0 auto; padding: 12px 1em 0 1em; width: 500px; min-height: 600px;}

#content ul.video, #content ul.slideshow, #content ul.toc {margin: 0; padding: 0;}
#content ul.video li {margin: 0 0 .5em 3em; list-style-image: url(../images/video.gif);}
#content ul.slideshow li {margin: 0 0 .5em 3em; list-style-image: url(../images/slideshow.gif);}
#content ul.toc li {margin: 0 0 .5em 3em; list-style-image: url(../images/moredot.gif);}

#content div.video {width: 320px; margin: 0 auto .5em auto; padding: 0; font-size: smaller;}
#content div.video p {padding: .75em; background-color: #f0efdd;}

#flvplayer {text-align: center;}
body.popup #content div.video {width: 320px; margin: 10px auto; font-size: small;}

#content div.photolarge {float: right; margin: 0 0 1em 2em; width: 302px;}
#content div.photolarge p {background-color: #f0efdd; font-size: smaller; margin-top: 0; padding: .5em;}
#content img.photolarge   {border: 1px solid #666; width: 300px;}

#content div.photosmall {float: right; margin: 0 0 1em 2em; width: 202px;}
#content div.photosmall p {background-color: #f0efdd; font-size: smaller; margin-top: 0; padding: .5em; }
#content img.photosmall   {border: 1px solid #666; width: 200px;}

#content div.photomug {float: right; margin: 0 0 1em 2em; width: 202px;}
#content div.photomug p {background-color: #f0efdd; font-size: smaller; margin-top: 0; padding: .5em; text-align: center;}
#content img.photomug {border: 1px solid #666; width: 200px;}

#content img.photomain {border: 1px solid #666;}


#content table.headlines {clear: both; margin-top: .5em;}
#content table.headines td {padding: .4em;}

p.photothumb {background-color: #fff; width: 102px; margin: 1em auto; padding: 1em; border: none;}
img.photothumb {width: 100px; border: 1px solid black;}

#sidebar {}

#sidebar ul {margin: 0 1em 0 2em; list-style-image: url(../images/moredot.gif);}
#sidebar ul.video {margin: 0 0 0 2em; list-style-image: url(../images/video.gif);}
#sidebar ul.slideshow {margin: 0 0 0 2em; list-style-image: url(../images/slideshow.gif);}
#sidebar ul li {margin: 0 0 .5em .5em;}
#sidebar ul.video li {margin: 0 0 .5em 1em;}
#sidebar ul.slideshow li {margin: 0 0 .5em 1em;}
#sidebar li a {padding: 0; margin: 0; font-size: 1em;}

#sidebar div.photo {float: none; width: 200px; margin: 0 0 .5em 0; background-color: #f0efdd; font-size: smaller;}
#sidebar div.photo img {width: 200px; margin: 0; border: 1px solid black;}
#sidebar div.photo  p {padding: .5em;}

#sidebar div.videothumb {width: 200px; margin-bottom: 10px; clear: both;}
#sidebar div.videothumb img {width: 60px; height: 60px; float: left; margin: 0 1em 0 0; border: 1px solid #000;}
#sidebar div.videothumb p {}

#sidebar div#relatedinfo { width: 200px; margin: 0 0 .5em 0; border: 1px solid #666;}
#sidebar div#relatedinfo h2 { padding: .5em .5em .1em .5em; margin: 0 0 .5em 0; border-bottom: 1px solid #666; background-color: #dfdecf;}

#sidebar h3 {font: bold 100% Arial, Helvetica, sans-serif;}

#sidebar img.linkthumb {float: left; margin-right: 10px;}

#footer {font-size: 100%; margin: 2em 0 0 0;}

#footer a {color: #fff;}

#footer img {float: left; margin:  0 3em;}

#footer p {margin: 2em 0 0 225px;}

#footer p a {color: #000;}

#footer ul {background-color: #900; margin: 0; padding: 3px 0; text-align: center;}

#footer ul li {display: inline; margin: 0; padding: 0 10px; border-right: 1px solid #fff;}

#footer ul li.last {border: none;}

#footer ul li a {text-transform: lowercase; text-decoration: none;}


#header {color: #fff; background: #900 url(../images/colonadeWatermark.gif) no-repeat top left; height: 51px;}

#header a {color: #fff; text-decoration: none; display: block;  position: relative; top: 20px; left: 206px; width: 237px;}


#nav {background-color: #e7d69c; font: bold 80% arial; height: 2.95em; background: #e7d69c url(../images/navGradient.gif) repeat-x bottom left; z-index: 2;}

#nav form {padding: 3px 12px 0 0; text-align: right;}

#nav form label {text-transform: uppercase;}

#nav form input#searchsubmit {vertical-align: bottom;}

#nav ul {float: left; list-style: none; margin: 0; z-index: 2;}

#nav ul li {float: left; margin: 0;}

#nav ul li a {display: block;  color: #000; text-decoration: none; text-transform: uppercase; padding: 10px 13px 0 13px;}

#nav ul li a:hover {color: #900; text-decoration: none;}

body.home #home > a, body.about #about > a, body.journalists #journalists > a, body.staff #staff > a, body.bytopic #bytopic > a {color: #963;}

#nav ul li ul {position: absolute; left: -999em;}

#nav ul li ul li {float: none; border-bottom: 1px solid #e7d69c; white-space: nowrap;}

#nav ul li:hover ul {left: auto; background-color: #e7d69c; border: 1px solid #E9B87E; border-top: none; margin-left: 1em; padding-top: 1em;}

#nav ul li li a {display: block; padding: .5em;}


#suhome {background-color: #fff; border-bottom: 1px solid #000; text-align: right;}

#suhome div {display: block; width: 800px; margin: 0 auto;}


#toolbar {width: 70%; border: 1px solid #ccc; margin: 1em 0; padding:.25em;}

#toolbar ul {margin: 0;}

#toolbar li {list-style: none; width: 20%; margin: 0;}

#toolbar li a {text-transform: lowercase; color: #666; display: block; padding-left: 25px; background: #fff url(../images/printer_icon.gif) no-repeat left 0;}