/* This page contains color, layout, and text formatting information
 * for the web site.  Editing this page is not recommended for those
 * without a basic understanding of CSS.  For basic information on
 * CSS, please consult: http://www.w3.org/Style/CSS/learning
 *
 * IMPORTANT: Any properties that are listed as "Do Not Modify" may
 * have unintended or drastic side effects on the display of your web
 * page.  Only modify these properties if you are familiar with
 * advanced CSS concepts, always back up previous versions, and do not
 * directly modify a live site.
 */

/* Note:  properties labeled "TESTING" are present because they fixed something
 * in the testcss.html page.  They're not ready for live use.
 */

/**** Style Defaults 
 * The following properties override browser default
 * display properties.  Any changes to these entries will affect the
 * entire web site.
 */
html
{
	background-color: #cccccc;	
}

/**** navBar
 * The main navigation bar.
 */
.navBar
{
    margin-left: auto;
    font-size: x-small;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #0000CC;
    text-decoration: underline;
    width: 100%;
    background-color: #cccccc;
    border-color:
    border-style: 
    border-top-width: 0;
}
.navBar tr
{
    text-align: center; 
    margin: 0.25em;
}
.navBar a:visited 
{ 
    color: #804040; 
    text-decoration: underline; 
    display: block; 
    padding: 2px;
    background-color: #cccccc;
}

.navBar a:hover 
{ 
    background-color: #FFFF66; 
}

.navBar a:link 
{ 
    color: #0000CC; 
    text-decoration: underline; 
    display: block; 
    padding: 2px;  
    background-color: dddddd;
} 

body
{
    background-color: #CCCCCC;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
}

#mainBlock {
    margin: auto 0.3in;
    padding: 1em 3px 1px;
    outline: 0;
    vertical-align: top;
    min-height: 100%;
    height: auto;
    left: auto; 
    width: 90%;
    top: 0.3in;
; clip:  rect(   )
}

#mainBlock img 
{
;
}
#container
{
    background-color: #FFFFFF;
    width: 800px;
    margin-left: auto;
    margin-right: auto;

}a:link
{ 
    text-decoration: none;
    color: #0000AA;
 }

a:hover
{ 
    text-decoration: none; 
    color: #333333; 
    background-color: #FFFF66;
}

a:visited
{ 
    text-decoration: none;
/*    color: #333333; */
} 

img 
{ 
    border: auto #000000 solid; 
}

/* 
 * Bold, red text: for displaying, e.g., "accounts are optional" notices on user.asp
 */
.redEmph 
{
  font-size: 14pt;
  font-weight: bold;
  color: red;
}

h1
{
    font-size: 16pt;
    font-weight: bold;
    font-face: italic;
    color: #804000;
    text-align: center;
}

.TitleText
{
    font-size: 20pt;
    font-weight: bold;
    color: #804000;
    text-align: center;
}

.FirstLetterText
{
    font-size: 14pt;
    color: #804000;
}

/**** cartBar
 * The current shopping cart box.
 * Do not modify - float
 */
.cartBar
{
    background-color: #BBBBBB;
    width: 250px;
    float: right; 
    top: 0; 
    right:0; 
}
#cartTest  
{
    position:relative;
}


/**** headerLogo
 * A medium sized company logo, usually displayed at the top of the 
 * screen on all pages.
 */
.headerLogo
{
    background-image: url(images/biglogo.gif);
    background-repeat: no-repeat;
    text-align: right;
    height: 104px;
    color: #404090;
    font-weight: 700;
    border-bottom: 3px double black;
    margin: 5px auto 1em auto;
    padding-bottom: 1em;
    vertical-align: bottom;
    /*	
    ; clip:       rect(   )
    ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px
    ; margin-right: 0.3in; margin-left: 0.3in
    ; width: 100%; border-color: #000000 #000000 #999999
    ; background-position: left;
    */
    clear: both;   
}


/**** tblHeader
 * The header row of most data tables.
 */
.tblHeader
{
    background-color: #000050;
    color: #FFFFFF;
    font-weight: 700;
}


/**** tblFooter
 * The footer row of most data tables.  Customized here to be the same as
 * the navBar style.
 */
.tblFooter
{
    margin-left: auto;
    font-size: x-small;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #0000CC;
    text-decoration: underline;
    background-color: #cccccc;
; clip:   rect(   ); width: 100%

}
.tblFooter tr
{
    text-align: center;
}
.tblFooter a:visited 
{ 
    color: #804040; 
    text-decoration: underline; 
    display: block;
    background-color: #dddddd;
}

.tblFooter a:hover 
{ 
    background-color: #FFFF66; 
}

.tblFooter a:link 
{ 
    color: #0000CC; 
    text-decoration: underline; 
    display: block; 
    padding: 2px;  
    background-color: dddddd;
} 


/*** dataTbl
 * Most data containing tables.
 */
.dataTbl
{
    width: 80%;
    margin: auto;
}

.dataTbl td
{ 
    vertical-align: top;
}

/**** titleBrief
 * Titles returned by the search feature.
 * Do Not Modify: clear, img.float, img.clear
 */
.titleBrief
{
    width: 80%;
    margin: auto;
    clear: both;
}
.titleBrief .title
{ 
    font-size: 1.3em; 
    font-weight: 700;
}
.titleBrief .subtitle
{
    font-weight: 600;
}
.titleBrief img
{
    height: 120px;
    margin-right: 1em;
    margin-bottom: 1em;
    vertical-align: top;
    border: #000000; 
    border-style: solid; 
    border-top-width: thin; 
    border-right-width: thin; 
    border-bottom-width: thin; 
    border-left-width: thin;
}
.titleBrief p
{ 
    font-size: 85%; 
    margin: 0;
}

/**** PageTable
 * some basic style options for tables used to arrange text on a page
 * no borders, automatic layout, centered on page (or inside containing element)
 */
.PageTable
{
    table-layout: auto;
    margin-left: auto;
    margin-right: auto;
}
td.PageTable
{
    padding-left: 10px;
}
    
/**** descText
 * re-implements Dreamweaver tags for descriptive text: replace
 * <font face="Verdana, Arial, Helvetica, sans-serif" size="2">
 * with this class
 */
.descText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/**** currency
 * Currency amounts (such as wherever a price is shown)
 * Do Not Modify: display
 */
* .currency
{
    font-size: small;
    font-style: oblique;
    color: #005500;
    font-weight: bold;
    display: inline;
}

/**** warning
 * Warning message boxes
 */
.warning
{
    width: 75%;
    margin: auto;
    margin-bottom: 0.5em;
    border-color: #FF5555;
    border-style: solid;
    border-width: medium;
    background-color: #FFFF00;
    padding: 2px;
} 
.warningTitle
{
    font-weight: 700;
    font-variant: small-caps;
    background-color: #FF5555;
    padding: 0;
}

/**** notice
 * Notice message boxes
 */
.notice
{
    margin: auto;
    width: 75%;
    border-color: #FFFF00;
    border-width: thin;
    border-style: solid;
    margin-bottom: 0.5em;
} 
.noticeTitle
{
    background-image: url("images/alert.red.gif");
    background-repeat: no-repeat;
    height: 25px;
    padding-left: 25px;
    font-weight: 700;
    font-variant: small-caps;
    background-color: #FFFF00;
}

/**** input
 * An individual entry line in a form.  Note that the structure of 
 * input entries is complex, modify with care.
 */
div.input
{
    width: 80%;
    margin: auto auto;
    font-style: oblique;
}
label.input 
{
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;	
}

/**** loginBox
 * A compact login form that is displayed in various areas where 
 * login is optional.
 */
.loginBox
{
    background-color: #CCCCCC;	
    width: 400px;
/*    margin: auto; */
    font-style: oblique;
}
.loginBox .header
{ 
    font-weight: 700;
    padding-top: 1em; 
    padding: 1em;
}

/**** finePrint
 * Small text, such as for legal text at the bottom of the screen.
 */
.finePrint
{
    margin-top: 2em;
    font-size: 8pt;
}

/**** searchBox
 * A medium sized box used to search for titles.
 */
#searchBox
{
    width: 35%;
    background-color: #cccccc;
    min-width: 150px;
    float: right;
    clip:  rect(auto 0px  0px);
    color: #cccccc; 
    text-decoration: underline;
}

/**** footerNav
 * Not currently in use
 */
#footerNav
{
    background-color: #cccccc
; width: 100%; clip:  rect(   )
}

#titleviewTop
{
    margin-left: 230px;	
}

#titleviewLeft
{
    /*position: absolute;*/
    vertical-align: top;
    float:left; 
    margin: 2em 2.2em auto 2.2em;
    width: 220px;
}

#titleviewLeft ul
{
    padding-left: 10px;	
}

#titleviewBody
{
    margin-top: 2em;
    margin: 2em 1em 0 220px;
    min-height: 500px;
}

/* for Internet Explorer */
/*\*/
* html #titleviewBody {
    height: 500px;
}

/**** helpBox
 * A popup box that displays additional information, usually relating to 
 * a form entry.
 * Do Not Modify - width, height, padding, margin
 */
.helpBox
{
    width: 300px;
    height: 350px;
    padding: 2px;
    margin: 0;
    border: 1px solid black;	
}

/*
 * debug -- displays debugging information
 */
#debug 
{
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}