@import url("base.css");
@import url("fonts.css");

#body_blue {
    background-image: url("/images/background.gif");
    height: 100%;
    min-width: 822px;
    color: #333333;
}

#body_red {
    background-image: url("/images/background_red.gif");
    height: 100%;
    min-width: 822px;
    color: #333333;
}

#body_green {
    background-image: url("/images/background_green.gif");
    height: 100%;
    min-width: 822px;
    color: #333333;
}

#body_orange {
    background-image: url("/images/background_orange.gif");
    height: 100%;
    min-width: 822px;
    color: #333333;
}

#body_pink {
    background-image: url("/images/background_pink.gif");
    height: 100%;
    min-width: 822px;
    color: #333333;
}

#header_bkgd {
    background: url("/images/header01.png") no-repeat;
    height: 297px;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#header_sketch {
    background: url("/images/headerA.png") no-repeat;
    height: 297px;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#header_narrow {
    width: 550px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
}

#header_wide {
    width: 810px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
}

#tagline_top {
    font-size: 80%;
    color: #c9f5f6;
    text-align: center;
}

#menu {
    width: 550px;
    height: 285px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 80px;
    padding-left: 70px;
}

#menu_wide {
    width: 550px;
    height: 285px;
    margin-left: auto;
    margin-right: auto;
    /*
    position: relative;
    top: 80px;
    padding-left: 70px;
    */
}

#main {
    width: 640px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/bkgd_content_white01.png") repeat-y;
}

#main_content {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
}

#main_narrow {
    width: 550px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/bkgd_content_white02.png") repeat-y;
}

#main_wide {
    width: 810px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/bkgd_content_white03.png") repeat-y;
}

#footer {
    width: 822px;
    height: 438px;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/footer_white_bkgd.png") no-repeat;
}

#footerfan {
    width: 822px;
    height: 438px;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/footer_fan.png") no-repeat;
}

#footer_content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    color: #333333;
}

#footer_main {
    width: 600px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}

#footer_narrow {
    width: 676px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/footer_narrow01.png") no-repeat;
}

#footer_wide {
    width: 904px;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/footer_wide01.png") no-repeat;
}

a { 
	color: #0068cb;
	text-decoration: none; 
}

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

a img {
	border: none;
}

hr {
    border-top: 1px solid #a5cbba;
    border-right: none;
    border-bottom: none;
    border-left: none;
    height: 0em;
    line-height: 0em;

    margin: .3em 0em;
    padding: 0;
    overflow: hidden;
}

.spacer_vert01 {
    height: 300px;
}

#main_sketch {
    width: 920px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#sketchbook_main_content {
    background-color: #ffffff;
    width: auto;
}

#sketchbook_top_lt {
    background-image: url("/images/sketchbook_top_lt.png");
    width: 70px;
    height: 13px;
    background-repeat: repeat-none;
}

#sketchbook_top_center {
    background-image: url("/images/sketchbook_top_center.png");
    width: auto;
    height: 13px;
    background-repeat: repeat-x;
}

#sketchbook_top_rt {
    background-image: url("/images/sketchbook_top_rt.png");
    width: 25px;
    height: 13px;
    background-repeat: repeat-none;
}

#sketchbook_mid_lt {
    background-image: url("/images/tile_sketchbook_rings.png");
    width: 70px;
    background-repeat: repeat-y;
}

#sketchbook_mid_rt {
    background-image: url("/images/sketchbook_mid_rt.png");
    width: 25px;
    background-repeat: repeat-y;
}

#sketchbook_bottom_lt {
    background-image: url("/images/sketchbook_bottom_lt.png");
    width: 70px;
    height: 13px;
    background-repeat: repeat-none;
}

#sketchbook_bottom_center {
    background-image: url("/images/sketchbook_bottom_center.png");
    width: auto;
    height: 13px;
    background-repeat: repeat-x;
}

#sketchbook_bottom_rt {
    background-image: url("/images/sketchbook_bottom_rt.png");
    width: 25px;
    height: 13px;
    background-repeat: repeat-none;
}

#menu_illustration {
    width: 100%;
    text-align: center;
    font-size: 80%;
    margin-top: 20px;
}

.menu_bullet {
    padding-left: 5px;
    padding-right: 5px;
    color: #008080;
}

.brain {
    padding-top: 20px;
    text-align: center;
}