/****************  Header Area ****************************/

.headerBackground {
 background-color: #AA0032;
 background-image: url(/images/lines.gif);
 background-repeat: repeat;
}

.headerTitle {
 font-family: Verdana, Arial, Helvetica;
 font-weight: bold;
 font-style: italic;
 font-size: 20px;
 color: white;
}

.topNav {
 background-color: #880032;
 width: 80px;
 border-color: #FFFFFF;
 border-width: 0 0 0 1px;
 border-style: solid;
 padding-top: 0px;
 padding-bottom:0px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 font-color: white;
}

.topNav a {
 color: white;
 text-decoration: none;
}

.topNav a:hover {
 color: red;
}

/****************  Left Nav Area ****************************/
.leftNav {
 vertical-align: top;
 background-color: #E6ECF6;
}

.leftNav th{
 font-family: Verdana, Arial, Helvetica;
 font-size: 70%;
 font-weight: bold;
 text-align: left;
 padding-top: 15px;
 padding-bottom: 4px;
 padding-left: 2px;
 padding-right: 6px;
}

.leftNavLink {
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica;
 font-size: 70%;
 text-align: left;
 padding-top: 1px;
 padding-left: 6px;
 padding-right: 6px;
 padding-bottom: 1px;
}

.leftNavLink a {
 color: black;
 text-decoration: none;
}

.leftNavLink a:hover {
 color: blue;
}

/****************  Main Area ****************************/
.dirNav {
 font-family: Verdana, Arial, Helvetica;
 font-size: 70%;
 color: black;
}

.dirNav a {
 text-decoration: underline;
}

.dirNav a:hover {
 color: blue;
}

.main {
 font-family: Verdana, Arial, Helvetica;
 font-size: 12px;
 color: black;
}

.main h1 {
 font-weight: bold;
 font-size: 16px;
 color: #880032;
}

.main h3 {
 font-weight: bold;
 font-size: 14px;
}

.main h5 {
 font-weight: bold;
 color: #AA0032;
}

.fineprint {
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 color: black;
}

.christmas {
 border-color: #970035;
 border-width: 4 4 4 4px; 
 border-style: dashed;
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 color: #970035;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 background-color: #669900;
}

.valentine {
 border-color: #970035;
 border-width: 4 4 4 4px; 
 border-style: dashed;
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 color: #970035;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 background-color: pink;
}

/****************  Demo ****************************/
.demoExplanation {
 font-family: Verdana, Arial, Helvetica;
 font-size: 70%;
 color: 2D5C3D;
}

.demoExplanation td {
 background-color: #DDEBDE;
 border-color: #2D5C3D;
 border-width: 1 1 1 1px; 
 border-style: solid;
 padding-top: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
}

.demoList {
 font-family: Verdana, Arial, Helvetica;
 font-size: 70%;
 color: black;
}

.demoList th {
 background-color: AA0032;
 border-color: white;
 border-style: solid;
 border-width: 0 1 0 0px; 
}

.demoList td {
 background-color: white;
 border-color: #1D3D5C;
 border-style: solid;
 border-width: 1 0 0 0px;
}

.demoList a {
 color: black;
 text-decoration: none;
 font-weight: bold;
}

.demoList a:hover {
 color: red;
}


.demoBox {
 background-color: white;
 border-color: #1D3D5C;
 border-style: solid;
 border-width: 1 1 1 1px;
}

.demoLabel {
 font-weight: bold;
 color: #1D3D5C;
}

.demoData {
 font-weight: bold;
}

.demoSteps {
 font-family: Verdana, Arial, Helvetica;
 font-size: 12px;
 color: black;
}

.demoInput {
 border-color: #1D3D5C;
 border-style: solid;
 border-width: 1 1 1 1px;
}

.demoSubmit {
 border-color: #1D3D5C;
 border-style: solid;
 border-width: 1 1 1 1px;
 font-family: Verdana, Arial, Helvetica;
 font-weight: bold;
 color: #1D3D5C;
}

.demoSteps h1 {
 font-weight: bold;
 font-size: 16px;
 color: #1D3D5C;
}

.demoSteps h3 {
 font-weight: bold;
 font-size: 14px;
 color: #1D3D5C;
}

.demoSteps h5 {
 font-weight: bold;
 color: #1D3D5C;
}

.demoSteps a {
 color: #1D3D5C;
 font-weight: bold;
}

.demoSteps a:hover {
 color: red;
}

.demoStepsHeader {
 font-weight: bold;
 font-size: 16px;
}

.demoStepsXOfY {
 font-weight: bold;
 font-size: 14px;
 color: #AA0032;
}



/****************  Footer Area ****************************/
.footer {
 font-family: Verdana, Arial, Helvetica;
 font-size: 10px;
 color: black;
 background-color: #F1F1F1;
 padding: 5px;
}