.clear { clear: both; } .hide { display: none; } /*-------------------------------------------------------------------- Paragraph Tags ---------------------------------------------------------------------- */ p, .photoMainDescription { text-align: left; padding: 0; line-height: 22px; margin: 15px 0; color: #303030; } p a:link, a { color: #0079bc; border-bottom: none; text-decoration: underline; } p a:hover { text-decoration: none; background-color: #d5e2ff; color: #000; } a img { border: none; } /*-------------------------------------------------------------------- Heading Tags (H1, H2, etc.) ---------------------------------------------------------------------- */ h1 { font-size: 250%; font-family: Georgia, Times, serif; text-align: left; color: #666633; margin: 10px 0; padding: 0; font-weight: normal; } h2 { font-size: 19px; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #336699; margin: 0 0 10px 0; padding: 0; } /* -- DESIGNER'S NOTE: The H3 tag has a border that runs below it. DO NOT use this tag for a heading if you have an image justified to the left or to the right within a block of text. -- */ h3 { font-size: 17px; font-family: Georgia, Times, serif; color: #1b2739; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #1b2739; border-length: auto; position: relative; left: inherit; } h3 a:link, h3 a { text-decoration: none; } /* -- DESIGNER'S NOTE: The H4 tag looks like the H3 tag without the border. -- */ h4 { font-size: 17px; font-family: Georgia, Times, serif; text-align: left; color: #1b2739; margin: 0; padding: 0; } h4 a:link, h4 a { text-decoration: none; } h4 a:hover { text-decoration: none; background-color: #d5e2ff; color: #333; } /* -- DESIGNER'S NOTE: The H5 tag has a border that runs below it. DO NOT use this tag for a heading if you have an image justified to the left or to the right within a block of text. -- */ h5 { font-size: 15px; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #564f37; margin: 0 0 5px 0; padding: 0; border-bottom:1px solid #564f37; } h5 a:link, h5 a { border-bottom: none; text-decoration: none; } /* -- DESIGNER'S NOTE: The H6 tag looks like the H5 tag without the border. -- */ h6 { font-size: 15px; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #564f37; margin: 0 0 3px 0; padding: 0; } /*-------------------------------------------------------------------- Unordered List ---------------------------------------------------------------------- */ ul { list-style: disc; font-family: Georgia, Times, serif; color: #4c4c4c; } ul li { padding: 0; } ul li a:link, ul li a { border-bottom: none; } /*-------------------------------------------------------------------- Homepage Slot Styles ---------------------------------------------------------------------- */ .homepage_slot { padding: 8px 0; margin: 0 0 8px 0; } .homepage_slot h2 { font-size: 125%; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; color: #880000; font-weight: normal; } .homepage_slot h4 { font-size: 110%; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; } .homepage_slot p { font-size: 95%; line-height: 16px; margin: 8px 0; } .homepage_slot img { float: left; border: none; padding: 0 8px 0 0; margin: 0; } .homepage_slot a { font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 85%; } .pub_date { font-family: Tahoma, Arial, Verdanan, sans-serif; font-size: 75%; margin: 0; padding: 0; line-height: normal; color: #727272; } .web_address { font-family: Tahoma, Arial, Verdanan, sans-serif; font-size: 75%; margin: 0; padding: 0; line-height: normal; color: #727272; } /*-------------------------------------------------------------------- Columns ---------------------------------------------------------------------- */ /* .column100 { float:left; width:270px; margin: 0 20px 20px 0; text-align: justify; padding: 0; } .column100 p { line-height: 22px; color: #4c4c4c; font-family: Tahoma, Verdana, Arial, sans-serif; display: block; } */ .column100 { float:left; width:100px; margin: 0; } .column150 { float:left; width:150px; margin: 0; padding-left:10px; } .column200 { float:left; width:200px; margin: 0; } .column225 { float:left; width:225px; margin: 0; } .column250 { float:left; width:250px; margin-right: 15px; } .column300 { float:left; width:300px; margin-right: 15px; } .column330 { float:left; width:330px; margin-right: 15px; } .column355 { float:left; width:355px; margin-right: 15px; } .column400 { float:left; width:400px; margin-right: 15px; } .column450 { float:left; width:450px; margin-right: 15px; } .column500 { float:left; width:500px; margin-right: 15px; } .column100 img { max-width: 90px; height: auto; } .column150 img { max-width: 140px; height: auto; } .column200 img { max-width: 190px; height: auto; } .column225 img { max-width: 200px; height: auto; } .column250 img { max-width: 230px; height: auto; } .column300 img { max-width: 280px; height: auto; } .column330 img { max-width: 310px; height: auto; } .column355 img { max-width: 325px; height: auto; } .column400 img { max-width: 380px; height: auto; } .column450 img { max-width: 320px; height: auto; } .column500 img { max-width: 480px; height: auto; } /*-------------------------------------------------------------------- Image Styles WITH Borders ---------------------------------------------------------------------- */ .image_left, .imgLeftBorder { float:left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 4px 15px 5px 2px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .image_left img { border: 2px solid #eee; } .icon_left { float:left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 4px 15px 5px 2px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .icon_left img { border: 2px solid #660000 /*maroon*/; } .image_right, .imgRightBorder { float:right; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 4px 2px 5px 15px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .image_right img { border: 2px solid #eee; } .icon_right { float:right; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 4px 2px 5px 15px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .icon_right img { border: 2px solid #660000 /*maroon*/; } .image_wide { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 12px auto; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .image_wide img { margin: 6px auto; border: 2px solid #eee; } .icon_wide { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 12px auto; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; } .icon_wide img { margin: 6px auto; border: 2px solid #660000 /*maroon*/; } /*-------------------------------------------------------------------- Image Styles WITHOUT Borders ---------------------------------------------------------------------- */ .noborder_left { float:left; margin: 4px 15px 5px 2px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; border:0; } .noborder_right { float:right; margin: 4px 2px 5px 15px; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; border:0; } .noborder_wide { margin: 12px auto; padding: 5px; text-align: center; font-size: 70%; font-family: Verdana, sans-serif; font-weight: normal; color: #000; line-height: 14px; border:0; } /*-------------------------------------------------------------------- Form Styles ---------------------------------------------------------------------- */ #EmailForm input { float:left; } #EmailForm label { float:left; width:40%; line-height:1.5em; padding-right:10px; text-align:right; } #EmailForm div { clear:both; padding: 10px 0; } #EmailForm h3 { clear:both; margin: 15px 0 5px 0; } #EmailForm { border: 0; } fieldset { border: none; } .checkboxquestion { float:left; } /*-------------------------------------------------------------------- FlickrAPI (Sets, Collections, and Regular) ---------------------------------------------------------------------- */ .galleryImage { display:block; float:left; width: 170px; height: 210px;padding: 10px; font-family: Arial, Verdana, Sans-serif; font-size: 10px; } .displayImage { display:block; width: 588px; text-align:center; padding: 20px; } .verticalImage { margin: 20px 0; } .galleryBox { display:block; width: 588px; } .verticalBox { text-align:center; } .photoMainTitle { } .photoMainDescription { margin: 15px 0; } .photoTitle { font-weight:bold; font-family: Georgia; text-transform: uppercase; } .photoImage img { margin: 10px 0; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; padding: 8px; } .photoDescription { font-family: Arial; text-align: center; font-size: 90%; margin: 0; padding: 0; line-height: normal; border-bottom: 1px dotted #eee; padding: 0 0 20px 0; text-transform: none; } div.photoSetWrapper { } ul.photoSetWrapper { list-style-type:none; margin:0;padding:0; } ul.photoSetWrapper li { display: block; } div.photoSetBlock { float: left; width: 275px; display: block; padding: 6px; } .photoSetImage { float: left; margin: 0 8px 5px 0; } .photoSetImage img { border: 1px solid #3c71cf; } div.photoSetBlock .photoSetTitle { font-weight: bold; font-size: 12px; } .photoSetNumPhotos { font-style: italic; font-size: 10px; } .photoSetDescription { font-size: 11px; color: #646464; } .photoSetGalleryLink { text-align: right; } .photoCollectionMainTitle { font-size: 24px; font-weight: bold; color: #191d4d; border-bottom: 1px solid #191d4d;} .photoCollectionTitle { font-size: 16px; font-weight: bold; } .photoCollectionWrapper { padding: 5px; } .photoCollectionDescription { font-size: 11px; color: #646464; } .photoCollectionColumnLeft { float: left; width: 105px; } .photoCollectionColumnRight { float: left; width: 430px; } /*-------------------------------------------------------------------- Ditto (News) ---------------------------------------------------------------------- */ .ditto_page { margin: 0 2px; } /*-------------------------------------------------------------------- Listserv ---------------------------------------------------------------------- */ .listBlock { float: left; width: 270px; height: 140px; margin: 0 20px 0 0; font-size:13px; } .listTitle { font-weight:bold; font-size:12px; } .listDescription { font-style: italic; } .listTop { padding: 20px 0; } .listInput { width: 500px; height: 20px; padding: 3px 0;} .listInput label { float: left; width: 200px; } .listInput input { float: left; width: 200px; } .listError { padding: 10px; border: 2px dashed red; background-color: #66ff99; color: #333333; width: 300px; } /*-------------------------------------------------------------------- Media Player ---------------------------------------------------------------------- */ ul#mediaplayer { width: 570px; height: auto; /* background-image: url("/jwplayer/barBg.jpg"); */ margin:0; padding:0; float:left; } ul#mediaplayer li { padding:4px 8px; list-style:none; float:left; font-weight:normal; margin: 0; font-size: 15px; } ul#mediaplayer li a { text-decoration:none; display:block; padding: 0; } ul#mediaplayer li a:hover { color:#FFFFFF; background:#000066; } /*-------------------------------------------------------------------- Google Events ---------------------------------------------------------------------- */ .google_cal_wrapper { margin: 20px 0; } .google_cal_googlelink { float:right; border: 1px dotted navy; padding: 6px; background-color: #cccccc; } #homepage_sideNav .google_cal_wrapper { margin: 5px 0 8px 0; } #homepage_sideNav .google_cal_location { font-size: 11px; font-style: italic; color: white; } #homepage_sideNav .google_cal_date { font-size: 11px; color: white; } #homepage_sideNav .google_cal_more { font-size: 11px; color: white; } #homepage_sideNav a { color: white; } #homepage_sideNav a:hover { color: #f38dc3; } #right_col .google_cal_wrapper { margin: 5px 0 8px 0; } #right_col .google_cal_wrapper h4 { font-size: 12px; font-weight: bold; margin: 0; } #right_col .google_cal_location { font-size: 11px; font-style: italic; } #right_col .google_cal_date { font-size: 11px; } #right_col .google_cal_more { font-size: 11px; } /*-------------------------------------------------------------------- Image Rotator ---------------------------------------------------------------------- */ #hpslider_out { width: 795px; height: 250px; align:right; background-repeat: no-repeat; background-position: 50% 50%; display: block; } #hpslider_in { width: 795px; height: 250px; align:right; background-repeat: no-repeat; background-position: 50% 50%; display: block; cursor: pointer; } #hpslider_txt { width: 785px; height: 5em; background-color: #0B0B3B; padding: 4px; text-align: left; } #hpslider_txt a { color: #0066FF; } #hpslider_txt a:hover { color: #f38dc3; }