/* Cheap Computer Solutions */

body 
{
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: verdana, arial, trebuchet ms, sans-serif;
font-size: 13px; 
font-weight: normal;
line-height: 16px; 
line-height: 187%;
color: #000000;
}

/* links must be listed in this order
a:link 
a:visited 
a:hover 
a:active  */

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {color:#cc0000; text-decoration: underline;}

a:active {color:#cc0000;}

/* anchor white */
a.white:link {color: #ffffff}
a.white:vlink {color: #ffffff}


/* class, show icon after link, Ex. <a href="someurl.com" icon="link"> */
a[icon ^="link"] {
   padding-right: 20px;
   background: transparent url(../pics/icons/link.gif) no-repeat center right;
}

/* class, Transparent icons */
 .icon {
background-color:#336699;
background-image: url(/pics/icons/rounded_bg.gif);
background-repeat: no-repeat;
}

/* nav box spacer */ 
.spacer { height: 5px; }

.navbox {
	border-right: #ccc 1px solid;
	border-top: #336699 3px solid;
	font-size: 11px;
	background: #ffffff;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 5px;
	margin-left:3px;
}


/*  head  */ 
.head
{
font-family: verdana, trebuchet ms, arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 18px;
}


     /* p */
p
{
color: black;
font-family: verdana, arial, trebuchet ms,sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 16px; 
}

		/* id, Para Main Center */
p#center
{
color: black;
font-family: verdana, arial, trebuchet ms,sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 16px;
text-align: center
}

div
{
color: black;
font-family: verdana, arial, trebuchet ms,sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 16px;
}

div.legal
{
font-size: x-small;
color: #ffffff;
font-style: none;
padding: 10px
}

div#box
{
padding-top: 5px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 5px;
border: #336699;
border-style: solid;
border-width: 2px 4px 4px 2px
}

/* body wrapper id */
div#body
{
padding-top: 3px;
padding-right: 3px;
padding-left: 6px;
}

div#body a:link
{
text-decoration: none
}

div#body a:visited
{
color:#0000cc;
text-decoration: none
}

div#body a:hover 
{
color:#cc0000;
text-decoration: underline;
}

div#body a:active
{
color:#cc0000
}


/* Header Logo*/
div#logo {padding-top: 10px; padding-bottom: 22px; padding-left: 5px; background-color: #336699;}

/* Generic Center */
.center {text-align: center}

/* Generic Right */
.right {text-align: right}

/* U List Red Arrow Pic*/
ul 
{
list-style-image: url('../pics/rarrow.jpg');
line-height: 18px;
}

/* Left Button Menu - This is being used
in place of the /ssi/menuleft.css. */

.buttonscontainer {width: 120px;}

.buttons a {color: #FFFFFF;
border: 2px outset;
background-color: #336699;
padding: 2px;
padding-left: 3px;
font: 11px Verdana, Arial, sans-serif;
font-weight: none;
text-decoration: none;
border-color: #6495ed/*top*/ #000000/*right*/ #000000/*bottom*/ #6495ed;/*left*/
display: block;
margin: 0px 0px 2px 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 2px inset;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #99cdFF;/*#a8a8a8;*/
border-color: #ffffff #000099 #000099 #ffffff;
color: #000000;
text-decoration: none;
font-weight: bold;}

/* End Button Menu */

/* class='top' */ 
a.top:link {color: #ffffff; font-family: verdana , arial; font-size: x-small;}
a.top:visited {color: #ffffff; font-family: verdana , arial; font-size: x-small;}
a.top:hover {color: #99cdFF; font-family: verdana , arial; font-size: x-small;}
a.top:active {color: #cc0000; font-family: verdana , arial; font-size: x-small;}

/*
This style sheet describes the typical formatting of all HTML 4.0 ([HTML40]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations.

The full presentation of some HTML elements cannot be expressed in CSS2, including replaced elements (IMG, OBJECT), scripting elements (SCRIPT, APPLET), form control elements, and frame elements.
*/

address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p,
applet, 
center, dir, 
hr, menu, pre   { display: block }

li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
/* body            { padding: 8px; line-height: 1.33 } */
h1              { font-size: 1.4em; margin: .89em 0 }
h2              { font-size: 1.2em; margin: .83em 0 }
h3              { font-size: 1.1em; margin: 1em 0 }

p,
blockquote, ul,
fieldset, ol, dl, dir,
menu            { margin: 0.33em 0 }

h4              { font-size: 1.2em; line-height: 1.2em; margin: 1em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }

h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bold; font-family: trebuchet ms,verdana; }

blockquote      { margin-left: 40px; margin-right: 40px }

i, cite, em,
var, address    { font-style: italic }

pre, tt, code,
kbd, samp       { font-family: monospace }

pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }

ol, ul, dir,
menu, dd        { margin-left: 0px }

ol              { list-style-type: decimal }

ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }

u, ins          { text-decoration: underline }
center          { text-align: center }
br:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
/* a[href]         { text-decoration: underline } */ 
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
  blockquote, 
  pre           { page-break-inside: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

@media speech {
  h1, h2, h3, 
  h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           { pitch: high; pitch-range: 60; stress: 60 }
  s, strike     { richness: 0 }
  i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             { richness: 0 }
  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}