/* Global definitions */
body
{  background-color: #cccccc;
   color: #000000;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   line-height: 14px;
   text-align: left;
   margin: 0px;
   padding: 0px;
}

/* Anchors */
/* Inline */
a:link 
{  color: #000000; 
   text-decoration: none;
}

a:visited 
{  color: #000000; 
   text-decoration: none;
}

a:active 
{  color: #666666; 
   text-decoration: none;
}

a:hover
{  color: #666666;
}

/* Navigation */
a.SelectedNav
{  color: #ffffff;
   font-size: 16px;
   text-decoration: none;
   margin-right: 14px;
}
a.SelectedNav:visited 
{  color: #ffffff;
   text-decoration: none;
   margin-right: 14px;
}
a.SelectedNav:active 
{  color: #ffffff;
   text-decoration: none;
   margin-right: 14px;
}
a.SelectedNav:hover
{  color: #999999; 
   text-decoration: none;
   margin-right: 14px;
}

a.TopNav:link
{  font-size: 11px;
   text-decoration: none;
   margin-right: 14px;
   color: #cccccc;
}
a.TopNav:visited 
{  color: #cccccc;
   text-decoration: none;
   margin-right: 14px;
}
a.TopNav:active 
{  color: #cccccc;
   text-decoration: none;
   margin-right: 14px;
}
a.TopNav:hover
{  color: #999999; 
   text-decoration: none;
   margin-right: 14px;
}

/* Special anchors */
a.OTBLogo
{  color: #000000;
   text-decoration: none;
   font-size:  10px;
}

a.copyright
{  color: #000000;
   text-decoration: none;
   font-size:  10px;
}

/* Text styles */
.hint
{  color: #000000;
   font-size: 12px;
   font-weight: bold;
}

.caption
{  margin-top: 3px;
   margin-left: 10px;
   margin-right: 0px;
   margin-bottom: 10px;
   font-family: verdana;
   font-size: 9px;
   font-weight: bold;
}

.pulloutTextRight
{  margin-top: 10px;
   margin-left: 15px;
   margin-right: 0px;
   text-transform: uppercase;
   font-size: 11px;
}

.myquoteRight
{  margin-top: 10px;
   margin-left: 15px;
   margin-right: 0px;
   font-family: times;
   font-weight: bold;
   font-style: italic;
   font-size: 16px;
}

.attributionRight
{  margin-top: 0px;
   margin-left: 15px;
   margin-right: 0px;
   font-family: verdana;
   font-size: 12px;
   font-style: italic;
}

.pulloutTextLeft
{  margin-top: 10px;
   margin-left: 0px;
   margin-right: 10px;
   font-family: times;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
}

.myquoteLeft
{  margin-top: 10px;
   margin-left: 0px;
   margin-right: 10px;
   margin-bottom: 0px;
   font-family: times;
   font-weight: bold;
   font-style: italic;
   font-size: 12px;
}

.attributionLeft
{  margin-top: 3px;
   margin-left: 0px;
   margin-right: 10px;
   font-family: verdana;
   font-size: 10px;
   font-style: italic;
}

/* Paragraph styles */
p
{  margin-bottom: 10px;
}

/* Article first paragraph */
p.articleStart
{  margin-top: 10px;
}

p.articleStart:first-letter
{  font-size:  14px;
}

p.articleStart:first-line
{  font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 0.1em;
}

p.article
{  margin-top: 10px;
}

p.article:first-letter
{  font-size: 1.3em;
}

p.myquoteLeft:first-letter
{  font-size:  14px;
   font-weight: bold;
}

/* Header elements */
h1.article
{  font-size:  12px;
   font-weight: bold;
   margin-left: 0px;
   margin-right: 10px;
   color: #669999;
}

h2.article
{  font-size:  11px;
   font-weight: bold;
   margin-left: 10px;
   margin-right: 10px;
   color: #000000;
}

h1.headline
{  color: #ffffff;
   font-size: 20px;
}


h1.myquoteLeft
{  font-size:  14px;
   font-weight: bold;
}

/* Table stuff */
table
{  margin: 0px;
}

tr.heading
{  background-color: #cc0000;
   text-align: center;
   color: #ffffff;
   width: 100%;
}

td
{  font-family: verdana,arial, helvetica;
   font-size: 10px;
}

/* Form stuff */
input, textarea
{  background-color: #ffffff;
   font-size: 10px;
   font-family: verdana, arial, helvetca, sans-serif;
}

/* Default positioning */
#column1
{  position: absolute;
   background-color: transparent;
   width: 150px;
   top: 150px;
   left: 45px;
   z-index: 2;
}

#column2
{  position: absolute;
   background-color: transparent;
   width: 150px;
   top: 150px;
   left: 210px;
   z-index: 2;
}

#column3
{  position: absolute;
   background-color: transparent;
   width: 150px;
   top: 150px;
   left: 375px;
   z-index: 2;
}

#column4
{  position: absolute;
   background-color: transparent;
   width: 170px;
   top: 150px;
   left: 540px;
   z-index: 2;
}

#MergeLeft
{  position: absolute;
   background-color: transparent;
   width: 315px;
   top: 150px;
   left: 45px;
   z-index: 2;
}

#MergeMiddle
{  position: absolute;
   background-color: transparent;
   width: 315px;
   top: 150px;
   left: 210px;
   z-index: 2;
}

#MergeRight
{  position: absolute;
   background-color: transparent;
   width: 335px;
   top: 150px;
   left: 375px;
   z-index: 2;
}

#MergeThreeRight
{  position: absolute;
   background-color: transparent;
   width: 500px;
   top: 150px;
   left: 210px;
   z-index: 2;
}

#SectionHeader
{  position: absolute;
   background-color: transparent;
   width: 800px;
   top: 80px;
   left: 20px;
   z-index: 2;
}

#Navigation
{  position: absolute;
   background-color: transparent;
   width: 775px;
   top: 18px;
   left: 24px;
   z-index: 2;
}

#NavigationMarker
{  position: absolute;
   background-color: transparent;
   width: 30px;
   top: 41px;
   left: 32px;
   z-index: 3;
}

#Background
{  position: absolute;
   background-color: #cccccc;
   left: 0px;
   top: 0px;
   width: 800px;
   height: 600px;
   padding: 0px;
   margin: 0px;
   border: 0px;
   z-index: 1;
 }

#copyright
{  position: absolute;
   width: 300px;
   height: 35px;
   top: 607px;
   left: 20px;
   z-index: 2;
   color: #cccccc;
}

#OTBlogo
{  position: absolute;
   width: 130px;
   height: 35px;
   top: 600px;
   left: 670px;
   z-index: 2;
}

#AWT800Number
{  position: absolute;
   width: 180px;
   height: 35px;
   top: 607px;
   left: 380px;
   z-index: 2;
   font-size: 12px;
   color: #000000;
}


