/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
    margin: 0;
    padding: 0;
}

body
{
    margin: 20px 0;
    background: #4f4f2f;
    font: normal 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #333;
}

h1
{
    font-size: 1.6em;
    margin-bottom: 15px;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.15em;
}

a
{
    color: #264598;
}

a:hover
{
    text-decoration: none;
    color: #1642C9;
}

table, td
{
    padding: 3px;
}

/* Boxed */

.title
{
    padding-left: 30px;
    background: url(../App_Images/Template/img04.gif) no-repeat left center;
}

.boxed1 .title
{
    height: 24px;
    padding-top: 5px;
    font-size: 100%;
}

.boxed1 .content
{
    background: url(../App_Images/Template/img05.gif) no-repeat left bottom;
    padding: 20px;
}

.boxed2 .title
{
    font-size: 182%;
    color: #7b7a52;
}

.boxed2 .content
{
    background: url(../App_Images/Template/img06.gif) no-repeat left bottom;
    padding: 20px;
}

.boxed3 .title
{
    font-size: 129%;
    color: #7b7a52;
}

.boxed3 .content
{
    background: url(../App_Images/Template/img07.gif) no-repeat left bottom;
    padding: 20px;
}

.boxed3 ol, .boxed3 ul
{
    margin-left: 1em;
}


/* Header */

.header
{
    width: 780px;
    height: 161px;
    margin: 0 auto;
    background: #8e8e62 url(../App_Images/Template/stainglass.jpg) no-repeat 100%; /* 50px */
    border-bottom: 5px solid #9b0009;
}

.adminHeader
{
    width: 770px;
    margin: 0 auto;
    text-align: center;
    background-color: #8e8e62; /*#f3f2df;*/
    padding: 5px;
}
.adminHeader a
{
    color: #fff;
    font-weight: bold;
}


/* Logo */

.logo
{
    float: left;
    width: 239px;
    height: 160px;
    background: #9A8825 url(../App_Images/Template/img01.gif) no-repeat;
    border-right: 1px solid #FFFFFF;
    text-align: center;
}

.logo h1
{
    padding-top: 80px;
    text-transform: lowercase;
    letter-spacing: -2px;
    font-size: 36px;
    font-weight: normal;
}

.logo h2
{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 9px;
}

.logo a
{
    text-decoration: none;
    color: #FFFFFF;
}

/* Menu */

.menu
{
    float: left;
    width: 540px;
    height: 49px;
    /*background: #8e8e62 url(../App_Images/Template/stainglass1.jpg) no-repeat;*/
    border-bottom: 1px solid #FFFFFF;
}

.menu ul
{
    height: 5px;
    background: #9b0009;
    list-style: none;
}

.menu li
{
    display: inline;
}

.menu a
{
    display: block;
    float: left;
    height: 30px;
    padding: 14px 15px 0 15px;
    border-top: 5px solid #9b0009;
    text-decoration: none;
    font-weight: bold;
    color: #373923;
}

.menu a:hover
{
    border-top-color: #1a2e5c;
}

.menu .active a
{
}

.menu a b
{
    text-decoration: underline;
}

/* Page */

.page
{
    width: 780px;
    margin: 0 auto;
    background-color: #999966;
    border-top: 1px solid #FFFFFF;
    background-image: url(../App_Images/PageBG.jpg);
    background-repeat: repeat-y;
    overflow: hidden;
}

/* Content */

.content
{
    float: right;
    width: 500px;
    padding: 20px;
    background-color: #f3f2df;
}

.content p, .content ol, .content ul
{
    line-height: 152%;
    margin-top: 7px;
}

.contentNoSidebar
{
    padding: 10px;
    border-bottom: 1px solid #fff;
    background-color: #f3f2df;
}
.contentNoSidebar ul
{
    margin-bottom: 20px;
}
.contentNoSidebar li
{
    list-style-position: inside;
    margin-left: 10px;
}

/* Sidebar */

.sidebar
{
    float: left;
    width: 200px;
    padding: 20px;
    color: #FFFFFF;
    overflow:hidden;
}

/* News */

.news
{
    padding-bottom: 0;
}

.news ul
{
    list-style-type: square;
    margin-top: 7px;
}

.news li
{
    margin-bottom: 15px;
}

.news h3
{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 77%;
}

.news h3 a
{
    display: block;
}

.news p
{
    font-size: 100%;
    margin-top: 7px;
}

/* Welcome */

.welcome
{
    margin-bottom: 20px;
}

/* Samples */

.mainLeft
{
    float: left;
    width: 235px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.mainRight
{
    float: left;
    width: 235px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.main
{
    margin-bottom: 30px;
}

.indent20
{
    margin-left: 20px;
}

.alignRight
{
    text-align: right;
}

/* Footer */

.footer
{
    width: 780px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 5px solid #9b0009;
    background: #4c5b80;
    color: #CCCCCC;
}

.footer p
{
    text-align: center;
    font-size: 77%;
}

.footer a
{
    color: #cccccc; /*f3f2df;*/
    font-weight: normal;
}

.FormLabel
{
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
fieldset
{
    padding: 3px;
    border: none;
}
label
{
    width: 70px;
    display: block;
    float: left;
}

.pictureRight
{
    text-align: right;
    border: solid 1px gray;
    padding: 6px;
    margin: 6px;
}

.errorMessage
{
    color: Red;
    font-weight: bold;
}
.infoMessage
{
    color: Green;
    font-weight: bold;
}

.quoteBox
{
   background-image: url(/Convivium-2009/App_Images/notes.jpg);
   background-position: left top;
   background-repeat:no-repeat;
   text-indent: 20px; 
   padding-top: 10px;
}

.jqDockLabel
{
    top: 15px !important;
}