/****************************************************************************
*** the CSS style page for Techcelerator
***
*** We try to avoid using defaults whenever possible since different
*** browsers have different defaults and different inheritance rules.
***
*** the elements:
*** #normpage: page fixed at 760 pixels wide
*** #fillpage: page that fills screen - typically used by staff
***    #header: header across the full width of the page
***    #topnav: navigation bucket across full width of the page
***       .hnav: class for horizontal navigation menu
***    #middle: bucket for everything in the middle, full width of page
***             uses table to handle content columns since css is a pain
***       .vnav: class for vertical navigation menu in its own column
***       #message: bucket for messages to user
***       #content: bucket for page content
***       .ads:  class for vertical navigation menu in its own column
***    #footer: footer across the full width of the page
****************************************************************************/

/****************************************************************************
*** Define properties and container for the entire page.
*** Every element will get exactly the same fonts!!!
*** We define one standard container and one wide container.
****************************************************************************/
body
{
margin:3px 3px 3px 3px;
padding:0;
background-color: #07659E;
color: #000000;
text-align:center;
}

#normpage
{
width:760px;
margin:0px auto;
border-left:1px solid #808080;
border-right:1px solid #808080;
background-color:#ffffff;
color:#000000;
}

#blackpage
{
width:760px;
margin:0px auto;
border-left:1px solid #808080;
border-right:1px solid #808080;
background-color:#000000;
color: #ffffff;
}

#widepage
{
width:100%;
margin:0px auto;
border-left:1px solid #808080;
border-right:1px solid #808080;
background-color:#F5F5F5;
}

/*
* { font-family: Arial, Chicago, Helvetica, sans-serif; }
*/
a, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, div, table, body {
font-family: Arial, Chicago, Helvetica, sans-serif;
}
.smallvspace h1, h2, h3 {margin-bottom: 0.2em;}


/*
a, p, h4, h5, h6, blockquote, ol, ul, div, table, body {
font-size: 16px;
}
*/
h1 {font-size: large; font-weight: bold; margin-top: 1em;}
h2 {font-size: medium; font-weight: bold;}
h3 {font-size: medium; font-weight: normal;}

tr.head { background-color: rgb(90%,20%,90%);}
tr.odd { background-color: #F5F5F5;}
tr.even { background-color: rgb(70%,70%,95%);}

/****************************************************************************
*** stuff for the splash page
****************************************************************************/
a.splash
{
text-decoration:none;
color: black;
background-color: white;
}
a.splash:link {color: black}
a.splash:visited {color: black}
a.splash:hover {color: white; background-color: #07659E; font-weight:bold;}
a.splash:active {color: black}

a.quiet
{
text-decoration:none;
color: black;
background-color: white;
}
a.quiet:link {color: black; text-decoration:none;}
a.quiet:visited {color: black; text-decoration:none;}
a.quiet:hover {color: black; text-decoration:none;}
a.quiet:active {color: black; text-decoration:none;}

/****************************************************************************
*** define a page header that reaches all the way across
****************************************************************************/
#header
{
width: 100%;
clear:both;
font-weight:bold;
padding:0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid #808080;
}

/****************************************************************************
*** bucket for navigation (horizontal menu)
****************************************************************************/
#topnav
{
width: 100%;
clear:both;
font-weight:bold;
border-right: 0;
border-left: 0;
border-top: 0;
border-bottom:2px solid #808080;
background-color:#FFFFAA;
padding-top:0em;
padding-bottom:0em;
padding-left:0em;
padding-right:0em;
margin: 0em;
}

ul.hnav {
width:100%;
padding:0em;
margin:0em;
list-style-type:none;
text-align:center;
}
li.hnav { display:inline;}
a.hnav {
text-decoration:none;
color:black;
font-size:small;
background-color: #ffffaa;
border: 0;
padding-top:1px;
padding-bottom:0em;
padding-left:4px;
padding-right:4px;
margin: 0em;
}
a.hnav:link {background-color:#ffffaa;}
a.hnav:visited {background-color:#ffffaa;}
a.hnav:hover {background-color:#9AFF5A;}
a.hnav:active {background-color:#ffffaa;}

a.hnavCur {
text-decoration:none;
color:black;
font-size:small;
background-color: #9aff5a;
border: 0;
padding-top:1px;
padding-bottom:0em;
padding-left:4px;
padding-right:4px;
margin: 0em;
}
a.hnavCur:link {background-color:#9aff5a;}
a.hnavCur:visited {background-color:#9aff5a;}
a.hnavCur:hover {background-color:#9aff5a;}
a.hnavCur:active {background-color:#9aff5a;}

/****************************************************************************
*** a bucket to hold everything in the middle
*** the contents of this bucket are expected to be in columns of a table
****************************************************************************/
#normmiddle
{
width: 100%;
clear:both;
padding:0;
background-color:#ffffff;
color: #000000;
}

#blackmiddle
{
width: 100%;
clear:both;
padding:0;
background-color:#000000;
color: #ffffff;
}

li.doublespace {
padding-bottom:1em;
}

/****************************************************************************
*** class for vertical navigation menu in its own table column
****************************************************************************/
td.vnav
{
width: 140px;
background-color:#FFFFAA;
font-weight:bold;
text-align: left;
vertical-align: top;
line-height: 1.6;
}

ul.vnav
{
width:100%;
padding:0;
margin:0;
list-style-type:none;
text-align:left;
}
li.vnav {border:0; padding:0;}

a.vnav
{
text-decoration:none;
color: black;
font-size:small;
background-color:#ffffaa;
border:0;
padding-top:0em;
padding-bottom:0em;
padding-left:2px;
padding-right:4px;
}
a.vnav:link {background-color: transparent;}
a.vnav:visited {background-color: transparent;}
a.vnav:hover {background-color:#9AFF5A;}
a.vnav:active {background-color: transparent;}

a.vnavCur
{
text-decoration:none;
color: black;
font-size:small;
background-color:#9aff5a;
border:0;
padding-top:0em;
padding-bottom:0em;
padding-left:2px;
padding-right:4px;
}
a.vnavCur:link {background-color: #9aff5a;}
a.vnavCur:visited {background-color: #9aff5a;}
a.vnavCur:hover {background-color:#9AFF5A;}
a.vnavCur:active {background-color: #9aff5a;}

/****************************************************************************
*** define a message panel that sits above the page content
*** this is only used when something urgent needs to be communicated
****************************************************************************/
#message
{
background-color: #ff7777;
color: black;
text-align: center;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

/****************************************************************************
*** define the page content - where all the good stuff happens
****************************************************************************/
#content
{
text-align: left;
}

table.checkboxWidget
{
width:100%;
border-top: 1px solid rgb(128,128,128);
border-bottom: 1px solid black;
border-left: 0;
border-right: 0;
font-size: smaller;
}

/****************************************************************************
*** class for advertising in its own table column
*** not tested!!
****************************************************************************/
td.ads
{
width: 140px;
background-color:white;
text-align: left;
vertical-align: top;
line-height: 1.6;
border-left :1px solid #808080;
}

/****************************************************************************
*** page footer - it reaches all the way across
****************************************************************************/
div.footer
{
width: 100%;
text-align:center;
font-size:small;
clear:both;
border-top:1px solid #808080;
padding-top: 0.3em;
padding-bottom: 0.3em;
}