/* body */

body
{
    color: #928b81;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

/* general */
sup
{
    vertical-align: top; 
    font-size: 66%;
}

/* login */

#login
{
    height: 45px;
    padding-right: 38px;
    text-align: right;
    font-size: 11px;
    padding-top: 30px;
}

#login a
{
    color: #00add0;
    text-decoration: underline;
}

#login a:hover
{
    text-decoration: none;
}


/* logo */

#logo
{
    float: left;
    padding-left: 10px;
}


/* menu */

#menu
{
    float: right;
    padding-right: 38px;
    width: 752px;
}

#menu a
{
    color: #928b81;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 4px;
    text-decoration: none;
    width: 142.4px;
    text-align: center;
}


/* submenu */

#submenu
{
    float: left;
    padding-left: 10px;
    padding-top: 55px;
    width: 180px;
}

#submenu h1 a
{
    margin-bottom: 2px;
    display: block;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    width: 160px;
}

#submenu h2 a
{
    color: #a59b8e;
    margin-bottom: 2px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    width: 160px;
}


#submenu h3 
{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 7px;
}


#submenu h3 a
{
    color: #a59b8e;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 0px;
    padding: 0px;
    text-decoration: none;
    width: 160px;
}

#submenu #leftnav-button
{
    margin-top: 30px;
    padding-left: 4px;
}

/* header */

#header
{
    margin-bottom: 24px;
    text-align: center;
}


/* content */

#content
{
    float: left;
    line-height: 1.5;
    padding-top: 55px;
    text-align: left;
    width: 752px;
}

#content div.alert
{
    background: #ffc;
    border: 1px #ccc7bf solid;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 5px;
    text-align: center;
}

#content table td
{
    padding: 4px;
}

#content form input.submit
{
    background-color: #f1f1ef; 
    border-color: #cfcec7 #abaaa3 #abaaa3 #cfcec7; 
    border-style: solid; 
    border-width: 1px 2px 2px 1px; 
    color: #8d8c7b; 
    font-weight: bold; 
    padding: 2px 5px; 
}

#content form input.text, #content form select, #content form textarea.text
{
    background-color: #fff;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    padding: 1px;
    width: 200px;
}

#content form td
{
    vertical-align: top;
}

#content ul
{
    margin-bottom: 18px;
    line-height: .8; 
}

#content ul li
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: square;
    margin-left: 36px;
    margin-top: 9px;
}

#content p
{
    margin-bottom: 14px;
}

#content strong
{
    font-size: 16px;
    font-weight: bold;
}

#content em
{
    font-style: italic;
}

#content #main
{
    min-height: 200px;
}

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

#content #calendar td, #content #calendar th
{
    font-size: 85%;
    padding: inherit;
}

#content h1
{
    font-weight: bold;
    font-size:  175%;
    line-height: 1.2;
    text-align: center;
}

#content h2
{
    font-weight: bold;
    font-size:  130%;
    margin-bottom: 5px;
    line-height: 1;
}

#sub-content
{
    text-align: center;
    margin-top: 30px;
}

#content #sub-content h1
{
    line-height: 1;
    margin-bottom: 0;
}

#content #sub-content img
{
    margin-bottom: 25px;
}


#tri-content
{
    text-align: center;
}

#content #tri-content h1
{
    margin-bottom: 15px;
}

#content #tri-content h2
{
    margin-top: 15px;
}

#tri-content table 
{
    table-layout: fixed;
    width: 100%;
}

#tri-content table td
{
    vertical-align: top;
    padding: 15px;
}

#tri-content .middle-td
{
    border-left: 1px #928B81 solid; 
    border-right: 1px #928B81 solid;
}


#user-form
{
    margin-top: 30px;
}

#user-form table
{
    margin-left: auto;
    margin-right: auto;
}

/* lead content image */
#lead-image
{
    margin-bottom: 20px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #928B81;
}


#lead-image table
{
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

#lead-image table td
{
    padding: 0;
}



#lead-movie
{
    margin-bottom: 20px;
    text-align: center;
}

/* privacy */
.headbg
{
    background-color:#A1998A;
    color:#FFFFFF;
    font-size:18px;
    padding-bottom:5px;
    padding-top:5px;
}

/* special text */
.tmark-start
{
    color: #f8981d;
    font-weight: bold;
}

.tmark-end
{
    font-weight: bold;
}


.yui-skin-sam .yui-calcontainer .title, .yui-skin-sam .yui-calendar .calweekdaycell
{
    background: inherit;
    color: #a59b8e;
    font-size: 85%;
}

.yui-skin-sam .yui-calcontainer
{
    background-color: #eceae7;
}

.yui-skin-sam .yui-calendar td.calcell.today
{
    border: 2px #aaa solid;
}


/* Agencies */

#menu .agencies a
{
    border-bottom: 4px solid #e00034;
    margin-left: 0px;}

#menu .agencies a.active, #menu .agencies a:hover
{
    background: #e00034;
    color: #fff;
}

#submenu .agencies h1 a
{
    color: #e00034;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .agencies h1 a.active, #submenu .agencies h1 a:hover
{
    background: #e00034;
    color: #fff;
    width: 160px;
}

#submenu .agencies h2 a.active, #submenu .agencies h2 a:hover 
{
    background: #e00034;
    color: #fff;
    width: 160px;
}

#submenu .agencies h2 a.active span.tmark-start, #submenu .agencies h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .agencies h3 a.active span.tmark-start, #submenu .agencies h3 a:hover span.tmark-start,
#submenu .agencies h3 a.active span.tmark-end, #submenu .agencies h3 a:hover span.tmark-end,
#submenu .agencies h3 a.active, #submenu .agencies h3 a:hover 
{
    color: #e00034;
}

#content .agencies a
{
    color: #e00034;
    text-decoration: underline;
}

#content .agencies a:hover
{
    text-decoration: none;
}



/* Marketers */

#menu .marketers a
{
    border-bottom: 4px solid #34b233;
    }

#menu .marketers a.active, #menu .marketers a:hover
{
    background: #34b233;
    color: #fff;
}

#submenu .marketers h1 a
{
    color: #34b233;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .marketers h1 a.active, #submenu .marketers h1 a:hover
{
    background: #34b233;
    color: #fff;
    width: 160px;
}

#submenu .marketers h2 a.active, #submenu .marketers h2 a:hover 
{
    background: #34b233;
    color: #fff;
    width: 160px;
}

#submenu .marketers h2 a.active span.tmark-start, #submenu .marketers h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .marketers h3 a.active span.tmark-start, #submenu .marketers h3 a:hover span.tmark-start,
#submenu .marketers h3 a.active span.tmark-end, #submenu .marketers h3 a:hover span.tmark-end,
#submenu .marketers h3 a.active, #submenu .marketers h3 a:hover 
{
    color: #34b233;
}

#content .marketers a
{
    color: #34b233;
    text-decoration: underline;
}

#content .marketers a:hover
{
    text-decoration: none;
}



/* Publishers */

#menu .publishers a
{
    border-bottom: 4px solid #80379b;
    }

#menu .publishers a.active, #menu .publishers a:hover
{
    background: #80379b;
    color: #fff;
}

#submenu .publishers h1 a
{
    color: #80379b;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .publishers h1 a.active, #submenu .publishers h1 a:hover
{
    background: #80379b;
    color: #fff;
    width: 160px;
}

#submenu .publishers h2 a.active, #submenu .publishers h2 a:hover 
{
    background: #80379b;
    color: #fff;
    width: 160px;
}

#submenu .publishers h2 a.active span.tmark-start, #submenu .publishers h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .publishers h3 a.active span.tmark-start, #submenu .publishers h3 a:hover span.tmark-start,
#submenu .publishers h3 a.active span.tmark-end, #submenu .publishers h3 a:hover span.tmark-end,
#submenu .publishers h3 a.active, #submenu .publishers h3 a:hover 
{
    color: #80379b;
}

#content .publishers a
{
    color: #80379b;
    text-decoration: underline;
}

#content .publishers a:hover
{
    text-decoration: none;
}



/* About Mm */

#menu .about a
{
    border-bottom: 4px solid #f8981d;
    }

#menu .about a.active, #menu .about a:hover
{
    background: #f8981d;
    color: #fff;
}

#submenu .about h1 a
{
    color: #f8981d;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .about h1 a.active, #submenu .about h1 a:hover
{
    background: #f8981d;
    color: #fff;
    width: 160px;
}

#submenu .about h2 a.active, #submenu .about h2 a:hover 
{
    background: #f8981d;
    color: #fff;
    width: 160px;
}

#submenu .about h2 a.active span.tmark-start, #submenu .about h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .about h3 a.active span.tmark-start, #submenu .about h3 a:hover span.tmark-start,
#submenu .about h3 a.active span.tmark-end, #submenu .about h3 a:hover span.tmark-end,
#submenu .about h3 a.active, #submenu .about h3 a:hover 
{
    color: #f8981d;
}

#content .about a
{
    color: #f8981d;
    text-decoration: underline;
}

#content .about a:hover
{
    text-decoration: none;
}



/* Client Login */

#menu .clients a
{
    border-bottom: 4px solid #00add0;
    }

#menu .clients a.active, #menu .clients a:hover
{
    background: #00add0;
    color: #fff;
}

#submenu .clients h1 a
{
    color: #00add0;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .clients h1 a.active, #submenu .clients h1 a:hover
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .clients h2 a.active, #submenu .clients h2 a:hover 
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .clients h2 a.active span.tmark-start, #submenu .clients h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .clients h3 a.active span.tmark-start, #submenu .clients h3 a:hover span.tmark-start,
#submenu .clients h3 a.active span.tmark-end, #submenu .clients h3 a:hover span.tmark-end,
#submenu .clients h3 a.active, #submenu .clients h3 a:hover 
{
    color: #00add0;
}

#content .clients a
{
    color: #00add0;
    text-decoration: underline;
}

#content .clients a:hover
{
    text-decoration: none;
}



/*  */

#menu .login a
{
    border-bottom: 4px solid #00add0;
    }

#menu .login a.active, #menu .login a:hover
{
    background: #00add0;
    color: #fff;
}

#submenu .login h1 a
{
    color: #00add0;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .login h1 a.active, #submenu .login h1 a:hover
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .login h2 a.active, #submenu .login h2 a:hover 
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .login h2 a.active span.tmark-start, #submenu .login h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .login h3 a.active span.tmark-start, #submenu .login h3 a:hover span.tmark-start,
#submenu .login h3 a.active span.tmark-end, #submenu .login h3 a:hover span.tmark-end,
#submenu .login h3 a.active, #submenu .login h3 a:hover 
{
    color: #00add0;
}

#content .login a
{
    color: #00add0;
    text-decoration: underline;
}

#content .login a:hover
{
    text-decoration: none;
}



/*  */

#menu .terms a
{
    border-bottom: 4px solid #00add0;
    }

#menu .terms a.active, #menu .terms a:hover
{
    background: #00add0;
    color: #fff;
}

#submenu .terms h1 a
{
    color: #00add0;
    font-size: 16px;
    font-weight: bold;
    width: 160px;
}

#submenu .terms h1 a.active, #submenu .terms h1 a:hover
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .terms h2 a.active, #submenu .terms h2 a:hover 
{
    background: #00add0;
    color: #fff;
    width: 160px;
}

#submenu .terms h2 a.active span.tmark-start, #submenu .terms h2 a:hover span.tmark-start 
{
    color: #fff;
}

#submenu .terms h3 a.active span.tmark-start, #submenu .terms h3 a:hover span.tmark-start,
#submenu .terms h3 a.active span.tmark-end, #submenu .terms h3 a:hover span.tmark-end,
#submenu .terms h3 a.active, #submenu .terms h3 a:hover 
{
    color: #00add0;
}

#content .terms a
{
    color: #00add0;
    text-decoration: underline;
}

#content .terms a:hover
{
    text-decoration: none;
}




/* footer */

#footer-box
{
    clear: both;
    width: 752px;
    margin-left: 190px;
    padding-top: 40px;
}

#footer
{
    background-color:#eceae7;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    text-align: center;
}

#footer a
{
    color: #928b81;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

#copyright
{
    font-size: 11px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    width: 600px;
}