body 
{
    margin:0;
    padding:0;
    background-color:#404040;
    font: normal 14px arial;
    overflow: -moz-scrollbars-vertical; 
}
form
{
    margin:0;
    padding:0;
}

#PageContainer
{
    text-align: center;
}

#header
{
    background-image: url(images/header-bg.gif);
    height:62px;
    width:auto;
    margin: auto;
    padding: 0;
    color:#fff;
    text-align: center;
}
#header .content
{
    width: 885px;
    margin: auto;
    padding: 0;
    text-align: left;
}
#header ul
{
	margin: 0;
	padding: 0;
}
#header ul li
{
	display: inline;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
}
#header a           {text-decoration:none; color:#999999;}
#header a:hover     {text-decoration:none; color:#ff8c00;}
#header .set a    {text-decoration:none; color:#ffffff;}
.menu
{
    width: auto;
    margin:31px 0 0 30px;
    float:left;
    text-align:left;
    color: #999;
}

#logo-panel
{
    background-image: url(images/bg-teal.gif);
    height:200px;
    width:auto;
    color:#fff;
    text-align: center;
}
#logo-panel .content
{
    text-align: center;
    margin: auto;
    width: 885px;
}


.RedPanel
{
   background-color:#be1c03;
   border:1px solid white;
   width:auto;
   text-align: center;
}
.blackbox
{
    display: inline-block;
    background-color:#333;
    color:#aaa;
    width: 885px;
    margin: 0;
    text-align:left;
    border-left:1px solid white;
    border-right:1px solid white;
}
.blackbox .left-large
{
    width: 610px;
    float:left;
    padding:20px;
    display: inline-block;    
}
.blackbox .left-small
{
    width: auto;
    float:left;
    padding:20px;    
    border-left: 1px dotted #888;
}
.blackbox .left-large-footer
{
    width: 400px;
    float:left;
    margin:5px 0 5px 75px;    
}
.blackbox .right-small-footer
{
    width: auto;
    float:right;
    margin:5px 75px 5px 0;    
    text-align:right;
}
.blackbox h1
{
    font: normal 1.3em arial;
    color: #ff8c00;
    margin-bottom: 5px;
}
.blackbox p
{
    font: normal 0.95em arial;
    margin: 0px;
}
.blackbox b, #blackbox strong
{
    font: normal 1em arial;
    color: #fff;
}

.ContentContainer
{
    text-align: center;
    width: auto;
}


#content
{
    display: inline-block;
    background-color:#f0f0ff;
    padding: 35px 75px 35px 65px;
    width:745px;
    margin: auto;
    text-align:left;
    border:1px solid #ccc;
    border-top:0;
    font:normal 1.0em arial;
    color:#555;
}
#content h1
{
    font:normal 1.5em arial;
    color:#202020;
}
#textcontent
{
    float:left;
    width:335px;
    border:0px solid #ccc;
    line-height:1.3em;
    padding:10px;
}
#gallery
{
    float:right;
    width:370px;
    margin: auto;
    margin-top:10px;
    text-align: right;
}

#ContactForm
{
    float: left;
    width: 300px;
    margin: 10px 0px 10px 20px;
    padding-left: 30px;
    border-left: 1px dotted #c0c0c0;
}
.preview
{
    position:absolute;
    left:100px;
    top:100px;
    z-index:1000;
    border:1px solid #999;
    display:block;
}

.btnInfo 
{
    visibility:hidden; 
    width:1px; 
    height:1px;
}

.flyout {display: none; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0;}
.info 
{
    display: none; 
    width: 600px; 
    z-index: 2; 
    opacity: 0; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
    font-size: 12px; 
    border: solid 1px #CCCCCC; 
    background-color: #333; 
}

.btnCloseParent 
{
    background-image: url(images/header-bg.gif);
    background-position:left top;
    background-repeat:repeat-x;
    float: right; 
    opacity: 90; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    width:100%;
    text-align:right;
    border-bottom: 1px solid #000000;
}

.btnClose 
{
    margin: 5px;
    cursor: pointer;
    border: 0;
}

.footer
{
    font-size: 0.8em;
}
.right-small-footer A
{
    color: #999999;
    text-decoration: none;
}
.right-small-footer A:Hover
{
    color: #ffffff;
    text-decoration: none;
}