﻿*
{
    margin: 0;
    padding: 0;
}

html, body
{
    height: 100%; /* needed for container min-height */
    font-family: Arial;
    text-align: center;
    font-size: 14px;
    font-weight:500;
}

body
{
    background: url(Images/bcgr_body.gif) repeat-y center;
}

a
{
    font-size: 1.4em;
    color: #F00;
}

a:hover
{
    text-decoration: none;
}

a.customButton
{
    background:url(images/button_corner.png) no-repeat right top;
    padding:0 4px 0 0;
    display:inline-block !important;
    display: inline; zoom: 1; 
    width:auto !important;
    font-size:12px;
    color:#000;
    text-decoration:none;
    outline:none;
}

a.customButton span
{
    background:url(images/button_bcgr.png) no-repeat left top;
    padding:8px 10px 0px 14px;
    height:23px;
    display:inline-block !important;
    display: inline; zoom: 1; 
    cursor:pointer;
}

a.customButton:hover
{
    background:url(images/button_corner.png) no-repeat right -31px;
    color:#000;
}

a.customButton:hover span
{
    background:url(images/button_bcgr.png) no-repeat left -31px;
}

a.customButton:active
{
    background:url(images/button_corner.png) no-repeat right -62px;
    color:#000;
}

a.customButton:active span
{
    background:url(images/button_bcgr.png) no-repeat left -62px;    
}



#container
{
    width:1002px;
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
   height: auto !important; /* real browsers */
    height: 1100px; /* IE6: treaded as min-height*/
    min-height: 1100px; /* real browsers */
    background: url(Images/bcgr_contacts.gif) no-repeat center bottom;
}

#header
{
    background: url(Images/bcgr_header-main.gif) repeat-x center;
    overflow: hidden;
    padding: 2em 5em 0 5em;
    height: 89px;
}

#header h1
{
    float: left;
    background: url(Images/logo_min.png) no-repeat top left;
    height: 39px;
    width: 240px;
    text-indent: -9000px;
}

#header ul.menu
{
    float: right;
    list-style: none;
    margin-top: 10px;
}

#mainContent
{
    padding-bottom: 2em;
    margin: 0 auto;
    width: 630px;
    text-align: left;
}

#mainContent h2
{
    font-size:1.2em;
    font-weight:normal;
    margin-bottom:1em;
}

#mainContent h3
{
    margin: 0em 0 0.5em 0 !important;
    margin: 1em 0 0.5em 0;
    color:#F00;
    font-weight:normal;
    font-size:1.6em;
    margin-left:0 !important;
}

#mainContent p
{
    margin: 0.5em 0;
}

#address{
    overflow:hidden;
    margin-bottom:0.5em;
}

#address #YMapsID-1152{
    float:left;
    margin-right:1em;
}

#address dt{
    font-weight:bold;
    margin-bottom:0.1em;
}

#address dd{
    margin-bottom:1em;
}
form{
    width: 355px;
}

form dl input,
form dl textarea{
    width:100%;
}

form dt {
    margin-bottom:0.1em;
}

form dd {
    margin-bottom:1em;
}

p.success{
    background:#fffac0;
    padding:0.5em;
    border:1px solid #d4c414;
    width:31em;
    font-size:0.8em;
}

p.failed{
    background:#ffc0c0;
    padding:1em;
    border:1px solid #F00;
    width:31em;
    font-size:0.8em;
}

#footer
{
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
    margin-left: 0;
    color: #F00;
    font-size:0.9em;
}

#footer p{
    font-size:0.6em; 
    color:#666;
    margin:0 auto;
    width:650px;
    margin-bottom:0.8em;
}

#footer p a{
    color:#666;
}

/*IE 7 and lower*/
*:first-child+html #footer{margin-left: -50%;}
* html #footer{margin-left: -50%;}
