/* main_content01a.css, ver. 1, updated 03.06.06 Principal Cascading Style Sheet / basic styles www.albany.edu, University at Albany */ /*-- This line defines a link as dark red without an underline */ a { color: #9a211e; text-decoration: none; } /*-- This line defines a visited link as dark blue */ a:visited { color: #000080; } /*-- This line defines a hover link with an underline */ a:hover { text-decoration: underline; } /*-- This line defines body text */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000000; background-color: #dac880; margin-top: 0; } /*-- This line defines table data */ td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000000; } /*-- This line defines paragraph text */ p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; } /*-- This line defines an ordered list */ ol { list-style-position: inside; padding-left: 5px; margin-left: 5px; } /*-- This line defines an ordered list, bulleted outside of list */ ol.outside { list-style-position: outside; padding-left: 0px; margin-left:33px; } /*-- This line defines an unordered list */ ul { list-style-position: inside; list-style-type: disc; padding-left: 6px; margin-left: 6px; } /*-- This line defines an unordered list, bulleted outside of list */ ul.outside { list-style-position: outside; list-style-type: disc; padding-left: 0px; margin-left: 29px; } /*-- This line defines a 10px indent for a paragraph */ .indent10px { text-indent: 10px; } /*-- This line defines a 25px indent for a paragraph */ .indent25px { text-indent: 25px; } /*-- This line defines a paragraph as centered */ .center { text-align: center; } /*-- This line defines a paragraph as flush right */ .flushright { text-align: right; } /*-- This line defines heading 1 (h1 has no specified application at this time) */ .h1 { font-size: 1.85em; font-style: normal; font-weight: bolder; letter-spacing: -.05em; } /*-- This line defines heading 1 as optional medium yellow ochre for more subtle titling needs (h1 has no specified application at this time) */ .h1tan { font-size: 1.85em; font-style: normal; font-weight: bolder; color: #cbaf42; letter-spacing: -.05em; } /*-- This line defines heading 1 as a red (h1 has no specified application at this time) */ .h1red { font-size: 1.85em; font-style: normal; font-weight: bolder; color: #9a211e; letter-spacing: -.05em; } /*-- This line defines heading 1 as a blue (h1 has no specified application at this time) */ .h1blue { font-size: 1.85em; font-style: normal; font-weight: bolder; color: #204875; letter-spacing: -.05em; } /*-- This line defines heading 2 */ .h2 { font-size: 1.65em; font-style: normal; font-weight: bolder; letter-spacing: -.05em; } /*-- This line defines heading 2, as optional medium yellow ochre for more subtle titling needs */ .h2tan { font-size: 1.65em; font-style: normal; font-weight: bolder; color: #cbaf42; letter-spacing: -.05em; } /*-- This line defines heading 2, the standard red page content title. Most pages will begin with this h2 heading */ .h2red { font-size: 1.65em; font-style: normal; font-weight: bolder; color: #9a211e; letter-spacing: -.05em; } /*-- This line defines heading 2, as a blue */ .h2blue { font-size: 1.65em; font-style: normal; font-weight: bolder; color: #204875; letter-spacing: -.05em; } /*-- This line defines heading 3 */ .h3 { font-size: 1.4em; font-style: normal; font-weight: bold; letter-spacing: -.04em; } /*-- This line defines heading 3, as optional medium yellow ochre for more subtle titling needs */ .h3tan { font-size: 1.4em; font-style: normal; font-weight: bolder; color: #cbaf42; letter-spacing: -.04em; } /*-- This line defines heading 3, as a red */ .h3red { font-size: 1.4em; font-style: normal; font-weight: bolder; color: #9a211e; letter-spacing: -.04em; } /*-- This line defines heading 3, as a red */ .h3blue { font-size: 1.4em; font-style: normal; font-weight: bolder; color: #204875; letter-spacing: -.04em; } /*-- This line defines heading 4, as optional medium yellow ochre for more subtle titling needs */ .h4 { font-size: 1.15em; font-style: normal; font-weight: bold; letter-spacing: -.04em; } /*-- This line defines heading 4, as optional medium yellow ochre for more subtle titling needs */ .h4tan { font-size: 1.15em; font-style: normal; font-weight: bold; color: #cbaf42; letter-spacing: -.04em; } /*-- This line defines heading 4, as a red */ .h4red { font-size: 1.15em; font-style: normal; font-weight: bold; color: #9a211e; letter-spacing: -.04em; } /*-- This line defines heading 4, as a blue */ .h4blue { font-size: 1.15em; font-style: normal; font-weight: bold; color: #204875; letter-spacing: -.04em; } /*-- This line defines heading 5 */ .h5{ font-size: 1.1em; font-style: normal; font-weight: bold; letter-spacing: -.04em; } /*-- This line defines heading 5, as optional medium yellow ochre for more subtle titling needs */ .h5tan { font-size: 1.1em; font-style: normal; font-weight: bold; color: #cbaf42; letter-spacing: -.04em; } /*-- This line defines heading 5, as a red */ .h5red { font-size: 1.1em; font-style: normal; font-weight: bold; color: #9a211e; letter-spacing: -.04em; } /*-- This line defines heading 5, as a blue */ .h5blue { font-size: 1.1em; font-style: normal; font-weight: bold; color: #204875; letter-spacing: -.04em; } /*-- This line defines heading 6 */ .h6{ font-size: 1em; font-style: normal; font-weight: bold; letter-spacing: -.04em; } /*-- This line defines heading 6, as optional medium yellow ochre for more subtle titling needs */ .h6tan { font-size: 1em; font-style: normal; font-weight: bold; color: #cbaf42; letter-spacing: -.04em; } /*-- This line defines heading 6, as a red */ .h6red { font-size: 1em; font-style: normal; font-weight: bold; color: #9a211e; letter-spacing: -.04em; } /*-- This line defines heading 6, as a blue */ .h6blue { font-size: 1em; font-style: normal; font-weight: bold; color: #204875; letter-spacing: -.04em; } /*-- This line defines small text as .8em */ .smalltext { font-size: 0.8em; line-height: 1.1em; } /*-- This line defines small text as .9em */ .smalltext9em { font-size: 0.9em; line-height: 1.1em; } /*-- This line defines third column main heading */ .sidehead { font-size: 0.8em; color: #204875; text-align: left; text-transform: uppercase; font-weight: bold; } /*-- This line defines third column text */ .sidecontent { font-size: .8em; text-align: left; line-height: 1.1em; } /*-- This line defines a caption as small text. Italics should be applied using a SPAN tag. */ .caption { font-size: .85em; font-style: oblique; } /*-- This line defines a bold area */ .bold { font-weight: bold; } /*-- This line defines as italic */ .italic { font-style: oblique; } /*-- This line defines text with an underscore */ .underscore { text-decoration: underline; } /* The following span styles have been added for FrontPage users: .bold, .italic, .underscore, .caption, .sidecontent, .sidehead, smalltext, and .smalltext9em.*/ span.smalltext { font-size: 0.8em; line-height: 1.1em; } span.smalltext9em { font-size: 0.9em; line-height: 1.1em; } span.sidehead { font-size: 0.8em; color: #204875; text-align: left; text-transform: uppercase; font-weight: bold; } span.sidecontent { font-size: .8em; text-align: left; line-height: 1.1em; } span.caption { font-size: .85em; font-style: oblique; } span.bold { font-weight: bold; } span.italic { font-style: oblique; } span.underscore { text-decoration: underline; } span.wborderfull2px { border-width: 2px; border-style: solid; border-color: #ffffff; } /*-- This line defines text as white */ .whitetext { color: #ffffff; } /*-- This line defines text as darktan */ .textdarktan { color: #cbaf42; } /*-- This line defines a 2px white box */ .wborderfull2px { border-width: 2px; border-style: solid; border-color: #ffffff; } /*-- This line defines a 2px white bottom border rule */ .wborderbottom1px { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; } /*-- This line defines a 1px white right border rule */ .wborderright1px { border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; } /*-- This line defines a 1px white right border rule */ .wborderleft1px { border-left-width: 1px; border-left-style: solid; border-left-color: #ffffff; } /*-- This line defines a horizontal rule as medium yellow ochre */ hr { height: 1px; width: 100%; color: #caaf44; } /*-- This line defines a 1px dark yellow ochre top rule */ .topbordercbaf42 { border-top-width: 1px; border-top-style: solid; border-top-color: #cbaf42; } /*-- This line defines a 1px dark yellow ochre bottom rule */ .botbordercbaf42 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbaf42; } /*-- This line defines page bottom global navigation text */ .pagebottomnav { font-size: .8em; text-align: center; font-weight: bolder; } /*-- This line defines a light tan background */ .td_litetan { background-color: #f8f2dc; } /*-- This line defines a med tan background */ .td_medtan { background-color: #dac880; } /*-- This line defines a dark tan background */ .td_darktan { background-color: #cbaf42; } /*-- This line defines a 1px wide, solid, right side rule, dark tan */ .td_bordrtdarktan { border-right-width: 1px; border-right-style: solid; border-right-color: #cbaf42; } /*-- This line defines a 1px wide, solid, bottom rule, light tan */ .td_bordbotlitetan { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f8f2dc; } /*-- This line defines a 1px wide, solid, left rule, light tan */ .td_bordleftlitetan { border-left-width: 1px; border-left-style: solid; border-left-color: #f8f2dc; } /*-- This line defines a 1px wide, solid, left rule, light tan */ .td_bordleft_botlitetan { border-left-width: 1px; border-left-style: solid; border-left-color: #f8f2dc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f8f2dc; } /* This line defines a table that CONTAINS a two-celled table that is 1block, a design element option. This shell can also be filled with a graphic image of text and a photo using supplied PSD file. */ .td_1block_shell { height: 126px; width: 388px; border: 2px solid #ffffff; } /* This line defines the left table cell size, color and text for a 1block table */ .td_1block_left { background-color: #b12616; height: 126px; width: 127px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; } /* This line defines the left table cell size, color and text for a 1block table */ .td_1block_left_4E6F7E { background-color: #4E6F7E; height: 126px; width: 127px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; } /* This line defines a table that CONTAINS a six-celled table that is 4block2, a design element option. This shell can also be filled with a graphic image of text and a photo using supplied PSD file. */ .td_4block2_shell { height: 126px; width: 388px; border: 2px solid #ffffff; } /*-- This line defines a top left table cell color and text for a 4block2 table */ .td_4block2_topleft { background-color: #f69d00; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; text-transform: uppercase; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; } /*-- This line defines a top right table cell color and text for a 4block2 table */ .td_4block2_topright { background-color: #ad4d35; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; text-transform: uppercase; } /*-- This line defines a bottom left table cell color and text for a 4block2 table */ .td_4block2_botleft { background-color: #5d9a91; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; } /*-- This line defines a bottom right table cell color and text for a 4block2 table */ .td_4block2_botright { background-color: #8d558d; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; } /* This line defines a table that CONTAINS a six-celled table that is 4block3, a design element option. This shell can also be filled with a graphic image of text and a photo using supplied PSD file. */ .td_4block3_shell { height: 126px; width: 388px; border: 2px solid #ffffff; } /*-- This line defines a top left table cell color and text for a 4block3 table */ .td_4block3_topleft { background-color: #9b6a83; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; text-transform: uppercase; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; } /*-- This line defines a top right table cell color and text for a 4block3 table */ .td_4block3_topright { background-color: #c2934b; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; text-transform: uppercase; } /*-- This line defines a bottom left table cell color and text for a 4block3 table */ .td_4block3_botleft { background-color: #70b598; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; } /*-- This line defines a bottom right table cell color and text for a 4block3 table */ .td_4block3_botright { background-color: #6b99ff; height: 63px; width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; } /*-- This line defines the left nav cell as having a repeating 1 pixel background that appears to run behind the nav buttons */ .td_leftnav { background-image: url(http://www.albany.edu/webtemplates/version02/banner_nav/leftnavbg_repeat.gif); background-repeat: repeat-y; } /* This line defines the left nav spacer (horizontal divider rule) */ .leftnav_spacer { background-color: #cbaf42; height: 9px; border-top-style: solid; border-top-color: #dac880; border-top-width: 1px; } /* This line defines a standard left navigational button */ .leftnav_button { background-color: #cbaf42; width: 161px; font-size: 0.5em; color: #000000; font-weight: bold; text-transform: uppercase; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #cbaf42; border-top-width: 1px; border-left-width: 10px; border-left-style: solid; vertical-align: middle; } /* This line defines a standard left navigational text hyperlink as black */ .leftnav_button a:link {color: #000000;} /* This line defines a standard left navigational visited text hyperlink as black */ .leftnav_button a:visited {color: #000000;} /* This line defines a standard left navigational text hyperlink as red when hovered */ .leftnav_button a:hover { color: #9A211E; text-decoration: none; } /* This line defines a standard left navigational button text as red in all states. It is used to notate the page currently displayed */ .leftnav_breadcrumb { background-color: #cbaf42; width: 161px; font-size: 0.5em; color: #9A211E; font-weight: bold; text-transform: uppercase; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #cbaf42; border-top-width: 1px; border-left-width: 10px; border-left-style: solid; vertical-align: middle; } /* This line defines a left sub-navigational breadcrumb text hyperlink as red */ .leftnav_breadcrumb a:link {color: #9A211E;} /* This line defines a left sub-navigational breadcrumb visited text hyperlink as red */ .leftnav_breadcrumb a:visited {color: #9A211E;} /* This line defines a left sub-navigational breadcrumb text hyperlink as red when hovered */ .leftnav_breadcrumb a:hover { color: #9A211E; text-decoration: none;} /* This line defines a left sub-navigational button, subordinate to a standard left nav button*/ .leftsubnav_button { background-color: #cbaf42; width: 161px; font-size: 0.5em; color: #000000; font-weight: bold; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #cbaf42; border-top-width: 1px; border-left-width: 17px; border-left-style: solid; vertical-align: middle; } /* This line defines a left sub-navigational text hyperlink as black */ .leftsubnav_button a:link {color: #000000;} /* This line defines a left sub-navigational visited text hyperlink as black */ .leftsubnav_button a:visited {color: #000000;} /* This line defines a left sub-navigational text hyperlink as red when hovered */ .leftsubnav_button a:hover { color: #9A211E; text-decoration: none;} /* This line defines a left sub-navigational button text as red in all states. It is used to notate the page currently displayed */ .leftsubnav_breadcrumb { background-color: #cbaf42; width: 161px; font-size: 0.5em; color: #9A211E; font-weight: bold; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #cbaf42; border-top-width: 1px; border-left-width: 17px; border-left-style: solid; vertical-align: middle; } /* This line defines a left sub-navigational breadcrumb text hyperlink as red */ .leftsubnav_breadcrumb a:link {color: #9A211E;} /* This line defines a left sub-navigational breadcrumb visited text hyperlink as red */ .leftsubnav_breadcrumb a:visited {color: #9A211E;} /* This line defines a left sub-navigational breadcrumb text hyperlink as red when hovered */ .leftsubnav_breadcrumb a:hover { color: #9A211E; text-decoration: none;} /* This line defines a sectional left navigational button */ .leftnavblue_button { background-color: #433364; width: 161px; font-size: 0.5em; color: #E8D9A5; font-weight: bold; text-transform: uppercase; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #433364; border-top-width: 1px; border-left-width: 10px; border-left-style: solid; vertical-align: middle; } /* This line defines a sectional left navigational text hyperlink as light grey */ .leftnavblue_button a:link {color: #E8D9A5;} /* This line defines a sectional left navigational visited text hyperlink as light grey */ .leftnavblue_button a:visited {color: #E8D9A5;} /* This line defines a sectional left navigational text hyperlink as white when hovered */ .leftnavblue_button a:hover { color: #ffffff; text-decoration: none;} /* This line defines a sectional navigational button text as white in all states. It is used to notate the page currently displayed */ .leftnavblue_breadcrumb { background-color: #433364; width: 161px; font-size: 0.5em; color: #ffffff; font-weight: bold; text-transform: uppercase; height: 19px; border-top-style: solid; border-top-color: #dac880; border-left-color: #433364; border-top-width: 1px; border-left-width: 10px; border-left-style: solid; vertical-align: middle; } /* This line defines a left sub-navigational breadcrumb text hyperlink as red */ .leftnavblue_breadcrumb a:link {color: #ffffff;} /* This line defines a left sub-navigational breadcrumb visited text hyperlink as red */ .leftnavblue_breadcrumb a:visited {color: #ffffff;} /* This line defines a left sub-navigational breadcrumb text hyperlink as red when hovered */ .leftnavblue_breadcrumb a:hover { color: #ffffff; text-decoration: none;} /* This line defines a cell that CONTAINS the page title cell. It appears at the top of the main content of a page */ .pagetitleshell { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbaf42; height: 48px; width: 591px; } /* This line defines a standard page title. It should be nested in the .pagetitleshell cell */ .pagetitle { font-family: "Times New Roman", Times, serif; font-size: 2.3em; color: #bd942a; text-align: right; border-right-width: 15px; border-right-style: solid; border-right-color: #f8f2dc; height: 48px; width: 591px; } /* This line defines a cell that CONTAINS the college/school department page title cell. It appears at the top of the main content of a page */ .pagetitle_deptshell { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbaf42; height: 40px; width: 591px; text-align: right; } /* This line defines a college/school department page title. It should be nested in the .pagetitle_deptshell cell */ .pagetitle_dept { font-family: "Times New Roman", Times, serif; font-size: 1.77em; color: #bd942a; text-align: right; border-right-width: 15px; border-right-style: solid; border-right-color: #f8f2dc; height: 40px; width: 591px; }