img, div { behavior: url(iepngfix.htc); } 

/*html, body { height: 100%; } IF BG SCROLLS THIS COULD BE OK*/ 

html { background: #AAA url(images/html-top-bg2.gif) 0 0 repeat-x; }

/* body -1px left margin fixes body background centering "issue" in IE 7 */
body { margin: 0 0 0 -1px; padding: 0; background: url(images/body-green-shadow-bg-954.png) center top repeat-y; font-family: /*georgia,*/ Palatino, Georgia, Palatino Linotype; }

hr { height: 1px; border: none; background: #CCC; }
 
#container { position: relative; width: 860px; margin: 0 auto; padding: 0; background: #A3AD8F; }

#animated { position: absolute; top: 372px; left: 627px; width: 230px; height: 650px; z-index: 100; /*background: #EEE;*/ }

#header { height: 80px; width: 100%; background: #005365; margin: 0; padding: 0; font-family: palatino;  }

#utilinks { float: right; margin: 0 15px 0 0; padding:  8px 0px 7px 0px; font-size: 14px; color: #FFF; }
#utilinks a { color: #FFF; margin: 6px 0px 5px 8px; padding: 1px 1px 1px 1px; text-decoration: none; }
#utilinks a:hover { border-bottom: 1px solid #FFF; }

#header h1 { background: #666; margin: 0; padding: 0; letter-spacing: 0.5px; font-weight: normal; font-size: 32px; }
#header h1 a { color: #FFF; display: block; padding: 9px 10px 9px 18px; background: #005365; margin: 0; text-decoration: none; }
#header h1 a:hover { background: #005365; }

#search { float: right; padding: 0; margin: 30px 20px 0 0; }
#header #search a { color: #FFF; font-size: 75%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 1px 6px 0 0; margin: 0 7px 0 0; border-right: 1px solid #FFF; }
#header #search a:hover { text-decoration: underline; }
/* this helps IE display properly */
#header #search form { margin: 0; padding: 0; }
/*#search form input { padding: 2px; }*/
#search form input.textinput { border: 1px solid #CCC;}

#topimage { width: 100%; height: 250px; background: #333 url(images/topimage860/rotate.php) center center no-repeat; border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; }

#topnav { width: 860px; height: 32px; margin: 0; padding: 0; background: #005365; border-bottom: 3px solid #FFF; font-weight: normal; }

#contentnavcontainer { width: 100%; margin: 0; padding: 0; background: #FFF /*url(images/contentnavcontainer_creme_bg.gif) top left repeat-y*/; }

#rightcolumn { float: right; background: #FFF; width: 320; padding: 0; margin: 19px 19px 0 0; }

#contentnavcontainerrightstripe { width: 100%; margin: 0; padding: 0; background: #FFF url(images/contentnavcontainerrightstripe_grayDDD_bg.gif) top left repeat-y; }

#rightcolumnstripe { float: right; background: #DDD; width: 230px; padding: 0; margin: 0; }

#rightcolumnstripeitem { border-bottom: 2px solid #FFF; padding: 12px 10px 10px 12px; }
#rightcolumnstripeitem h3 { font-size: 105%; margin: 0; padding: 0; }
#rightcolumnstripeitem h3 a { color: #005365; text-decoration: none; }
#rightcolumnstripeitem h3 a:hover { text-decoration: underline; }
#rightcolumnstripeitem h3 a:visited { color: #005365; }
#rightcolumnstripeitem a { color: #333; }
#rightcolumnstripeitem p { color: #333; line-height: 135%; font-size: 90%; padding: 0; margin: 5px 0 0 1px; }

#rightcolumnstripeitemmission { border-bottom: 2px solid #FFF; padding: 12px 10px 11px 12px; } 

#rightcolumnstripeitempublications { border-bottom: 2px solid #FFF; padding: 12px 10px 11px 12px; } 
#rightcolumnstripeitempublications h3 { font-size: 105%; margin: 0; padding: 0; } 
#rightcolumnstripeitempublications h3 a { color: #005365; text-decoration: none; }
#rightcolumnstripeitempublications h3 a:hover { text-decoration: underline; }
#rightcolumnstripeitempublications p { color: #333; line-height: 135%; font-size: 90%; padding: 0; margin: 5px 0 0 1px; }
#rightcolumnstripeitempublications a { color: #333; }

#rightcolumnstripe2 { position: relative; float: right; background: #DDD; width: 230px; padding: 0; margin: 0; }
#rightcolumnstripeitemmission2 { position: absolute; top: 0px; left: 0px; z-index: 1; width: 206px; border-bottom: 2px solid #FFF; padding: 12px 10px 9px 12px; } 

#rightcolumnstripeitemmission2 h3 { font-size: 105%; margin: 0; padding: 0; } 
#rightcolumnstripeitemmission2 p { font-size: 90%; line-height: 135%; padding: 0; margin: 5px 0 0 1px; color: #333; }

#footprints { position: absolute; top: 0px; left: -20px; z-index: 10; }

#rightcolumnstripeitemphotogallery2 { width: 208px; height: 118px; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; padding: 12px 10px 10px 12px; margin: 222px 0 0 0; background: url(images/rightcolumnimage230/rotate.php) center top no-repeat; }

#rightcolumnstripeitemphotogallery2 h3 { font-size: 105%; }
#rightcolumnstripeitemphotogallery2 h3 a { color: #FFF; text-decoration: none; }
#rightcolumnstripeitemphotogallery2 h3 a:hover { color: #FFF; text-decoration: underline; }

#clapperrailmission { float: right; padding: 0; margin: -9px 0px 0px -3px; /*postion: absolute; left: 50px; top: 10px;  width: 145px; height: 150px; z-index: -10;*/ }
#rightcolumnstripeitemmission h3 { font-size: 105%; margin: 0; padding: 0; } 
#rightcolumnstripeitemmission p { font-size: 90%; line-height: 135%; padding: 0; margin: 5px 0 0 1px; color: #333; }

#rightcolumnstripeitemphotogallery { position: relative; width: 208px; height: 148px; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; padding: 12px 10px 10px 12px; background: url(images/rightcolumnimage230-2/rotate.php) center 20px no-repeat; }

#rightcolumnstripeitemphotogallery img { border: none; margin: -12px 0 0 -12px; padding: 0; }
#rightcolumnstripeitemphotogallery h3 a { position: absolute; top: 12px; left: 12px; color: #005365; font-size: 90%; text-decoration: none; }
#rightcolumnstripeitemphotogallery h3 a:hover { text-decoration: underline; }


#rightcolumnstripeitemnewsletter { width: 208px; height: 118px; border-bottom: 2px solid #FFF; padding: 12px 10px 10px 12px; background: #FFF url(images/Clapper-Rail-newsletter-230w.jpg) center center no-repeat; }

#rightcolumnstripeitemnewsletter2 { width: 208px; border-bottom: 0px solid #FFF; margin: 0 0 10px 0; padding: 12px 10px 10px 12px; }
#rightcolumnstripeitemnewsletter2 h3 { font-size: 105%; padding: 0; margin: 0 0 10px 0; }
#rightcolumnstripeitemnewsletter2 h3 a { color: #005365; text-decoration: none; }
#rightcolumnstripeitemnewsletter2 h3 a:hover { text-decoration: underline; }

#rightcolumnstripeitemnewsletter h3 { font-size: 105%; }
#rightcolumnstripeitemnewsletter h3 a { color: #005365; text-decoration: none; }
#rightcolumnstripeitemnewsletter h3 a:hover { color: #005365; text-decoration: underline; }

#rightcolumnfootprints { height: 200px; width: 149px; margin: 0; padding: 0; }

#mission { background: #DDD url(images/mission-bg-bottom-shadow.jpg) center bottom no-repeat; width: 270px; padding: 15px  25px  15px  25px; margin: 0 0 5px 10px; }
#mission p { color: #333; margin: 7px 0 10px 0; font-size: 90%; line-height: 135%; }
#mission a { color: #333; margin: 0; padding: 0 0 0 11px; background: url(images/arrow-right.gif) 0px 50% no-repeat; }
#missiontop { /*background: url(images/mission-bg-top.png) center top no-repeat;*/ width: 320px; height: 20px; padding: 0; margin: -15px -25px 0px -25px; }
#mission h3 { margin: 0px 0 0 0; }

#rightcolumnimage { width: 310px; margin: 0 0 5px 10px; padding: 0; background: #DDD url(images/rightcolumnimage/rotate.php) center center no-repeat; }

#rightcolumnnewsletter { width: 320px; margin: 0 0 10px 10px; padding: 0; background: #DDD url(images/Clapper-Rail-newsletter.jpg) center center no-repeat; }

#content { float: left; width: 480px; /*min-height: 500px;*/ padding: 20px 10px 20px 20px; margin: 0 0 0 0; background: #FFF; font-size: 100%; } 
#content p { color: #333; font-size: 100%; line-height: 150%; z-index: 10; }
#content a { color: #005365; }
#content a:visited { color: #308395; }
#content h2 { font-size: 150%; }
#content h2, h3 { color: #005365; margin-top: 0px; } 
#content h2 a, h3 a { color: #005365; } 
#content h2 a:visited, h3 a:visited { color: #308395; } 
#content ul { font-size: 100%; line-height: 150%; margin: 0; color: #333; padding: 0 0 20px 10px; }

#homesection { width: 590px; padding: 10px 0px 0px 0px; margin: 0; border-top: 1px solid #CCC; font-size: 100%; line-height: 100%; }
#homesection a { text-decoration: none; }
#homesection a:hover { text-decoration: underline; }
#homesection img { float: right; padding: 3px; margin: 0 0px 10px 10px; border: 1px solid #CCC; }
#homesection p { margin: 0 0 8px 0; }
#homesection h3 { margin: 3px 0 10px 0; color: #005365; } 

#hometable { margin: 0; padding: 0; font-size: 90%; }
#hometable td { background: #FFF; border: 1px solid #FFF; }
#hometable td:hover { background: #F3F3F3; border: 1px solid #CCC; }
#hometable p { font-size: 95%; line-height: 130%; margin-bottom: 0; }
#hometable td { line-height: 150%; }
#hometable td.events { background: #F3F3F3; } 
#hometable td.news { background: #EEE; }
#hometable td.events h3 { color: #576727; margin: 0; padding: 0; } 
#hometable td.news h3 { color: #B94230; margin: 0; padding: 0; } 

table.detailstable b, strong { color: #005365; }

table.cbcdata td { background: #F3F3F3; }

#arrivaldeparture { font-size: 90%; }

#homeleftcolumnrightcolumnholder { padding: 0; margin: 0; background: url(images/home-page-events-news-bg.jpg) center bottom no-repeat; }
#clearboth { clear: both; }

#homeleftcolumn { float: left; width: 265px; padding: 10px 7px 10px 10px; margin: 0; font-size: 90%; border-top: 1px solid #DDD; /*background: #FCFCFC;*/ }
#homeleftcolumn h3 { color: #576727; margin: 0; padding: 0; } 

#homerightcolumn { float: right; width: 265px; padding: 10px 7px 10px 10px; margin: 0; font-size: 90%; border-top: 1px solid #DDD;  /*background: #FCFCFC;*/ }
#homerightcolumn h3 { color: #B94230; margin: 0; padding: 0; } 

#homeleftcolumn p { margin: 7px 0 0 0;  }
#homerightcolumn p { margin: 7px 0 0 0;  }

#imageright { float: right; padding: 3px; margin: 0 0 10px 20px; border: 1px solid #CCC; }

#imagerightcaption { padding: 7px 6px 5px 7px; text-align: right; margin: 0; color: #666; font-size: 80%; font-weight: normal; background: #EEE; }
#imagerightcaption em { font-weight: normal;  }

#imagecenter { width: 574px; margin: 10px auto 20px auto; padding: 3px; border: 1px solid #CCC; }

#imagecaption { padding: 11px 7px 9px 11px; margin: 0; color: #444; font-size: 90%; font-weight: bold; background: #DDD; }
#imagecaption em { font-weight: normal;  }

#photogallerythumbs { width: 825px; padding: 20px 10px 20px 20px; margin: 0 0 0 0; background: #FFF; font-size: 100%; }
#photogallerythumbs #thumbs { text-align: center; }
#photogallerythumbs img { margin: 0 15px 15px 0; padding: 0; border: 1px solid #DDD; padding: 3px; }
#photogallerythumbs a { border: none; }
#photogallerythumbs p { color: #333; font-size: 100%; line-height: 150%; z-index: 10; }
#photogallerythumbs h2 { font-size: 150%; }
#photogallerythumbs h2, h3 { color: #005365; margin-top: 0px; } 

#errorblock { background: #DDD; padding: 10px; margin: 0 0 10px 0; border: 2px solid #AAA; }
#errorblock ul, li { margin: 0 0 0 10px; padding: 0; }
#messageblock { background: #EEE; padding: 10px; margin: 0; border: 1px solid #CCC; font-size: 90%; }

#clapperrail { float: left; height: 213px; width: 206px; padding: 0; margin: 0 12px 12px 0; }

#nav { float: right; width: 220px; font-size: 14px; font-weight: bold; }
#nav ul { margin: 0; padding: 0; }
#nav li { margin: 0; padding: 0; list-style: none; }
#nav li a { padding: 9px 7px 6px 11px; margin: 0; border-bottom: 1px solid #FFF; display: block; text-decoration: none; color: #444; }
#nav li a:hover { background: #666; color: #FFF; }

#toplink { width: 618px; text-align: right; padding: 0 20px 10px 0; margin: 0; font-size: 90%; color: #666; }
#toplink a { color: #666; text-decoration: none; background: url(images/top-of-page.gif) right center no-repeat; margin: 0; padding: 0 20px 0 0; } 
#toplink a:hover { color: #111; background: url(images/top-of-page-over.gif) right center no-repeat; } 

#eventbox { border: 1px solid #999; background: #F3F3F3; padding: 15px; margin: 0 0 15px 0; line-height: 140%; font-size: 100%; }
#eventbox h3 { font-size: 115%; padding: 0; margin: 0 0 5px 0; } 

/* this style used for ebent_name in the events listings*/
.larger { font-size: 130%; line-height: 150%; }

#footer { background: #A3AD8F; color: #FFF; margin: 0; padding: 15px; border-top: 3px solid #FFF; }
#footertitle { font-size: 130%; padding: 0; margin: 0 0 10px 0; font-weight: bold; }
#footer a { color: #FFF; text-decoration: none; margin: -3px 2px 1px 2px; padding: 0; font-size: 90%; line-height: 100%; }
#footer a:hover { text-decoration: underline; }
#copydate { color: #FFF; font-size: 85%; text-align: left; padding: 0; margin: 10px 0 0 0; line-height: 150%; } 
#photouse { color: #FFF; font-size: 85%; text-align: left; padding: 0; margin: 10px 0 0 0; } 

/*
#footer ul { width: 200px; float: left; margin: 0 90px 0 0; padding: 6px 6px 6px 0px; border-right: 1px solid #CCC;  }
#footer ul.hindmost { width: 200px; float: left; margin: 0; padding: 6px 6px 6px 0px; border-right: 0px solid #CCC;  }
#footer ul li { margin: 0; padding: 0; list-style: none; margin: 0px 0 2px 0; }
#footer ul li a { color: #FFF; text-decoration: none; border-bottom: 0px dotted #EEE; padding: 0; margin: 0px 0 2px 0; }
#footer ul li a:hover { color: #FFF; border-bottom: 1px solid #EEE;  }
#clapperrailfooter { float: left; /*height: 183px; width: 174px; padding: 0; margin: 0 10px 0px 0; }
*/