/* fonts */
body, p, td, tr, li, 
.normal, .formfield, .formfieldToggle, 
.formsubmit
{ 
font-size: 10pt; font-family: Arial, Helvetica, sans-serif; line-height : 18px;

  }

.formfieldsmall, .formsubmitsmall { 
                                    font-size: .9em;
 }

.topright { 
            font-size: .85em;
            }

.editlink{ 
            font-size: .9em;
 }


.secondary { 
             font-size: .85em;
 }

.errorMsg { 
            color: red;
 }

.errorMsg { 
            color: red;
            font-size: .85em;
 }

.navleftheader { 
                 font-weight: bold;
                 }

li.small { 
           font-size: .9em;
           }

/* heading for links in the left nav pane */
a.heading2 { 
             font-weight:bold;
             font-size:14px;
             }

h1 { 
	font-size:2.0em;
	font-weight:900;
     }

h2 { 
     font-weight: bold;
     font-size: 1.1em;
     }

.logo { 
        font-weight: bold;
        font-size: 1.4em;
        }

.vague{ 
        font-size: .9em;
        }

.vaguesmall{ 
             font-size: .9em;
             }

.egvaguesmall {
                font-size: .9em;
                }

#navMsg { 
                 font-size: .8em;
 }

#copyright { 
             font-size: .8em;
             }

/* position */

body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
}

h1 {
	margin:0px 0px 0px 0px;
	padding:0px;
}
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
/*	color:darkblue; */
}

p {
	margin:0px 0px 16px 0px;
	padding:0px;
}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
.topright {
            margin-bottom: 1pc;
            margin-left: 0.5em;
            padding-left: 1em;
            padding-right: 0.5em;
            right: 0;
            top: 0;
            text-align: right;
            height: 50px;
}

.logo {
        position: relative;
	left:20px;
	padding:10px;
}
.vague {
	color: #999999;
         padding-bottom: 10px;
}

.vaguesmall {
	color: #999999;
}

.egvaguesmall {
	color: #999999;

                margin-top: -10px; /* this is so it's closer to the text input */
}
.normal {
	color: #333;
	margin-top: 1em;
}


.tdinner {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
}

.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
/*	top:0; */
	margin:0px 210px 20px 170px;
	border:1px solid black;
	background-color:white;
	padding:10px;
/*	z-index:3;  This allows the content to overlap the right 
                      menu in narrow windows in good browsers. */
}
.contentonlyold {
	position:relative; /* Position is declared "relative" to 
                              gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
/*	top:0; */
	margin:0px 0px 20px 315px;
	border:1px solid black;
	background-color:white;
               padding:10px;
/*	z-index:3;  This allows the content to overlap the right 
		      menu in narrow windows in good browsers. */
}

.contentonly {
	position:absolute; /* Position is declared "relative" to 
                              gain control of stacking order (z-index). */
/*	top:0; */
	margin:16px 0px 20px 315px;
	border:1px solid black;
	background-color:white;
               padding:0px;
               /* z-index:3;  This allows the content to overlap the right 
		      menu in narrow windows in good browsers. */
}

.mainContentFrame { 
                    color : Black;
                    background-color : #ffffff;
                    border : 0px solid Black;
                    padding: 0px;
 }

/****************************** new navleft ******************************/

a.heading2 {
	margin:0px 0px 5px 0px;
	padding:0px;
}

#navleft {
position:absolute;

	top:86px;
	left:20px;
	padding:10px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
	background-color:#cccc99;
           /* z-index:2; */

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */

	voice-family: "\"}\"";
	voice-family:inherit;
	width:278px;
	height:450px;
	}

#navMsg { 
          position: absolute;
          bottom: 10px;
          left: 180px;
          width: 100px;
          text-align: right;
                 }

#copyright { 
             position: absolute;
             bottom: 10px; 
            
}

.mainNavLeft { 
               position: absolute;
               left: 20px;
               top: 30px;
               width: 260px;
overflow:auto;
               }

/* list item for the spots */
.klistItem div { 
                 vertical-align: center;
                 text-align: center;
                 border: solid black .5px;
                 background-color: lightblue;
                 color: black;
                 width: 15px;
                 height: 15px;
                 font-size: .8em;
                 }
.klistItem { 
             padding: 1px;
             }



/* --------------------------------------------------
 * links
 */

.helplink {
  color: darkgreen;
}
a { 
    color: darkblue;
    }
a:hover {
          background-color: darkblue;
          color: white;
          }

/* the 'save' in the inline edit box */
a.savelink { 
             color: darkgreen;
             }
a.savelink:hover {
                   background-color: darkgreen;
                   color: white;
                   }
/* the 'cancel' in the inline edit box */
a.cancellink { 
               color: darkred;
}
a.cancellink:hover {
                     background-color: darkred;
                     color: white;
}

/* the 'edit' in the inline edit box */
a.editlink { 
               color: purple;
}
a.editlink:hover {
                     background-color: purple;
                     color: white;
}



/* rating, views, etc... */
.inputvalue { 
              color: green;
              }

/* ------------------------------
   * buttons
   */

.formfield, input, select {
              color : Black;
              background-color : #ffffff;
              border : 1px solid Black;
             padding: 2px;
              }

.formfieldsmall {
              color : Black;
              background-color : #ffffff;
              border : 1px solid Black;
             padding: 2px;
              }

.formfieldToggle {
                   color : Black;
                   background-color : #ffffcc;
                   border : 1px solid Black;
                   padding: 1px;
                   margin: 1px;
                   }

.formfieldToggleExample {
                   color : Black;
                   background-color : #ffffcc;
                   border : 1px solid Black;
              }

.formsubmit { 
              color : Black;
              border : 1px solid Black;
              background-color : #EAEAEA;
              }

.formsubmitsmall { 
              color : Black;
              border : 1px solid Black;
              background-color : #EAEAEA;
              }

/****************************** overlib ******************************/
/*
.title {font-family:Arial, Verdana,Helvetica;font-size:26px;font-weight:bold;text-align:center;}
.author {font-family:Arial, Verdana,Helvetica;font-size:12px;font-style:italic;text-align:center;}
.sectiontitle {font-family:Arial, Verdana,Helvetica;font-size:18px;font-weight:bold;}
.cellcontent {font-family:Arial, Verdana,Helvetica;font-size:13px;padding-right:5px;
 padding-left:5px;}
.comic20 {font-family:'Comic Sans MS';font-size:20px;}
.bubble1 {font-family:Arial, Verdana,Helvetica;font-size:13px;font-weight:bold;}
.bubble2 {font-family:Arial, Verdana,Helvetica;font-size:18px;font-weight:bold;color:#dd0000;
 text-align:center;}
.bubble3 {font-family:Arial, Verdana,Helvetica;font-size:16px;font-weight:bold;color:#dd00dd;
 text-align:center;}
.myHeader {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 22px;}
.mySubHead {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 18px;}
.mySpacer {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 4px;}
.myText {font-family:Arial, Verdana,Helvetica,sans-serif;font-size:13px;color:#000000;}
.text12 {font-family:Arial, Verdana,Helvetica,sans-serif;font-size:12px;color:#000000;}
.text14 {font-family:Arial, Verdana,Helvetica,sans-serif;font-size:14px;color:#000000;}
.snip {font-family:Arial, Verdana,Helvetica;font-size:10px;}
.purple14 {font-family:Arial, Verdana,Helvetica,sans-serif;font-size:14px;color:purple;
 font-weight:bold;}
*/

/****************************** lists ******************************/

li { 
     margin: 0px;
     margin-left: -5px;
 }