/*   Style sheet for OCA    */
/*                          */
/* Going to completely revise this for site move, 12/13.                    */
/* Also going to see if we can get rid of the separate style sheet for the  */
/*  home page, and just put everything into here.                           */
/*                                                                          */
/* Last updated: 07/11/18   */



BODY {
  background-color: #FFFFFF;
  color: #000000;

  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-size: 13px;

  margin: 0px;
  padding: 0px;

  height: 100%;
  min-height: 100%;
}


#header_area {                     /* 01/13/14: Put logo and cartsummary into here.  */
 position: relative;

 background-color: #FFFFFF;
 color: #000000;

 width: 980px;
 height: 100%;

 margin-top: 10px;            /* auto margins work to center this div on the page in Firefox, but not IE - using text-align in BODY for that */
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;

 padding: 0px;

 font-family: verdana, arial, helvetica, sans-serif;
 font-style: normal;
 font-size: 13px;

 text-align: left;            /* use this to override body text-align property from here down  */

 border: none;

}




#toplogo {                /* main logo on the page                            */
 position: relative;    /* normal flow, coordinates are offsets from edges  */

 top: 0px;
 left: 0px;

 width: 207px;
 height: 207px;
 min-height: 207px;

 border: none;
}

#header_center {          /* 01/13/14: Center area of header section (just to right of logo)  */
 position: absolute;

 display: table;          /* 01/13/14: Display this element as a table, so that we can display the child element as a table cell and use vertical-align.  */

 top: 0px;
 left: 207px;

 width: 566px;            /* 01/13/14: Put 207 on each side              */
 height: 207px;           /* same as logo                                */
 min-height: 207px;

 border: none;

 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;

 text-align: center;

 background-color: #FFFFFF;
}


#animation_logo {       /* 11/02/15: This is new section for animated logo, combines old #toplogo and #header_center                  */
 position: relative;    /* 11/03/15: ... except now we find out they changed the dimensions on us....                                 */

 top: 0px;
 left: 0px;

 width: 697px;
 height: 207px;
 min-height: 207px;

 border: none;
}


#cartsummary {           /* shopping cart summary - top right     01/13/14: This is now rightmost of three sections inside header_area  ... 01/17/14:  and it is no longer the shopping cart summary      */
 position: absolute;

 display: table;         /* 01/13/14: Do this here, too   */

 top: 0px;
 left: 773px;            /* 01/13/14: 207+566
 width: 207px;
 height: 207px;           /* same as logo                                */
 min-height: 207px;
 min-width: 207px;        /* 01/13/14: Doesn't seem to go all the way without this  */

 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;

 text-align: left;

 background-color: #FFFFFF;
}





#menu_area {                     /* 01/14/14: Similar to header_area, but for the menu instead.  */
 width: 980px;
 height: 100%;

 margin-top: 10px;            /* auto margins work to center this div on the page in Firefox, but not IE - using text-align in BODY for that */
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;

 padding: 0px;

 border-top: 2px solid #4A9CD5;
 border-right: none;
 border-left: none;
 border-bottom: 2px solid #4A9CD5;
}


#flag_strip {                     /* 12/26/15: New area, in conjunction with animated logo, for flag strip underneath menu_area.  */
 width: 980px;
 height: 100%;

 margin-top: 0px;            /* auto margins work to center this div on the page in Firefox, but not IE - using text-align in BODY for that */
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;

 padding: 0px;

 border-bottom: 2px solid #4A9CD5;
}





/* 01/13/14: Apparently this is not working how we thought it was...  */
#pagecontainer {              /* this is the main container that contains everything on the page  */

 position: relative;

 background-color: #FFFFcc;
 color: #000000;

 width: 980px;
 height: 100%;
 min-height: 100%;

 margin-top: 0px;            /* auto margins work to center this div on the page in Firefox, but not IE - using text-align in BODY for that */
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;

 padding: 0px;

 font-family: verdana, arial, helvetica, sans-serif;
 font-style: normal;
 font-size: 13px;

 text-align: left;            /* use this to override body text-align property from here down  */

 border: none;
}




/*  12/24/13: Home page features, moved from oca_new_home.css  */

#homeleftcolumn {            /* left-hand column of the page     */
 position: absolute;

 left: 0px;
 top: 0px;

 width: 200px;

 padding: 3px;
}

#homecentercolumn {         /* center column of page             */
 position: absolute;

 left: 216px;  /* 235px; */
 top: 0px;

 width: 537px; /* 520px;  */

 padding: 3px;
}

#homerightcolumn {          /* right-hand column of the page     */
 position: absolute;

 left: 769px; /* 790px; */
 top: 0px;

 width: 205px;

 padding: 3px;
}




/* two page columns - need to position them absolutely, at least for now */
/* 01/16/14: Going to modify leftcolumn just in case we miss taking some out... but   */
/*  stop using this and just use homeleftcolumn on all pages, since it s hould all    */
/*  be the same anyway....                                                            */

#leftcolumn {            /* left-hand column of the page     */
 position: absolute;

 left: 0px;
 top: 0px;

 width: 200px;

 padding: 3px;
}

#rightcolumn {          /* right-hand column of the page     */
 position: absolute;

 left: 235px;
 top: 0px;

 width: 725px;

 padding: 3px;
}



/* This is basically the same as the sidebar headlines, just making it a generic div class to use for */
/*  each little section in the sidebar.  */
/* 01/17/14: Also use this for the new cartsummary-in-the-sidebar routine.   */
.sidesection {
 width: 185px; /* 175px; */

 background: #EFEFEF;
 border: 1px solid #4A9CD5;

 padding: 0px;  /* 5px; */
 margin-top: 10px;

 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
}



p, ul, li, td, h1, h2, h3, h4, h5, h6, div {
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: left;
}


p, ul, li, td, input, div {
 font-size: 13px;
 text-align: left;
}



A:link {            /* unvisited link */
 color: #07649f;
 font-weight: bold;
}

A:visited {         /* visited link */
 color: #07649f;
 font-weight: bold;
}

A:active {          /* active link */
 color: #FF0000;   /* was #04A604 */
 font-weight: bold;
}

A:hover {           /* hover link */
 color: #FF0000;   /* was #04A604 */
 font-weight: bold;
}

/* the following are for links in the menu column, */
/* which need to be different from the main page   */
/* links, or else they disappear.                  */
/*    02/03/07: We still need these for certain pages, even though we    */
/*     are no longer using them for the actual menu.                     */

A.menu:link {       /* unvisited */
 color: #000000;
 font-weight: bold;
}

A.menu:visited {    /* visited */
 color: #000000;
 font-weight: bold;
}

A.menu:active {     /* active */
 color: #00FF00;
 font-weight: bold;
}

A.menu:hover {      /* hover */
 color: #00FF00;
 font-weight: bold;
}


/* General classes */
/*  02/03/07: Lose the pt font-size measurements when you are sure everything is working right   */

.normal {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.heading {           /* this will be the same as .larger + .strong */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
}


.smaller {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

.extra-small {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

.larger {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
}

.headline {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.extra-large {   /* and for even bigger type ... */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
}

.strong {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
}

.italic {            /* italic */
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
}

.courier {           /* use Courier font for special effects (not Courier, actually, but web default */
  font-family: courier, roman, serif;
  font-size: 13px;
  font-weight: normal;
}

.bold {
  font-weight: bold;
}




.page_title {                /* to put a title on the page   */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-decoration: underline;
}






.clipdescription {     /* this is for cells in the video clip description table, until we come up with a better way of doing it */
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
 padding-right: 3px;
}




.yellow {
  color: yellow;
}

.cyan {
  color: cyan;
}

.red {
  color: red;
}

.white {
  color: white;
}

.black {
  color: black;
}

.error {                              /* use for error messages */
  border: 1px solid #FF0000;          /* use as a DIV, not a SPAN, for multi-line messages */
  padding: 5px;
  background-color: #FFFFCC;
  font-weight: bold;
  color: #FF0000;
}





/* it appears we can't get the sidebar headlines to work in here, so        */
/* we are going to set their style inline via the routine that creates them */

/* Style for ethics code box on home page and type within it */
#ethicsbox {                  /* this is for the box itself */
 width: 85%;
/* margin: auto;  */               /* set "margin: auto" to center block horizontally  */
 margin-top: 50px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 30px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 15px;
 padding-right: 15px;
 background: #FFFFE3;
 border-width: 1px;
 border-style: ridge;
 border-color: #EFEFEF;
}

.ethicsbox {                  /* class for normal type   */
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
}

.ethicsboxheading {           /* class for heading type  */
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
}

li.ethicsbox {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 margin: 0px 0px 11px 0;        /* want to do this on the list items, but not on regular paragraphs  */
 line-height: 16px;             /* this, too                                                         */
}



/* Style for box displaying login information, when they are logged in   */
.loginbox {
  border: 1px solid #000000;
  background-color: #93BCE1;
}



/* 10/14/09: For now, just using this in the new faculty script....   */
.main_select {
  background: #EFEFEF;
}