/*
OTR chamber main css styles
*/

body
{
    margin: 0px;
    color: #333;
    background-color: #369;
    font: normal 12px arial, helvetica, sans-serif;
    padding: 0px;
}

img
{
border: none;
}

/*  ---------- SEARCH BOX ---------- */
#searchform
{
 text-align: right;
margin: 0px;
padding: 0px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
border-right: 1px solid #fff;
vertical-align: top;
background: #f90;
font-weight: bold;
}

#searchform form
{
padding: 0px;
margin: 0px;
}

#searchform #id
{
margin: 0px;
padding: 0px;

}

#searchform .image
{
margin: 0px;
 margin-bottom: -6px;
padding: 0px;
border: none;
}

#searchform .text
{
margin: 0px;
padding: 0px;
}


/* ---------- search results page ---------- */
/* container for search results on results page */
#search_results
{ background: #fff; text-align: left; width: 700px; padding: 10px; }
/* each search result */
.search_result
{ }


/* ---------- MAIN CONTAINERS ---------- */
#main
{
    text-align: center;
    width: 100%;
}

#header
{
    width: 720px;
}


#footer
{
    width: 720px;
color: #ccc;
}

.copyright a
{
text-decoration: none;
font-weight: bold;
color: #fff;
}

.copyright
{
    text-align: center;
}

/* ---------- CONTENT ---------- */

#content
{
margin: 0;
padding: 0;
width: 720px;
text-align: left;
background: #369;
}

#content .data
{
background: #fff;
padding: 0px 10px 0px 10px;
vertical-align: top;
width: 100%;
}

#content .data h1
{
font-size: 140%;
font-weight: bold;
margin: 10px 0px 10px 0px;
padding: 0px;
color: #000;
}

#content .data h2
{
font-size: 120%;
font-weight: bold;
margin-bottom: 10px;
padding: 0px;
}

#content .data p
{
font-size: 100%;
margin: 0px;
padding: 0px;
}

/* ---------- LEFT COLUMN ----------*/
#content .left_col
{
float: left;
width: 450px;
}

#content .left_col .image
{
background: #369;
padding: 0px;
margin: 0px;
}


#content .left_col .image_h
{
padding: 0px;
margin: 0px;
}


#content .left_col .main_copy
{
background: url(/art/col_bg/big_white.gif) bottom right;
border-left: 10px solid #9cc;
border-top: 10px solid #9cc;
padding: 10px;
}

#content .left_col .main_copy_img
{
float: left; 
margin: 5px 10px 5px 5px;
}



#content .left_col .bottom_copy
{
background: #9cf;
background: url(/art/col_bg/big_blue.gif) bottom right;
}

#content .left_col h1
{
font-size: 20px;
font-weight: bold;
display: block;
border: 1px solid #fff;
padding: 5px 5px 5px 30px;
margin: 0px;
background: #369;
color: #fff;
}

#content .left_col p
{
font-size: 14px;
font-weight: normal;
}

#content .left_col .bottom_copy p
{
padding: 8px 5px 10px 30px;
margin: 0px;
}

#content .left_col .main_copy p
{
padding: 0px 5px 10px 20px;
margin: 0px;
}

/* ---------- RIGHT COLUMN ---------- */

#content .right_col
{
float: left;
width: 268px;
color: #fff;
border-left: 1px solid #fff;

}

#content .right_col h1
{
font-size: 14px;
font-weight: bold;
display: block;
border: 1px solid #fff;
border-left: none;
padding: 5px 5px 5px 30px;
margin: 0px;
}

#content .right_col p
{
font-size: 12px;
font-weight: normal;
padding: 0px 5px 10px 30px;
margin: 0px;
}



/* ---------- right content ---------- */

#content .red_block_h
{
background: #c03;
}
#content .red_block
{
background: url(/art/col_bg/red.gif) no-repeat bottom right;
padding-top: 8px;
}

#content .green_block_h
{
background: #990;
}
#content .green_block
{
background: url(/art/col_bg/green.gif) no-repeat bottom right;
padding-top: 8px;
}

#content .orange_block_h
{
background: #f90;
}
#content .orange_block
{
background: url(/art/col_bg/orange.gif) no-repeat bottom right;
padding-top: 8px;
}

#content .blue_block_h
{
background: #369;
}
#content .blue_block
{
background: url(/art/col_bg/blue.gif) no-repeat bottom right;

padding-top: 8px;}

#content .purple_block_h
{
background: #c39;
}
#content .purple_block
{
background: url(/art/col_bg/purple.gif) no-repeat bottom right;
padding-top: 8px;
}