html, body, div, ul, *
{
    padding:    0px;
    margin:     0px;
}

body
{
    padding:            5px 25px 0px 25px;
    background-color:   #ebebeb;
}

#wrapper
{
  width:        924px;
  margin:       25px auto 15px auto;
  padding-left: 10px;
}

#main
{
    /* so that absolutely positioned children will be placed relative to this */
    position:           relative;
    padding-bottom:     10px;
    background-color:   #fdfde4;
}

#masthead
{
  background:   url(../images/logo.jpg) -5px -5px no-repeat;
  background:   url(../images/logo2.jpg) -5px -5px no-repeat;
  height:       175px;
  position:     relative;
  background-color:   #fff;
}

#masthead h1
{
    font-family:        "Palatino Linotype", Times, serif;
    color:              #4e4fa0;
    color:              #7e7ad2 ;
    color:              #ccccfe;
    font-size:          28px;
    font-weight:        lighter;
    padding:            40px 0px 0px 190px;
}

#menu
{
    position:   absolute;
    right:      10px;
    top:        150px;
}

/* rule for non-IE browsers */
#main>#menu
{
    right:      0px;
}

#menu ul
{
    list-style:     none;
    float:          right;
}

#menu ul li
{
    float:          left;
}

#menu a
{
    text-decoration:    none;
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          14px;
    letter-spacing:     -1px;
    color:              #000;
    color:              #4e4fa0;
    color:              #9293d4;
    background:         transparent url(../images/dot.jpg) right center no-repeat;
    padding:            0px 15px 0px 5px;
}

#menu a.last
{
    background-image:   none;
}

#menu a:hover, #menu a.selected
{
    color:              #4e4fa0;
}

#menu a.selected
{
    text-decoration:    underline;
}

#sidebar
{
    position:       absolute;
    top:            200px;
    left:           10px;
    padding-right:  0px;
    width:          180px;
}

#sidebar ul
{
    list-style:     none;
}

#sidebar li
{
    clear:          both;
}

#sidebar a
{
    text-decoration:    none;
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          14px;
    letter-spacing:     -1px;
    float:              right;
    color:              #4e4fa0;
    color:              #9293d4;
    padding-right:      20px;
    background:         transparent url(nothing.jpg) right bottom no-repeat;
}

#sidebar a:hover, #sidebar a.selected
{
    color:              #4e4fa0;
}

#sidebar a.selected
{
    background-image:   url(../images/triangle.jpg);
}

#content
{
    padding:            10px 10px 0px 200px;
    border-top:         2px solid #4e4fa0;
}

#content h1, #content h2, #content h3, #content h1 a
{
    font-family:        "Palatino Linotype", Times, serif;
    color:              #4e4fa0;
    color:              #7e7ad2;
    font-size:          22px;
    font-weight:        lighter;
}

#content h1 a
{
    text-decoration:    none;
}

#content h1 a:hover
{
    text-decoration:    underline;
}

#content h2
{
    font-size:          16px;
}

#content h3
{
    font-size:          14px;
    padding-top:        3px;
}

#content p
{
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          14px;
    padding:            0px 10px 10px 0px;
    color:              #666;
    
    /* hanging indent
    text-indent:        -0.2em;
    padding:            0px 10px 10px 0.2em;
    */
}

#content p.quote
{
    font-style:       italic;
}

#content p.quote a:visited
{
    /*
    color:              #f00;
    color:              #ccc;
    text-decoration:    line-through;
    */
}

#content ul
{
    list-style:     none;
}

#content ul li
{
    padding-left:    1em;
    background:      transparent url(../images/dot-content.jpg) left 5px no-repeat;
}

#content a
{
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          14px;
    letter-spacing:     -1px;
    color:              #9293d4;
}

#content a:hover
{
    color:              #4e4fa0;
}

#content img.decoration
{
    position:           relative;
    float:              right;
    margin:             8px 10px 10px 20px;
}

#content img
{
    border:             1px solid #aaa;
    border-color:       #ddd #999 #999 #ddd;
    margin-top:         20px;
}

#content ul.wide li
{
    position: relative;
    float:  left;
    display: inline;
}

#content ul.wide a
{
    display: block;
    white-space: nowrap;
}

#content table
{
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          12px;
    padding:            0px 10px 10px 0px;
    color:              #666;
}

#content table.results th
{
    text-align:     center;
    padding-right:  8px;
    white-space:    nowrap;
    /*
    border:         1px solid #ddd;
    */
}

#content table.results td.value
{
    text-align:     center;
}

#content .profile
{
    width:      340px;
    /*
    height:     340px;
    position:   relative;
    */
    float:      left;
}

#footer
{
    font-family:        "Microsoft Sans Serif", "Bitstream Vera Sans", sans-serif;
    font-size:          10px;
    color:              #999;
    padding:            10px 10px 0px 200px;
    clear:              both;
}

#footer span, #footer span a
{
    color:              #ccc;
}

#footer span a:hover
{
    color:              #4e4fa0;
}

#fees th, #fees td
{
    padding:        5px;
}

#fees thead th
{
    border:         1px solid #ccc;
    border-width:   0px 0px 1px 0px;
}

#fees tbody
{
    border-right:   1px solid #ccc;
}

#fees td
{
    border:         1px solid #ccc;
    border-left:    none;
    border-top:     none;
    vertical-align: top;
    white-space:    nowrap;
}

#fees td.desc
{
    border-left:   1px solid #ccc;
}

#fees td p
{
    margin:     0px;
    padding:    0px;
}

.wrap0, .wrap1, .wrap2, .wrap3, .wrap4
{
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0 
{
  background:url(../images/shadows/ebb551/right.jpg) right top repeat-y;
}
.wrap1 
{
  background:url(../images/shadows/ebb551/bottom.jpg) left bottom repeat-x;
}
.wrap2 
{
  background:url(../images/shadows/ebb551/br.jpg) right bottom no-repeat;
}
.wrap3 
{
  background:url(../images/shadows/ebb551/bl.jpg) left bottom no-repeat;
}

.wrap4 
{
  /* change right and bottom padding to vary shadow */
  padding:0 15px 15px 0;
  background:url(../images/shadows/ebb551/tr.jpg) right top no-repeat;
}

.wrap4 img 
{
  display:block;
}

.spacer
{
    height: 100px;
}

.small.spacer
{
    height: 40px;
}
