/*************************/
/**    Element ID's     **/
/*************************/

#indexContent1{ color:#FFF;border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000; }
#indexContent1 .header{width:364px; height:20px;font-size:18px; padding:7px 10px; font-variant:small-caps;   background:#FFF url("../images/fresh_header_bar_top_bg.jpg") repeat-x ;}
#indexContent1 .content{width:364px; min-height:370px; padding:5px 10px ; background-color:#FFF;color:#000;}
#pageContent1{ color:#FFF; }
#pageContent1 .header{width:596px; height:20px;font-size:18px; padding:7px 10px; font-variant:small-caps;  background:#FFF url("../images/fresh_header_bar_top_bg.jpg") repeat-x ;}
#pageContent1 .content{width:594px; min-height:370px; padding:5px 10px ; background-color:#FFF;color:#000;border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;}
#pageContent2{ color:#FFF; margin-top:4px; }
#pageContent2 .header{width:233px; height:20px;font-size:18px; padding:7px 10px;font-variant:small-caps;   background:#FFF url("../images/fresh_header_bar_top_bg.jpg") repeat-x ;}
#pageContent2 .content{width:231px; min-height:192px; padding:5px 10px ; background-color:#FFF;color:#000; border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;}

#leftContent
{
    top:-37px;
    left:-2px;
    position:relative;
    float:left;
    width:207px;
}

#leftHeader
{
    position:relative;
    width:208px;
    height:167px;
    background-image:url("../images/usk_logo.gif");
    z-index:3;
    
}
#leftMenu
{
    position: relative;
    width:208px;
    z-index:4;
    
}
#projects
{
    background-image: url("../images/leftMenu_grad.gif");
    background-repeat: repeat-y;
    position: relative;
    left: 2px;
    bottom:0px;
    padding: 0 14px 5px 7px;
    z-index:4;
}

#filler
{
    background-image: url("../images/leftMenu_grad.gif");
    background-repeat: repeat-y;
    position: absolute;
    left: 2px;
    bottom:0px;
    width: 207px;
    z-index:2;
}

#login
{
    padding: 40px 100px 40px 100px;
}
/*************************/
/**   Generic Classes   **/
/*************************/

.leftMenu
{
    width: 208px;
    position: relative;
}


.loginName
{
    text-transform: capitalize;
    font-family: Helvetica;
    font-size: 12px;
    text-align: right;
    position: relative;
    width: 555px;
}

DIV.base-layer {
  background: none #f3f3f2; border: solid #c8c8c6 1px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 5px; text-align: center; width: auto;
}

DIV.table-row {
 
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 45%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: #3333cc; font-family: Helvetica;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
}

H5.colhdr {
  background: none; 
  font-family: Helvetica; font-size: 20pt; 
  font-weight: bold; margin: 0; padding: 0.3em 0.3em 0 0.3em; color: #D61919;
  text-align: left; width: auto; text-decoration: underline;
}


P.text {
  margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-family: Helvetica; color: #30292b;
  font-style: normal; font-size: 1em; text-align: left; text-indent: 0;
  width: auto;
}