@charset "UTF-8";
/* CSS Document */
/* GLOBAL CSS DOCUMENT ----------------------------------- Updated 5/29/08 */
/* Changed font-sizes to percentage. Changed font-family. */
/* Gold shades - background-color:#d8ae40, banner2:#eddd90, top submenu: #f6eca6, rail:#fbf7db, dark-gold text: #8c6611
Purple shakes - banner: #5c1c75, darker purple:#4a155a,*/
/* Added .skiplink class for Accessibility - THE FOLLOWING SHOULD BE ADDE3D TO EVERY PAGE!! Put this AFTER title tag on every page: Skip to main content -- And put this BEFORE h1 tag on every page: . */
html body {behavior:url("csshover.htc"); color:#000; background-color:#fff; /*#fdf9e1 */ font-family: Helvetica, "Microsoft Sans Serif", Arial, sans-serif; height:auto; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding:0px; font-size:11pt; }
img { border:0px; margin:10px; }
img.nopadding {margin:0px; padding:0px; }
img.image-medmargin {margin:20px padding:0px; }
img.image-right { float:right; margin:5px 0px 5px 5px;padding:0px; border:1px ridge #333; }
img.image-left { float:left; margin:5px 5px 5px 0px; padding:0px; border:1px ridge #333; }
img.image-center { float:none; margin:5px; padding:0px; border:1px ridge #333; text-align:center; }
.image-caption {text-align:left; font-size: 70%; font-weight:bold; margin:0px; padding:0px 5px; }
a.skiplink:link { display:none; }
/* ----------------------------------STYLES FOR BANNERS AND TOP NAV ---------------------------------- */
#banner1 { display:none; height:0px; margin:0px; padding:0px; text-align:center; vertical-align:bottom; }
#banner1-container { height:0px; text-align:center; margin:0px auto; }
#sjcc-title { display:none; float:none; text-align:left; }
#banner1-right { display:none; }
form#search { display:none; }
#search label { display:none; }
input#searchbox {display:none; }
input#go { display:none; }
#banner2 { display:none; height:0px; width:auto; margin:0px auto; padding:0; border:0px; }
#topnav { width:auto; margin:0px auto; text-align:left; vertical-align:middle; overflow:auto; }
#nav, #nav ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
line-height: 1.1;
z-index:100;
}
#nav a:link, #nav a:visited {
display: block;
padding:3px 26px 3px 26px;
/* padding:3px 16px 3px 5px;modified on 4/15/08 */
margin: 0px;
font-size:75%;
letter-spacing:normal;
font-weight:bold;
text-decoration:none;
}
#nav li { /* all list items */
text-align: left;
margin:0px;
padding:0px; /*added 4/15/08 */
/* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
display:none;
}
#nav li ul ul { /* third-and-above-level lists */
display:one;
}
/* --------------------------- STYLES FOR CONTAINER, RAIL, AND LEFT NAV --------------------------- */
#container {
float:none !important;
background-color:#fff;
margin: 0px auto 0px auto;
padding:0px;
border:0px;
text-align: left;
}
#container-norail {
float:none !important;
background-color:#fff;
margin: 0px auto 0px auto;
padding:0px;
border:0px;
overflow:visible;
width:auto;
margin: 15px auto 0px auto;
padding:10px;
text-align: left;
}
/* * html #container{
height:1%;
width:760px;
So IE plays nice ;BUT removing this draws LR borders in FF
} */
#rail{
float:none !important;
width:42mm;
/* margin-left:-150px; to remove space between rail & container*/
text-align:center;
}
#rail a {
text-decoration:none;
}
#sidelogo {
border:0px;
text-align:center;
margin:0px;
padding:15px 5px 5px 5px;
}
h4.sjcchome a:link, h4.sjcchome a:visited {
font-size:12px;
text-align:center;
font-weight:bold;
letter-spacing:1px;
margin:0px;
padding:5px;
}
h4.sjcchome-homepage a:link, h4.sjcchome-homepage a:visited {
font-size:12px;
text-align:center;
font-weight:normal;
margin:0px;
padding:5px;
visibility:hidden;
}
h4.sidemenutitle {
font-size:13px;
text-align:center;
font-weight:bold;
font-variant:small-caps;
margin: 25px 0px 0px 0px;
padding:0px 5px;
}
ul.leftnav1 {
list-style-type:none;
/*text-align:right; */
text-align:left;
padding:5px 5px 5px 10px;
margin:0px;
}
ul.leftnav1 li {
/* text-align:right; */
text-align:left;
font-weight:normal;
font-size:11px;
font-weight:bold;
line-height:110%;
margin: 12px 0px 10px 0px;
}
ul.leftnav1A {
list-style-type:none;
/*text-align:right; */
text-align:left;
padding:5px 5px 5px 15px;
margin:0px;
}
ul.leftnav1A li {
/* text-align:right; */
text-align:left;
font-weight:normal;
font-weight:bold;
line-height:110%;
margin-left:-10px;
margin: 12px 0px 10px 0px;
}
ul.leftnav2 {
list-style-type:none;
text-align:left;
padding:4px 0px 0px 10px;
margin:0px;
}
ul.leftnav2 li {
text-align:left;
font-weight:bold;
margin:0px 0px 3px 0px;
}
ul.leftnav2A {
list-style-type:none;
text-align:left;
font-weight:bold;
padding:4px 0px 0px 10px;
margin:0px;
}
/* ---------------------------------- STYLES FOR CONTENT DIV ---------------------------------- */
#content { clear:none; float:none !important; width:auto; height:auto; border:0px; /* The width and color of the rail */ margin-left:0px; margin-top:0px; /* Hat tip to Ryan Brill */ padding:5px 10px 10px 10px; font-family: Helvetica, "Microsoft Sans Serif", Arial, sans-serif; font-size:11pt; z-index:-2; }
#topimage { display:none; clear:right; }
#rightcolmenu { display:none; }
.leftcol { float:left; clear:left; width:48%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.rightcol {float:right ;clear:right; width:48%; margin: 0px; padding:5px 0px 5px 4px; text-align:left; vertical-align:top; }
.leftcol-wide {float:left; clear:left; width:64%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.leftcol-narrow {float:left; clear:left; width:33%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.rightcol-wide {float:right; clear:right; width:64%; margin: 0px; padding:5px 0px 5px 4px; text-align:left; vertical-align:top; }
.rightcol-narrow {float:right; clear:right;width:33%; margin: 0px; padding:5px 0px 5px 4px; text-align:left; vertical-align:top; }
.onecol {clear:both; margin:0px; padding: 5px 0px; width:auto; }
.sixcol { float:left; width:16%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.fivecol { float:left; width:20%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.fourcol { float:left; width:24%; margin: 0px; padding:5px 4px 5px 0px; text-align:left; vertical-align:top; }
.leftcol-wide ul, .leftcol-narrow ul, .rightcol-wide ul, .rightcol-narrow ul {margin-left:1.5em; padding-left:0em; }
li {margin-top:0.1em; margin-bottom:0.5em; }
ul.list-compact li, ol.list-compact li {margin-top:0em; margin-bottom:0.2em; }
ul.nobullets {list-style-type:none; margin-left:0.5em; padding-left:0.5em; }
ul.goldbullets {list-style-image:url(../images/bullet-gold.gif); margin:0.1em 0em 0.3em 1em; padding-left:1em; }
ol.lowercasea {list-style-type:lower-alpha; }
ul.smallindent, ol.smallindent {margin:0em 0em 0em 1em; padding:0em; }
ul.noindent, ol.noindent {margin-left:0em; padding-left:0em; }
h1 { font-size:170%; color:#4a155a; margin:5px 0px 10px 0px; padding:0px; font-weight:normal; }
h2 { font-size:135%; color:#999; margin:12px 0px 3px 0px; padding: 0px; font-weight:bold; }
h3 { font-size:115%; color:#4a155a; margin:6px 0px 4px 0px; font-weight:bold; }
h4 { font-size:105%; color:#8c6611; font-weight:normal; margin:5px 0px 0px 0px; padding:0px;}
h5 { font-size:92%; color:#000; font-weight:bold; margin: 4px 0px 0px 0px; padding: 0px; }
.nobottommargin {margin-bottom:0px; padding-bottom:0em; }
.notopmargin {margin-top:0px; padding-top:0em; }
.center {text-align:center; display:block; }
.redtext {color:#cc0000; }
.greentext {color:#006600; }
.purpletext {color:#4a155a; }
#content p {line-height:1.25; }
.lead { font-weight:bold; margin-left:20px;}
.comment { font-style:italic; }
.important {font-weight:bold; font-style:italic; }
.emphasis {font-weight:bold; }
.emphasis-color {font-weight:bold; color:#8c6611; }
.publication {font-style:italic; }
.note {font-size:70%; font-weight:bold; }
div.clear { clear:both; width:auto; height:1px;}
/* ---------------------------------- STYLES FOR TABLES ---------------------------------- */
table {font-family: Helvetica, "Microsoft Sans Serif", Arial, sans-serif; font-size:90%; margin:0px; border-collapse:collapse; table-layout:auto; }
td { text-align:left; vertical-align:top; padding:2px 5px; }
th {font-family:"Lucida Sans", "Lucida Grande", "Lucida Blackletter", "Comic Sans MS"; font-weight:bold; color:#4a155a; vertical-align:middle; text-align:center; padding:2px 5px; }
/* STYLES FOR TABLES WITH DIFFERENT CELL PADDING OR DIFFERENT OUTER MARGINS */
table.padding-none td, table.padding-none th { padding:0px; }
table.padding-small td, table.padding-small th { padding: 2px; }
table.padding-horizontal td, table.padding-horizontal th { padding: 2px 8px; }
table.padding-medium td, table.padding-medium th { padding: 5px; }
table.padding-large td, table.padding-large th {padding: 5px 8px; }
/* To apply different padding to individual cells */
td.padding-none, th.padding-none { padding:0px; }
td.padding-small, th.padding-small { padding: 2px; }
td.padding-horizontal, th.padding-horizontal { padding: 2px 8px; }
td.padding-medium, th.padding-medium { padding: 5px; }
td.padding-large, th.padding-large {padding: 5px 8px; }
table.margins {margin:10px; }
table.table-margin-top {margin-top:10px;}
table.table-margin-left {margin-left:10px;}
/* STYLES FOR TABLES WITH DIFFERENT ALIGNMENT */
col.tablecell-left td, col.tablecell-left th, td.tablecell-center {text-align:left}
col.tablecell-center td, col.tablecell-center th, td.tablecell-center {text-align:center; }
col.tablecell-right td, col.tablecell-right th, td.tablecell-right {text-align:right; }
/* STYLES FOR TABLES WITH BORDERS (All borders are purple.)
table.border - perimater of table has a border
table.rowborders - the rows, but not the cells within them, have borders
table.cellborders - all cells have borders
(Assign one of these classes to the TABLE, not to the other elements. The table.border class can be combined with one of the other two.)
colgroup col.columnborders - the columns have borders - Must be placed at beginning of table.
*/
.border {border:1px solid #5c1c75; border-collapse:collapse; }
table.rowborders tr { border:1px solid #5c1c75; }
table.cellborders td { border:1px solid #5c1c75; }
table.cellborders th { border:1px solid #5c1c75; }
colgroup col.columnborders { border:1px solid #5c1c75; }
th.leftseparator {border-left:1px solid #5c1c75; }
td.leftseparator {border-left:1px solid #5c1c75; }
/* Styles for tables WITHOUT borders */
table.noborders { border:0px; }
table.noborders tr { border:0px; }
table.noborders td { border:0px; }
/* Styles for tables with shaded rows */
tr.headergold {background-color:#fdfac7; }
tr.headerpurple {background-color:#efeafd; }
tr.headergray {background-color:#f3eef7; }
tr.shaded-gold, td.shaded-gold {background-color:#fffede; }
tr.shaded-purple, td.shaded-purple {background-color:#efeafd; }
tr.shaded-green, td.shaded-green {background-color:#efffef; }
tr.shaded-pink, td.shaded-pink {background-color:#ffefef; }
tr.shaded-gray, td.shaded-gray {background-color:#fcfafe; }
/* Styles for aligning text in cells */
td.rightalign, th.rightalign {text-align:right; }
td.center, th.center {text-align:center; }
/* ---------------------------------- STYLES FOR FOOTER ---------------------------------- */
#footer { margin: 0 auto; width:820px; border-right: 1px ridge #5c1c75; border-bottom: 1px ridge #5c1c75;
border-left: 2px ridge #5c1c75; background-color:#5c1c75; color:#fff; padding:0px 10px; text-align:center; vertical-align:bottom; overflow:visible; }
#footer .small { font-size:70%; letter-spacing:normal; margin:2px 0px; }
#footer .copyright { font-size:80%; letter-spacing:normal; }
#footer p.address { font-size:75%; letter-spacing:1px; margin-bottom:3px;}
#footer p { margin:2px 0px; font-size:70%;}
#footer a:link {color:#fff; font-weight:normal; text-decoration:none;}
#footer a:visited {color:#fff; font-weight:normal; display:inline; text-decoration:none; }
#footer a:hover {color:#fff; font-weight:normal; text-decoration:none;}
/* CSS Document */