@import url("clearall.css");

/*** links ***/
A:link, A:visited, A:active {
  text-decoration: underline;
 }

/*** font characteristics ***/
 body {
  font-size:.9em;
  font-family:sans-serif;
  font-weight:normal;
  }
 h1, h2, h3, h4 {
  font-family:sans-serif;
  }
 h1 {
  font-size:1.5em;
  }
 h2 {
  font-size:1.2em;
  }
 h3 {
  font-size:1em;
  }
 h4 {
  font-size:.9em;
  font-style:italic;
  }

/*** common margins and padding ***/
 body, ol, ul {
  margin-left:10px; margin-right:22px;
  }
 h1, h2, h3, h4, h5 {
  margin-left:0px;
  padding-top:1.2em; padding-bottom:1em;
  }
 p {
  padding-top:0.9em;
  }
 ol, ul {
  margin-left:2px; margin-right:22px;
  padding-top:0.12em;
  }
 ul ul, ol ol {
  margin-left:16px; margin-right:22px;
  padding-top:0em; padding-bottom:0em;
  }
 ol {
  list-style:decimal inside;
  }
 ol ol {
  list-style-type:lower-latin;
  }
 ul {
  list-style:disc inside;
  }
 ul ul {
  list-style-type:square;
  }

/*** tables ***/
 table.fill {  
  display: table;
  background:#FFFFFF;
  border-spacing: 2px;  
  border-collapse: separate;  
  margin-top: 0;  
  margin-bottom: 0;  
  text-indent: 0;  
 }  
 th {
  padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px;
  vertical-align:top; text-align:left;
  border-bottom:2px solid #000000;
  }
 th.fill {
  background:#4A659B; color:#FFFFFF;
  background-image:url(bgDark.png);
  }
 td {
  padding-top:2px; padding-bottom:3px; padding-left:5px; padding-right:10px;
  vertical-align:top; text-align:left;
  border-bottom:1px solid #000000;
  }
 td.fill {
  background-image:url(bgPale.png);
  }
 .R {
  text-align:right;
  }

/*** page design ***/

/***************************************************
 * centers page content
 *  (might need to define width and margins inline)
 *  (might have to define a div that left-justifies text)
 */
 body.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  }

/*** Inline Lists ***/

ul.inline,
.inline ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.inline{
   list-style-type: none;
   display: inline;
}
ul.inline>li{
   display: table-cell;
   position: relative;  
   padding: 2px 6px;
}

/***************************************************
 * viewport for entire page
 */

 #viewport {
   position:relative; width:1150px;
  }

/* pane for flowing content */
 #flow {
   float:left;
   width:68%;
   margin-left:10px;
  }

/***************************************************
 * viewport for a set of columns
 */

 .colviewport {
   position:relative;
   min-width:350px;
  }
/* column in the set */
 .col {
   float:left;
  }
/* clear column formatting */
 .colclear { 
   clear:both; /* clears floating layout from the tabs */
  }

/* primary navigation links */
 #nav {
   float:left;
   margin-left:0px;
   width:200px;
   border-right:1px dotted #000000;
   line-height:1.25;
  }
 #nav * {
   font-family: Verdana, sans-serif;
   font-weight: bold;
  }
 #nav a:link, #nav a:visited {
   text-decoration: none;
   padding-left:5px;
   font-size: xx-small;
 }
 #nav strong {
   font-size: small;
  }

 hr.divider {
   margin-left:20px;
   margin-right:20px;
  }

/* colored button */
 .cButton, .pButton, .wButton, .gButton {
    font-size: 8pt;
    font-family: Arial;
    font-weight: bolder;
    text-align: center;
    vertical-align: top;
    }

/* dark blue button */
 .cButton {
    background-color: #000000;
    color: #FFFFFF;
    }

/* pale blue button */
 .pButton {
    background-image:url(bgPale.png);
    color: #000000;
    }

/* white button */
 .wButton {
    background-color: #FFFFFF;
    color: #000000;
    }
/* grey button */
 .gButton {
    background-color: #CCCCCC;
    color: #000000;
    }


/*** reusable classes ***/
 .cText {color:#cc0033}
 .relative {position:relative;}
 .floatR {float:right;}
 .floatL {float:left;}
 .unfloat {clear:both;}
 .box {border:1px solid black;}
 .hide {display:none;}
 .center {text-align:center;}
 .bgd {background-image:url(bgDark.png);}
 .bgl {background-image:url("bgLight.png");}
 .bgp {background-image:url(bgPale.png);}