/* 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(https://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;
}