/* color styles:  body is Color A (white), header is Color B, 
 *                left and right box headers are Color C, 
 *                left and right box backgrounds are Color D 
 *
 *                For Torero: Color A = White #FFFFFF
 *                Color B = #963b00 rust
 *                Color C = #963b00 rust
 *                Color D = #fff8d1 cream
 *                Picture Border = #cb875b lighter rust
 */


body {
        width: 800px;
        margin: 0 auto 0 auto; /* auto keeps page centered in window */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
        background-color: #FFFFFF;
}

/* Since the body width is set at 800px, for the other styles, you can use a 
 * percentage, e.g., 100% of body width.  If you want a border, you will need to
 * subtract a bit, e.g., for a border:3px; make the width: 100% - 6px; (you can
 * do math in the width statements). */


/************** header styles ****************/
#headerwrap {
    width: 100%;
        background: transparent no-repeat left bottom;
        margin: 0 auto;
}

#header {
    width: 100%;
        margin: 0 auto;
        padding: 5px 0 0;
    background-color:  #cb875b; /* Color B */
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
        overflow: hidden;
}


#header h1 {
        background: transparent;
        margin: 0 0 0px;
        color: #FFFFFF;
}

/* color for h2 is the font color for project title */
#header h2 {
        background: transparent;
        margin: 0 0 0px;
        color: #FFFFFF;
}

#header table {
    border: 0px solid #000;
}

#header td {
    padding: 2px;
}


/* What's New section */
#topbar {
        font-weight: bold;
        width: 100%;
        background: #FFFFFF;
        min-height: 0%;
        border: 0px
        solid #EFEBD5;
        text-align: center;
}

/* What's New section */
#newshead {
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        padding: 0px;
        width: 100%;
        background: #cb875b; /* color c - rust */
        min-height: 0%;
        border: 1px solid #000000;
        text-align: center;
}

/* What's New section */
#newsbox {
        width: 100%;
        min-height: 0%;
        border: 1px solid #000000;
        background: #fff8d1; /* color d - cream */
        font-size: 16px;
    font-weight: normal;
        text-align: center;
}

/* LEFT COLUMN */
#left {
    width: 49.5%; /* 390px; */
        float: left;
        color: #333;
}

/* RIGHT COLUMN */
#right {
        width: 49.5%; /* 400px; */
        float: right;
        color: #333;
}

/* these are the left-hand column headers and boxes */

/* project description */
#left_head {
        font-size: 18px; /* 14 */
        font-weight: bold;
    color: #000000;
        padding: 0px;
        background: #cb875b; /* Color C */
        min-height: 0%;
    border: 1px solid #000000;
        padding: 5px;
        text-align: center;
}

/* project description */
#left_box {
    padding: 10px;
    font-size: 12px;
    min-height: 0%;
        border: 1px solid #000000;
        background: #fff8d1;
        font-weight: normal;
    text-align: left;
}

#left_box h2 {
    font-size: 12px;
    font-weight: bold;
        text-align: center;
}

/* these are the right-hand column headers and boxes */

#right_head {
        font-size: 18px;
        font-weight: bold;
    color: #000000;
        padding: 0px;
        background: #cb875b;
        min-height: 0%;
    border: 1px solid #000000;
        padding: 5px;
        text-align: center;
}

/* Publications, etc. */
#right_box {
        text-align: left;
    background-color: #fff8d1;
        min-height: 0%;
        border: 1px solid #000000;
        padding: 5px;
        font-weight: normal;
}


/* Meetings and presentations index special font size */
#meetings {
    font-size: 16px;
}

/************** footer styles ****************/

#footerwrap {
    clear: both;      /* never, ever, forget the clear command */
        width: 100%;
        background: transparent no-repeat left bottom;
    padding: 10px 0px 10px 0px;
}

#footer {
    font-weight: bold;
        width: 100%;
        min-height: 0%;
        text-align: center;
    clear: both;
    color: #000000;
    /* padding: 10px 10px 10px 10px; */
    padding: 10px 0px 10px 0px;
    margin-top: 0px;
}

#footerSponsors {
        font-size: 10px;
        padding: 0px;
    font-weight: bold;
        width: 100%;
        min-height: 0%;
        text-align: center;
    clear: both;
    color: #cccccc;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
}

#footer img {
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
}

#sponsorsbox {
        width: 100%;
        padding: 5px;
        min-height: 0%;
        border: 0px solid #000000;
        background: #EFEBD5;
    font-weight: normal;
        text-align: left;
}

#sponsorsRightbox {
    width: 60%;
        font-size: 15px;
    padding: 5px;
        min-height: 0%;
        border: 1px solid #000000;
        background: #EFEBD5;
    font-weight: bold;
        text-align: left;
}

/* used in footer */
#sponsorsLeftbox {
    width: 40%;
        font-size: 15px;
    padding: 5px;
        min-height: 0%;
        border: 1px solid #000000;
        background: #EFEBD5;
    font-weight: bold;
        text-align: left;
}

div { background-color: #ffffff; margin: 0px; color: #000000; }


table.schedule {
    border: 2px solid #000;
}

table.schedule td {
    border: 1px solid #000;
    padding: 2px;
}

table.schedule th {
    background-color: #FFFFFF;
    border: 1px solid #000;
    padding: 2px;
    text-align: center;
}
td.wg {
        text-align: left;
        font-weight: bold;
}

td.red {
        text-align: center;
        color: #FF0000;
}

h1 { font: bold 20pt/24pt verdana, arial, Helvetica, sans-serif; color: black }
h2 { font: bold 16pt/20pt verdana, arial, Helvetica, sans-serif; color: black }
h3 { font: bold 12pt/16pt verdana, arial, Helvetica, sans-serif; color: black }
a:link { color: #0000BA; text-decoration: none }
a:active { color: #0000BA; text-decoration: none }
a:visited { color: #0000BA; text-decoration: none }
a:hover { color: #ff0000; text-decoration: none }
hr { height: 4px;  background-color: #665500; color: #665500; }
img.border {border: 2px solid #cb875b; padding: 4px;}
p.caption {font: bold 8px verdana, arial, Helvetica, sans-serif; color: #000000;}
/* see the concordiasi project page to use p.caption and img. border for photo borders and captions */
b.link {font: bold 15px verdana, arial, Helvetica, sans-serif; color: #0000ff; }
b.news {font: bold 17px verdana, arial, Helvetica, sans-serif; color: #0000ff; }
                                                                                                                
/************** movie by phase styles ****************/
#movie_head {
            font-size: 15px;
            font-weight: bold;
            color: #000000;
            padding: 0px;
    	    background:  #cb875b; /* Color B */
            min-height: 0%;
            border: 1px solid #000000;
            text-align: center;
}
#movie_box{
        text-align: center;
	background-color: #fff8d1;
	min-height: 0%;
	height: 150px;
	border: 1px solid #000000;
	font-weight: normal;
	padding: 15px;
}