/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*/////////////////////////////////
globals
/////////////////////////////////*/
html { font-size: 100%;}
body { font: normal normal normal 1em/1.5em Helvetica, Arial, serif; width: 50em; margin: 0em auto 0em; background-color:#fff; color:#333; text-align: center; }
a, a:visited { color: #333; text-decoration: none; }
a:hover { color: #f09;}
p { padding-bottom: 0.625em; }
h1,h2,h3,h4,h5,h6,textarea,input,p { font-family: Helvetica, Arial, serif; }
h2,
h1 { color: #f09; font-size: 0.94em; font-weight: bold; padding: 1.5em 0; text-transform: uppercase; clear: left; float: none; }

h2 { padding: 1em 0 0 0; margin: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

table { width: 32.5em; vertical-align: top; }
th { font-weight: bold; padding: 0.185em 2em 0.185em 0; width: 8em; vertical-align: top; }
td { padding: 0.185em 0; vertical-align: top; }
div.clearfix { float: none; clear: both; height: 0.1em;}
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.error { color: #f00; }

/*/////////////////////////////////
frame
/////////////////////////////////*/
#container { overflow: visible; margin: 0 auto 0; background-color: #fff; }
#container * { text-align: left; }

#overlay { display: none; position: absolute; top: 0; left: 0; z-index: 10;}
#overlay .background { background-color: black; }
#overlay a { display: block; font-size: 32px; height: 32px; }
#overlay a:hover { color: #f09;}
#overlay a.close { text-align: right; }
#overlay a.next { float: right;  }
#overlay a.previous { float: left; }
#overlay div#overlay_image_container { position: absolute; background-color: #fff; border: 8px solid white; }
#overlay div#overlay_image img { }

/*/////////////////////////////////
header
/////////////////////////////////*/
#header { margin-top: 2em; float: none; clear:both; color: #f09; }
div.logo { width: 50em; position: absolute; top: 13.5em; }
div.logo h1 { color: #fff; text-transform: none; line-height: 1.2em; font-weight: normal; font-family: Georgia, Times, serif; font-size: 2em; padding: 0; margin-left: 0.5em;}
#menu { padding-right: 1.25em; margin-left: 0; }
#menu p { font-size: 0.75em; }
#menu ul { color: #fff; width: 50em; background: #f09; height: 2.6em; }
#menu ul li { margin: 0.6em 1em 0 1em; float: left; }
#menu ul li.spacer { width: 0.6em; display: block; }
#menu a { text-decoration: none; color: #fff;}
#menu a:hover,
#menu a.active { color: #000;}
#menu ul.submenu { height: 2.2em;}
#menu ul.submenu li { margin-top: 0; }
div#image_bar { width: 50em; overflow:hidden; float: none; clear: both; height: 15em; }
div#image_bar img { width: 50em; }

/*/////////////////////////////////
content
/////////////////////////////////*/
img.logo_image { margin: 0em 1em 2em 0; float: left;}
div#content { background-color: #fff; min-height: 14em;}
div.content_item { margin: 0em 1em 1em 1em; padding-top: 1em;}
div.content_item h1 { line-height: 1.7em; }
div.content_item p { font-size: 0.8em; line-height: 1.5em; }
div.content_item p a { color: #f09;}
div.link_item { margin-bottom: 0; padding-top: 0;}
div.col { width: 6em; float: left; padding: 0 0.5em 0.5em 0; }
img.headline { margin-left: -0.1em;}
img.pic { margin-bottom: 1.5em; width: 51.875em; }
img.full { width: 37.5em; float: none; clear: both; cursor: pointer; }
div.thumbs { width: 32.5em; float: right; }
img.close { margin-left: 30.3em; z-index: 10; position: absolute; float: both; cursor: pointer; text-align: right;}
img.thumb { width: 6em; cursor: pointer; margin-bottom: 0.5em;}
.para { margin-bottom: 1.25em; }
.thumbnails { margin-top: 20px; }
.thumbnails img { margin: 10px 10px 0 0; height: 100px; }

#footer { margin: 1em; }
#footer p { font-size: 0.7em;}

