html,body,div,img,h1,h2,h3,h4,p,dl,dd,dt,form,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px; } /* li,ul,ol */
input,select{ margin:0; padding:0; }

html {
scrollbar-face-color: #022162;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #33339a;
scrollbar-darkshadow-color: #33339a;
scrollbar-track-color: silver;
scrollbar-arrow-color: #cd3a3a;
}
/*body {  Body tag for CMS style sheet (replace body tag below)
font-family: Georgia;
}*/
body {
margin: 0;
padding: 0;
background-image: url(/images/BackgroundShadow.jpg); /** Link to the image you created **/
background-repeat: repeat-y; /** Repeats the image vertically **/
background-position: center; /** Centers the background image **/
background-color: #bebebe; /** Website BG color (f7f4ee matches canvas color in Step 1) **/
text-align: center; /* For older browsers that don't support margin: auto for centering */
}
a:link {
color: #022162; text-decoration: none  /* unvisited link */
}
a:visited {
color: #022162; text-decoration: none  /* visited link  #999999*/
}
a:hover {
color: #a2022e; text-decoration: underline  /* mouse over link */
}
a:active {
color: #a2022e; text-decoration: none  /* selected link */
}
#outerContainer {
display: block;
width: 990px;
/*min-height: 640px;*/
margin: 0 auto;
padding: 0;
text-align: left;
border-bottom: 4px solid #666666;
}
#headerGraphic {
display: block;
width: 100%;
height: 172px;
margin: 0 auto;
padding: 0;
text-align: left; /* Aligning left instead of center removes white line on left of some screens */
background-color: #e9e9f3;
}
#menu {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left; /* So that submenus are left aligned */
background-color: #414141;
clear: both
}
#trunk { /* Holds the three columns */
display: block;
width: 990px;
margin: 0 auto;
padding: 0;
background-color: #ffffff;
clear: both
}
#leftColumn {
float: left;
background-image: url(/images/ColumnBorderBkgrnd.png);
background-repeat: repeat-y;
background-position: center;
background-color: #e9e9f3; /*#dcdce8;*/
width: 240px;
border-top: 1px solid #778;
padding: 0;
clear: both
}
#leftColumnInner {
margin-left: 15px;
margin-right: 15px;
margin-top: -5px;
margin-bottom: -11px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
clear: both
}
#leftColumnInner hr {
width: 95%;
height: 1px;
border: none;
color: #a2022e;
background-color: #a2022e;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px
}
.greenBold {
font-weight: bold;
color: green;
}
#moreInfo {
color: #a2022e;
text-align: right;
margin-top: -10px;
margin-bottom: 5px;
margin-right: 5px;
}
#moreInfo input {
color: #a2022e;
}
#mainColumn {
display: block;
min-height: 515px; /* MIN-HEIGHT (prev. 374px / 450px w/o ads)*/
width: 595px; /* 607px */
height: 100%;
border-left: 1px dotted #31316c;
border-right: 1px dotted #31316c;
margin-left: 241px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #393939; /* 505050 */
}
#mainColumn p {
margin-bottom: 20px
}
#mainColumn hr {
width: 95%;
height: 1px;
border: none;
color: #a2022e;
background-color: #a2022e;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
#mainColumn .hrAlt {
width: 95%;
height: 2px;
border-top: 2px dotted #a2022e;
color: #a2022e;
background-color: #a2022e;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
#rightColumn {
display: block;
visibility: visible;
width: 152px; /* 141px */
float: right;
text-align: center;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-variant: small-caps;
float: right
}
#rightColumn p {
padding-bottom: 5px;
}
#rightColumn img {
margin-bottom: 5px;
}
#rightColumn hr {
width: 90%;
height: 1px;
border: none;
color: #a2022e;
background-color: #a2022e;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}
#footer {
display: block;
width: 100%;
padding: 0;
margin: 0;
text-align: right;
color: white;
background-color: #a2022e; /* #022162  / maroon / #b40233 / #a90230 */
font-family: Arial, Helvetica, sans-serif;
/*font-variant: small-caps;*/
font-weight: bold;
font-size: 11px;
clear: both
}
#footer p {
padding-top: 7px;
padding-bottom: 8px;
padding-right: 20px;
clear: both
}
.formTable {
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
line-height: 18px;
background-color: #fcfcfc;
border: thin dashed #a2022e
}
.formTable td {
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px
}
.button {  
background-color: #31316c;
color: white;
border: #31316c 3px double;
font-size: 10;
font-weight: bold;
margin-top: 5px;
margin-bottom: 10px
}
.formLabel {
font-size: 12px;
font-weight: bold;
color: #1d1c82
}
.textbox {
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
text-align:left;
color:#c90039;
background-color:#e9e9f3;
border: 1px solid #1d1c82;
padding: 2px
}
.PageHeading {
color: #022162;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
font-size: 22px
}
.SectionHeading {
color: #022162;
font-weight: bold;
font-size: 17px
}
.smallcaps {
color: #022162;
font-weight: bold;
font-variant: small-caps;
}
.smallcapsAlt {
color: #a2022e;
font-weight: bold;
font-variant: small-caps;
}
.photo {
border: 3px double #a2022e;
}
.foundation {
display: block;
clear: both
}
.foundation p {
padding-top: 12px
}
.foundation img {
padding-left: 15px;
padding-right: 15px;
}
.foundationHRleft { /* "Quasi" HR */
border-bottom: 2px dotted #a2022e;
width: 66%;
float: left;
margin-bottom: 10px
}
.foundationHRright { /* "Quasi" HR */
border-bottom: 2px dotted #a2022e;
width: 60%;
float: right;
margin-bottom: 10px
}
.newsItem {
border-top: 1px solid #a2022e;
margin-top: 40px;
padding-top: 5px;
}
.newsTitle {
font-family: Georgia, "Times New Roman", Times, serif;
color: #a2022e;
font-size: 17px;
font-weight: bold;
font-variant: small-caps;
text-align: right;
}
.newsNarrative {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
margin-left: 40px;
}
.staffBio {
border-top: 1px solid #a2022e;
padding-top: 10px;
display: block;
overflow: hidden; /* Why does this FIX the problem? */
}
.staffText {
width: 425px;
float: right;
text-align: left;
/* border: 1px solid orange; */ /* For testing */
}
.staffName {
font-family: Georgia, "Times New Roman", Times, serif;
color: #022162;
font-size: 17px;
font-weight: bold;
font-variant: small-caps;
}
.staffTitle {
font-style: italic;
color: #000000;
margin-top: 0px;
}
.staffNarrative {
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 10px
}
.staffPhotoBox {
width: 130px;
/* border: 1px solid blue; */ /* For testing */
}
.staffPhoto {
width: 120px;
border: 3px double #a2022e;
margin-bottom: 20px;
}
.schedule {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #000000;
margin-bottom: 20px;
}
.scheduleTable {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
border: 3px double #022162;
margin-bottom: -10px;
}
.scheduleHead {
background-color: red;
}
.scheduleRow {

}
.thDay {
width: 90px;
font-weight: bold;
padding: 2px;
padding-left: 7px;
color: white;
}
.thTime {
width: 80px;
font-weight: bold;
padding: 2px;
text-align: center;
color: white;
}
.thGroup {
width: 95px;
font-weight: bold;
padding: 2px;
text-align: center;
color: white;
}
.thInstructor {
width: 150px;
font-weight: bold;
padding: 2px;
padding-left: 5px;
color: white;
}
.tdDay {
font-weight: bold;
padding: 2px;
padding-left: 7px;
background-color: blue;
color: white;
}
.tdTime {
padding: 2px;
background-color: yellow;
text-align: center;
}
.tdGroup {
padding: 2px;
background-color: orange;
text-align: center;
}
.tdInstructor {
padding: 2px;
background-color: #1ed630; /* green */
padding-left: 5px;
}

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 92.25%; /* Changed from 100% -- otherwise menu is left-aligned; originally at 90%, 92.25% is at right vertical dotted line */
border-left: 1px solid #778; /* Added so menu would have line on left */
margin: 0 auto; /* Added to center menu */
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #a2022e; /*tab link background during hover state (orig. black) #cd3a3a / maroon */
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}