body {
    margin: 0;
    padding: 0;
    font: 13px "lucida grande", tahoma, verdana, helvetica, arial, sans-serif;
    background: #fbfbfa url(../images/body-bg.gif) repeat-y center center;
}

#survey-frame {
	width: 100%;
	height: 700px;
}

a img { border: 0; }

img { vertical-align: middle; }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

#container {
    width: 960px;
    margin: auto;
    background-color: #fcca7e;
}

#header { background-color: #fff; }

#header h1 { float: left; }

#search {
    float: right;
    padding: 70px 5px 0 0;
}

#admin { background-color: #000; }

#admin a { color: #fff; }

#banner {
    clear: both;
    border: 5px solid #3b6894;
    border-right: 0;
    background-color: #3b6894;
    height: 100px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#banner img {
    margin-right: 5px;
    float: left;
}

#banner span {
    font-size: 28px;
    line-height: 100px;
}

#template-title {
    margin-right: 5px;
    float: left;
    line-height: 98px;
    width: 471px;
    background-color: #3b6894;
    font-size: 30px;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#pullquote {
    background-color: #3b6894;
    font-size: 15px;
    color: #8fbbcd;
    font-weight: bold;
    text-align: center;
    clear: both;
    margin-bottom: 5px;
	height: 20px;
}

#badges {
    text-align: center;
    margin-bottom: 5px;
}

#badges img { margin-left: 5px; }

#content {
    background-color: #fff;
    padding: 12px;
    width: 719px;
    margin-left: 212px;
    margin-bottom: 5px;
    min-height: 448px;
}

#content p, #content li { line-height: 1.4em; }

#footer #copyright,
#footer #address {
    padding: 10px;
    color: #666; /* the color of the beast! */
    font-size: 12px;
    line-height: 18px;
}

#footer #copyright { float: left; }

#footer #address { float: right; }

#footer {
    clear: both;
    background-color: #fbfbfa; /*  url(../images/footer-bg.gif) repeat-x 0 14px */
    height: 126px;
}

/*** TOOLBARS *******************************************/
    ul.toolbar {
        margin: 0;
        padding: 5px 0 5px 94px;
        list-style: none;
        text-align: center;
        background-color: #fcca7e;
        height: 15px;
        clear: both;
        position: relative;
    }
    
    ul.toolbar li {
        float: left;
        padding: 0 5px;
    }

    ul.toolbar a {
        text-decoration: none;
        color: #000;
        font-size: 12px;
        display: block;
        height: 16px;
		min-width: 90px;
        white-space: nowrap;
    }
    
    ul.toolbar a:hover {
        /* background: transparent url(../images/toolbar-bg.gif) no-repeat center center; */
	background-color: rgb(191, 153, 96);
        color: #fff;
    }

    ul.toolbar ul {
        background-color: #fcca7e;
        position: absolute;
        margin: 5px 0 0 -10px;
        padding: 0 10px;
        list-style: none;
    }
    
    ul.toolbar ul li {
        display: block;
        padding: 8px 0;
        clear: both;
        text-align: left;
    }
/********************************************************/

/*** MENUS **********************************************/
    .menu {
        float: left;
        clear: left;
        width: 210px;
    }
    
    .menu h2, .menu ul {
        margin: 0 3px 5px 5px;
        padding: 10px;
    }
    
    .menu h2 {
        font-size: 13px;
        line-height: 13px;
        font-weight: normal;
    }
    
    .menu h2.selected a {
    	color: #3b6894;
    }
    
    .menu h2 a {color: #000;}
    
    .menu ul {
        list-style: none;
        font-size: 11px;
    }
    
    .menu li a {
        display: block;
        text-decoration: none;
        color: #000;
        background: transparent url(../images/bullets/arrow_right.png) no-repeat left top;
        padding-left: 18px;
        line-height: 20px;
    }
    
    .menu li a:hover {
        border: 1px solid #40c9ff;
        background-color: #fff;
        line-height: 18px;
        margin-left: -1px;
        margin-right: -1px;
    }
/********************************************************/

/*** FORMS **********************************************/
    label { font-weight: bold; }
    
    .buttons {
        text-align: right;
        margin: 10px 0;
        padding: 7px 0 7px 7px;
        border: 1px solid #f0f0f0;
    }
    
    button, .button {
        text-decoration: none;
        color: #000;
        outline: none;
        font-weight: bold;
        width: auto;
        overflow: visible;
        padding: 3px 7px 3px 3px;
        margin-right: 7px;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        cursor: pointer;
    }
    
    .button { padding: 5px; line-height: 17px; }
    
    button img, .button img {
        height: 16px;
        width: 16px;
    }
    
    .button img { padding-right: 3px; }

    button.edit:hover, .button.edit:hover {
        background-color: #f7f7c3;
        border: 1px solid #dfdf8b;
        color: #565611;
    }

    button.submit:hover, .button.zubmit:hover {
        background-color: #e6efc2;
        border: 1px solid #c6d880;
        color: #529214;
    }

    button.cancel, .button.cancel { color: #d12f19; }
    
    button.cancel:hover, .button.cancel:hover {
        background-color: #fbe3e4;
        border: 1px solid #fbc2c4;
        color: #d12f19;
    }
/********************************************************/

/*** TABLES *********************************************/
    table { border-collapse: collapse; }
    
    th { text-align: left; }
/********************************************************/

/*** IE6 *************************************************/
/*** TODO: move to ie6.css and conditional comment *******/
    * html #content {
        width: 715px;
        height: 474px;
    }
    
    * html .menu h2, * html .menu ul { margin-right: 0px; }
/********************************************************/