/* 
    Document   : StyleSheet
    Created on : Oct 5, 2009, 4:19:15 PM
    Author     : Jaime Katz
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    text-align: center;
    background-color:#bdb5a5;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:86%;
    margin:0;padding:0;
}

#container {
    display: block;
    width:760px;
    text-align:left;
    background-color:#bdb5a5;
    margin: 10px auto;
    padding:0px;
}
#masthead {
    display: inline-block;
    width: inherit;
    height: 170px;
    background-color: #ffffff;
    /*background: url(/img/Helicon-records.png);*/

}
#masthead a {
    display: block;
    width: inherit;
    height: 170px;
    border-style: none;
}

#search_container {
    display: inline-block;
    width:inherit;
    height: 40px;
    background-color: white;
}
form#cse-search-box {
    padding-left:10px;
    padding-top:10px;
    margin-top:0px;
}
#main {
    display: inline-block;
    width: inherit;
    background-color: #bdb5a5;
}

#menu {
    width: 660px;
    background-color:#bdb5a5;
    float:left;
    text-align:left;
}

#sidebar {
    float:left;
    /*background-image:url(/img/background.jpg);*/
    /*background-repeat:repeat-y;*/

    width:100px;

}
#content {
    width: 660px;   
    float:right;
    background-color: #ffffff;
}

#footer
{
    height:100px;
    width: 660px;
    float:right;
    text-align:center;
    background-color:#d2d2cb;
    font-weight:bold;
    padding-top: 10px;
    border:0px;
}

p {
    padding-right:0px;
}

a:link, a:visited
{
    color: #ce1e01;
}
a:hover, a:active

{
    color: #dc5741;
    text-decoration:underline;

}

h1
{
    color:#d50129;
    padding-left: 4px;
    margin-top:0px;
    font-size:150%;
    text-align:center;

}
h1.header
{
    color:#e6a814;
    position:absolute;
    left:450px;
    top:80px;
    z-index:100;
    font-size:200%;
}
h2
{
    color:#313760;
    padding:0px;
    padding-left:0px;
    font-size:160%;
    margin-top:0px;
    margin-bottom:0px;
}
h2.recordingTitle
{
    font-size:100%;
    font-weight:bold;
    padding-left:10px;
}
h3
{
    color:#b86001; 
    font-size:96%;
    margin-top:1px;
    margin-bottom:1px;
    padding-left:10px;
    padding-bottom: 2px;
    padding-right: 10px;
}
h3.big
{
    color:#b86001;
    padding:4px 0px 4px 0px;
    font-size:110%;
    margin-top:1px;
    margin-bottom:1px;
}
h4
{
    color:#ce1e01;
    padding:4px 0px 4px 0px;
    font-size:90%;
    margin-top:1px;
    margin-bottom:1px;
}
h5
{
    color:#ce1e01;
    padding:4px;
    font-size:85%;
}

table
{
    font-size:100%;
    margin:0;padding:0;
    background-color: #ffffff;
    width: inherit;
}
.bluebold
{
    color:#01094f;
    font-weight:bold;
}


.pictureleft
{
    float:left;
    margin-right:16px;
    border:none 0;
}

.pictureright
{
    float:right;
    margin-left:16px;
    border:none 0;
}
.padleftalign
{
    padding-left:10px;
    padding-right:10px;
    text-align:left;
}
.rightborder
{
    padding:6px;
    text-align:center;
    border: solid 1px #a61801;
    margin-left:170px;margin-right:10px;
}
.righttext
{
    padding:2px 20px 12px 20px;
    width:250px;
    border: solid 1px #8c8c89;
}
.TextDarkBlue
{
    color:#313760;
    padding:4px;
    padding-left:0px;
    margin-bottom:0px;
    font-size:110%;
    font-weight:bold;
}
.viewcart
{
    position:absolute;
    top:130px;
    left:840px;
    z-index:110;
}

img.border {
    padding: 4px 4px 0px 4px;
}

#innercontainer
{
    margin-top:0px;
    border:none 0px;
    border-right:solid 8px #fdf16d;
    border-bottom:solid 10px #fdf16d;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.menu5 {
    margin:0; padding:0;
    padding-top:8px;
    list-style-type:none;
    margin-left:30px;
    font-weight:bold;
    z-index:100;
}
.menu5 ul {
    padding:0; margin:0;
    list-style-type:none; /* for Firefox */
}
.menu5 li {
    float:left; position:relative;
    padding-top:2px;
    padding-left:28px;
    padding-right:28px;
    padding-bottom:0px;
    margin:0px;
}
.menu5 li a, .menu5 li a:visited {
    display:block; text-decoration:none; float:left; color:#ae374b;
}
* html .menu5 li a, .menu5 li a:visited {
    /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
    font-weight:bold;
    margin:0;padding:0;

}
.menu5 li a.drop:hover {
    font-weight:bold;
    margin:0;padding:0;

}

.menu5 li ul {
    visibility:hidden; position:absolute; top:1.2em; left:0; height:0; overflow:hidden;
}
.menu5 table {
    margin:-1px; border-collapse:collapse; font-size:small; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover
{
    text-decoration:underline; border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
    visibility:visible; height:auto;  background:#fff;
    border:1px solid #ddd;
    left:0;
    top:1.2em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
    display:block; font-weight:normal; background:transparent;
    text-decoration:none; height:auto;
    padding:2px;padding-right:12px;
    border-right:none 0px;

}
* html .menu5 li a:hover ul li a {
    /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
    font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
    visibility:hidden;
    position:absolute; top:1em; left:9.5em;
    height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
    text-decoration:underline;

}