form {margin: 0;}

html, body {background-color : #FFFFFF;margin: 0; padding: 0; text-align: left; height:100%;}
html, body {background:url('media/background_print.jpg') center repeat-y;}

img {display: block;border: 0;}

#container {width:933px;margin:55px auto 0 auto;padding:0;}

.logo {float:right;}
.menu {padding:0 0 0 0;margin:0;clear:left;}
.menu li {float:left;padding:0 30px 0 0;list-style:none;margin:0;background:url('media/menu_bg.jpg') right center no-repeat;}
.menu a {font:12px arial,sans-serif;color:#000;text-decoration:none;}
.menu a:hover, .menu li.selected a {color:#A1A3A5;}

#col1 {margin:40px 0 0 0;width:512px;float:left;clear:both;}
#col2 {margin:40px 0 0 0;width:385px;float:left;padding-left:36px;}
#col1b {margin:40px 0 0 0;width:634px;float:left;clear:both;}
#col2b {margin:40px 0 0 0;width:257px;float:left;padding-left:42px;}

#footer {width:933px;clear:both;padding-top:40px;}
#footer, #footer a {font:10px arial,sans-serif;color:#000;text-decoration:none;line-height:1.6em;}
#footer a:hover {color:#A1A3A5;}
#foot1 {float:left;padding:10px 10px 0 0;width:394px;}
#foot2 {float:left;width:100px;}
#foot3 {float:left;padding:10px 20px 0 44px;width:100px;}
#foot4 {float:left;padding-top:10px;text-align:right;width:265px;}
#footer span {padding-left:5px;}

#slideshow {background:url('media/big_bg.jpg') no-repeat;padding:0 8px 8px 0;}
.big_image {background:url('media/big_bg.jpg') no-repeat;padding:0 8px 8px 0;width:512px;}
.big_thumb,.big_thumb2 {width:198px;float:left;}
.big_thumb,.big_thumb2,.big_thumb a,.big_thumb2 a {font:11px arial,sans-serif;color:#000;text-decoration:none;line-height:1.6em;}
.big_thumb a:hover,.big_thumb2 a:hover {color:#A1A3A5;}
.big_thumb2 {padding-left:20px;}
.big_thumb img, .big_thumb2 img {background:url('media/medium_bg.jpg') no-repeat;padding:0 8px 8px 0;}
.newline {height:20px;clear:both;}  
.newline2 {height:10px;clear:both;} 
.newline3 {height:6px;clear:both;}  
.newline4 {background:url('media/div_line2.jpg') 0 5px no-repeat;height:21px;}
                 
.medium_thumb,.medium_thumb2 {width:143px;float:left;}
.medium_thumb2 {padding-left:14px;}
.medium_thumb img, .medium_thumb2 img {background:url('media/gallery_bg.jpg') no-repeat;padding:0 8px 8px 0;}

.small_thumb,.small_thumb2 {width:70px;float:left;}
.small_thumb2 {padding-left:3px;}
.small_thumb img, .small_thumb2 img {background:url('media/small_bg.jpg') no-repeat;padding:0 8px 8px 0;}

.awards {background:url('media/div_line2.jpg') 0 20px no-repeat;padding:26px 0 0 0;clear:both;}
.acid {background:url('media/div_line2.jpg') 0 20px no-repeat;padding:40px 0 0 0;clear:both;}
.acid img {float:left;padding:0 30px 0 0;}

.bodytext, .blog, .blog2 {font:11px arial,sans-serif;color:#000;text-decoration:none;line-height:1.6em;}
.blog a, .blog2 a {text-decoration:none;color:#000;}
.blog a:hover, .blog2 a:hover {color:#A1A3A5;text-decoration:none;}
.bodytext a {border-bottom:1px solid #A1A3A5;padding-bottom:2px;font:11px arial,sans-serif;color:#000;text-decoration:none;}
.bodytext a:hover {border-bottom:1px solid #A1A3A5;padding-bottom:2px;font:11px arial,sans-serif;color:#A1A3A5;text-decoration:none;}
.bodytext p {margin:0 0 10px 0;padding:0;}                                                                                            
h1, h2, h3 {margin:0 0 30px 0;padding:0;font:16px arial,sans-serif normal;color:#000;text-decoration:none;line-height:1.6em;}
.bodytext h2 {margin:5px 0 10px 0;padding:0;font:16px arial,sans-serif normal;color:#000;text-decoration:none;line-height:1.6em;}
.bodytext h3 {margin:0 0 5px 0;font-size:11px;text-transform:uppercase;}

.bodytext h1 {margin:0 0 10px 0;padding:0;font:16px arial,sans-serif normal;color:#000;text-decoration:none;line-height:1.6em;}
.bodytext h2 a, .bodytext h2 a:hover {font-size:16px;border:none;padding:0;}
.bodytext dl {margin:0; padding:0;width:634px;}
.bodytext dd { float: left;margin:0; padding:0 8px 0 20px;width:496px;}
.bodytext dt {float:left;margin:0; padding:0;width:110px;}

#sponsors {margin-top:20px;}
#ha {float:left;background: url(media/sponsors/ha2.jpg) no-repeat;width: 112px;height: 32px;margin: 27px 0 10px 16px;padding: 0;}
#ha a {position: absolute;display: block;}
#ha img {width: 112px; height: 32px; border: 0; }
* html a:hover {visibility:visible}
#ha a:hover img{visibility:hidden}

#pd {float:left;background: url(media/sponsors/pd2.jpg) no-repeat;width: 83px;height: 46px;margin: 18px 0 10px 20px;padding: 0;}
#pd a {position: absolute;display: block;}
#pd img {width: 83px; height: 46px; border: 0; }
* html a:hover {visibility:visible}
#pd a:hover img{visibility:hidden} 

#dcc {float:left;background: url(media/sponsors/dcc2.jpg) no-repeat;width: 71px;height: 49px;margin: 15px 0 10px 24px;padding: 0;}
#dcc a {position: absolute;display: block;}
#dcc img {width: 71px; height: 49px; border: 0; }
* html a:hover {visibility:visible}
#dcc a:hover img{visibility:hidden}  

#uod {float:left;background: url(media/sponsors/uod2.jpg) no-repeat;width: 58px;height: 48px;margin: 14px 0 10px 24px;padding: 0;}
#uod a {position: absolute;display: block;}
#uod img {width: 58px; height: 48px; border: 0; }
* html a:hover {visibility:visible}
#uod a:hover img{visibility:hidden}     

#bcm {float:left;background: url(media/sponsors/bcm2.jpg) no-repeat;width: 58px;height: 59px;margin: 5px 0 10px 24px;padding: 0;}
#bcm a {position: absolute;display: block;}
#bcm img {width: 58px; height: 59px; border: 0; }
* html a:hover {visibility:visible}
#bcm a:hover img{visibility:hidden}

.twitter_feed {margin:0 0 0 -10px;width:277px;}
* html .twitter_feed {margin:0;width:257px;}
.twitter_feed a {font-weight:bold;}  
.twitter_feed i a, .twitter_feed .twtr-ft a {font-weight:normal;}

.form {margin:2px 0 10px 0;}
.form td {padding:8px 20px 0 0;vertical-align:top;}
.form input[type="text"], .form input[type="submit"], .form textarea {font:11px arial,sans-serif;color:#000;margin:0;padding:3px;border:#999999 solid 1px;}
.form .error input, .form .error textarea {border:#000 solid 1px;margin-right:10px;}
.error {vertical-align:top;color:#C00000;}
.form input[type="submit"] {border:none;font-weight:normal;padding:0;margin:0;background:none; cursor:pointer;}

.archive_list {margin:0;padding:0;}  
.archive_list a, .archive_list a:hover{border:none;padding:0;}
.archive_list li {list-style:none;padding:5px 0 0 0;margin:0;}

.blog, .blog2 {width:512px;}
.blog h2, .blog2 h2, .blog h1 {margin:0 0 20px 0;}
.blog2 h3 {margin:0;}
.blog .text, .blog2 .text {margin-top:20px;}
.blog2 {background:url('media/div_line2.jpg') 0 10px no-repeat;padding:31px 0 0 0;clear:both;}
.blog img, .blog2 img {background:url('media/img.jpg') bottom right no-repeat;}
.blog img, .blog2 img {background:url('media/img_bl.jpg') bottom left no-repeat, url('media/img_tr.jpg') top right no-repeat, url('media/img.jpg') bottom right no-repeat;}
.blog img, .blog2 img {padding:0 8px 8px 0;}
.blog_img img {background:url('media/blog_img_bg.jpg') bottom right no-repeat;}
.comments {margin:0 0 10px 0;padding:0;}
.comments li {list-style:none;padding:10px 0 0 0;margin:0;}
.comments .reply {color:#A1A3A5;}
.categories, .categories a{color:#A1A3A5;}
.categories a:hover {color:#000;}
  
.smaller {margin-bottom:10px;}

#rss {margin-top:2px;height:16px;width:60px;}
#rss a{background:url('media/rss_icon_off.png') left no-repeat;height:16px;padding-left:24px;color:#A1A3A5;display:block;}
#rss a:hover{background:url('media/rss_icon.png') left no-repeat;height:16px;padding-left:24px;color:#000;display:block;}

.clear {clear:both;}


#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;display:inline;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(media/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(media/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 11px arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
