.top-part{ background:#8c0303;  border: 2px solid #666666; border-bottom:0;}
.phone{ float:left;}
.member{ float:right;}

.clr{ clear:both;}

.main-body {
    background: url("pics/body_bg.gif") repeat-y scroll 0 0 transparent;
    padding-bottom: 10px;
}

.right-part {
    border: 1px solid #E1E1E1;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    max-width: 620px;
}





#fotter {
    background: none repeat scroll 0 0 #8C0303;
    overflow: hidden;
    padding: 15px 10px 10px;
}

.copy {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    margin-left: 10%;
}


#footer a {
    color: #FFFF99;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
}








#copyright {
    float: right;
    margin-left: 10px;
    margin-right: 8px;
    padding-bottom: 10px;
    width: 630px;
}








.back{ float:left;}









.left-part {
    background-color: #FFFFFF;

   
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 250px;
}


.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
clear:both;

}


#banner{   border: 1px solid #E1E1E1;
    clear: both;
    padding: 5px;
    position: relative;
    z-index: 998;}



div#menu {

}

#inner-banner > img {
    max-width: 100%;
}

.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clear:both;
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
max-width: 100%;
clear:both;
}














@media screen and (max-width: 950px) {


#current {
    background-color: #FFFFFF;
    border-bottom: 1px solid #05256B;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 200px;
	 overflow: hidden;
}

#current img{ max-width:100%;}



.right-part {
    border: 1px solid #E1E1E1;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    max-width: 600px;
}


div#menu a {

    padding: 0 15px 0 0;
}

div#menu span {

    padding-left: 15px;
}

}














@media screen and (max-width: 850px) {
.left-part { }



.text {
    max-width: 80%;
}


textarea {
    width: 80%;
}


#current {
    background-color: #FFFFFF;
    border-bottom: 1px solid #05256B;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 200px;
	 overflow: hidden;
}

#current img{ max-width:100%;}



.right-part {
    border: 1px solid #E1E1E1;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    max-width: 440px;
}


div#menu a {

    padding: 0 10px 0 0;
}

div#menu span {

    padding-left: 9px;
}

}







@media screen and (max-width: 700px) {
.left-part { }

.top-part img{ max-width:100%;}


.phone {
    float: none;
    margin: auto;
    width: 320px;
}



.member {
    float: none;
    margin: auto;
    width: 247px;
}



#currenttitle {
    text-align: center;
}

.left-part {
    background-color: #FFFFFF;
    float: none;
    margin: auto;
    width: 230px;
}


h2 {
    color: #990000;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 10px 0 0;
}


.copy {
    clear: both;
    color: #FFFFFF;
    float: none;
    font-size: 12px;
    margin-left: 0;
    text-align: center;
}


.back {
    float: none;
    margin: auto auto 10px;
    text-align: center;
    width: 100px;
}


#footer {
    background: none repeat scroll 0 0 #8C0303;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    text-align: left;
}


#copyright {
    float: none;
    margin-left: 10px;
    margin-right: 8px;
    padding-bottom: 10px;
    width: auto;
	font-size:12px;
}

.right-part {
    border: 1px solid #E1E1E1;
    float: none;
    margin-left: 0;
    margin-right: 0;
    max-width: inherit;
    padding: 10px;
    width: auto;
	 margin: 0 10px;
}


div#menu {

    max-width: 625px;
	width:auto;

}

div#menu {
    background: none repeat scroll 0 0 transparent;
    height: 42px;
    padding-left: 0;
 
}

}



@media screen and (max-width:400px) {
.phone {
    float: none;
    margin: auto;
    width: 264px;
}}













.tinynav { display: none }
#nav .selected a, #nav2 .selected a { }

@media screen and (max-width: 760px) {

.tinynav {
    border: 1px solid #CCCCCC;
    display: block;
    margin: 5px 0;
    padding: 4px;
    width: 100%;
}
#nav, #nav2 { display: none }
	  
#navigation select   {   border: 1px solid #CCCCCC;
    display: block;
    margin: auto;
    padding: 5px;
    width: 98%;}}