h1.PageTitle
{
   color: #090d97;
   font-size: 30px;
   font-variant: small-caps;
   margin-top:0px;
   padding-top:0px;
}

p.SysMessage
{
   border-style: solid;
   border-width: 1px;
   border-color: #090d97;
   margin: 5px;
   padding: 5px;
   width: 100%;
   vertical-align: middle;
}

img.SysMessage
{
   vertical-align: middle;
}

div.SysMessage
{
   vertical-align: middle;

}

#header
{
   clear: both;
   font-size: 93%;
   background: url(/images/bg.png) #ffffff repeat-x 50% bottom;
   float: left;
   width: 100%;
   line-height: normal;
   padding-bottom: 0px;
   margin-top: 100px;
}

#header ul
{
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 0px;
   padding-top: 10px;
   margin: 0px;
   list-style-type: none;
}

#header li
{
   padding-right: 0px;
   padding-left: 9px;
   background: url(/images/left.gif) no-repeat left top;
   float: left;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
}

#header a
{
   padding-right: 15px;
   padding-left: 6px;
   padding-bottom: 4px;
   padding-top: 5px;
   display: block;
   background: url(/images/right.gif) no-repeat right top;
   float: none;
   color: #292db7;
   text-decoration: none;
   font-variant: small-caps;
   font-weight: bold;
}

#header A:hover
{
   color: #000080;
   text-decoration: underline;
}

#header #current
{
   background-image: url(/images/left_on.gif);
}

#header #current a
{
   background-image: url(/images/right_on.gif);
   padding-bottom: 5px;
   color: #090d97;
}


.container {
        clear: both;
        width: 700px;
        padding: 15px;
        margin: 3px 0 5px 0;
        border: 0px none #ccc;
        background: #fff;
}

/* pyramid */

#navPyra {
        clear: none;
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 22px 6px 22px;
        text-decoration: none;
        color: #708491;
}

#navPyra #current a {
        color: #000;
        background: url(/images/pyramid.gif) no-repeat bottom center;
}


#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        text-decoration: underline;
}

#title {
        width: 272px;
        height: 86px;
        margin: 5px;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 5px;
        border-style:none;

}

#tagline {
        width: 363px;
        height: 18px;
        margin: 0px 5px 5px 25px;
        padding: 0px;
        position: absolute;
        top: 96px;
        left: 5px;
        border-style:none;
}

#quicklink {
        background: #fff;
        border: 1px solid #0c10c0;
        width: 225px;
        min-height: 70px;
        _height: 70px;
        padding: 5px;
        margin: 0px;
        font-size: 12px;
        list-style-type: none;
        position: absolute;
        top: 15px;
        left: 475px;
        list-style-position: outside;
        line-height: 1.4;
}

#quicklink #cart {
   background: url(/images/cart.gif) no-repeat scroll center left;
   padding-left: 48px;
   min-height: 38px;
   _height: 38px;
   vertical-align: middle;
}

#quicklink #login {
   background: url(/images/login.gif) no-repeat scroll center left;
   padding-left: 48px;
   min-height: 38px;
   _height: 38px;
   vertical-align: middle;
}

#quicklink #recordings {
   background: url(/images/microphone.gif) no-repeat scroll center left;
   padding-left: 48px;
   min-height: 38px;
   _height: 38px;
   vertical-align: middle;
}

#quicklink #account {
   background: url(/images/moneybag.gif) no-repeat scroll center left;
   padding-left: 48px;
   min-height: 38px;
   _height: 38px;
   vertical-align: middle;
}

#quicklink a:link     { color: #00e; text-decoration: underline; }
#quicklink a:visited  { color: #00e; text-decoration: underline; }
#quicklink a:hover    { color: #007; text-decoration: underline; }
#quicklink a:active   { color: #00e; text-decoration: underline; }

#quicklink img {
        vertical-align: middle;
}

.subgroup {
   width: 350px;
   border: 1px solid #0c10c0;
   color: #000;
}

a.mainlink {
   text-decoration:none;
   color:#00a;
}

a:hover.mainlink {
   text-decoration:underline;
}

img.mainlink {
   border-style:none;
   vertical-align:middle;
   line-height:42px;
}

div.mainlink {
   font-size:larger;
   font-weight:bold;
   color:#00a;
   vertical-align:middle;
   line-height:42px;
}

html, body {
   margin: 0px;
   padding: 0px;
   height: 100%;
   background-color:#ffffff;
}

#container-page {
   position: relative;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   background-color:#ffffff;
}

#footer {
   clear:both;
   padding:0px;
   margin:0px;
   font-size:smaller;
   font-variant:small-caps;
   color:#00a;
   text-align:center;
   width:700;
   position:absolute;
   bottom: 0px !important;
}