*
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}


html {
height:100%;
width: 100%;
}





body {
float: left;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 98%;
min-height: 100%;
height: 100%;
width: 100%;
text-align: center;
margin: 0 auto;
border-bottom: 1px solid  transparent;
}


h1 {
width: auto;
font-size : 1.7em;
font-weight : bold;
font-style: italic;
color: #D2001B;
padding: 20px 0 130px 0;
}


h2 {
width: 99%;
color : #D2001B;
font-size : 1.3em;
font-weight : bold;
text-align : left;
margin : 0 0 25px 0;
}

h3 {
clear: both;
color : #D2001B;
font-size : 1.1em;
font-weight : bold;
text-align : left;
}

h4 {
clear: both;
width: 100%;
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}


a:link, a:visited
{
color : #0000A0;
text-decoration : none;
}

a:hover,
a:active,
a:focus
{
color : #000;
text-decoration : underline;
}


.mid11 a:link,
.mid11 a:visited
{
color : #FFDF00;
text-decoration : none;
}

.mid11 a:hover,
.mid11 a:active,
.mid11 a:focus
{
color : #eee;
text-decoration : underline;
}




.menu {
float: right;
width : 100%;
height : auto;
margin: 50px 0 40px 0;
padding: 0 ;
font-size: 1em;
color: #fff;
text-align: right;
font-family : arial, helvetica, sans-serif;
}


#left ul
{
list-style-type: none;
text-align: left;
}


#left ul li
{
width: 100%;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
}

#left ul#m31 li,
#left ul#m41 li,
#left ul#m81 li
{
width: 90%;
padding: 0 0 0 15px;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
}


#left ul li a,
#left ul li a:link,
#left ul li a:visited
{
display: block;
color: #ccc;
text-decoration : none;
padding: 5px 2px 2px 0;
border-bottom: 1px solid #D2001B;
}

#left ul li a:hover
{
display: block;
color: #fff;
text-decoration : none;
padding: 5px 2px 2px 0;
border-bottom: 1px solid #fff;
}


#left ul li.active a,
#left ul li.active a:link,
#left ul li.active a:visited
{
display: block;
color: #fff;
font-weight: bold;
text-decoration : none;
padding: 5px 2px 2px 0;
border-bottom: 1px solid #fff;
}









#all {
height: auto;
margin: 0 auto 0 5%;
min-height: 100%;
height: 100%;
background-image: url(../images/back1.gif);
background-repeat: repeat-y;
background-position: 24.5% 0;
min-width: 755px;
max-width: 950px;
width: expression(
(document.documentElement && document.documentElement.clientHeight) ?
(document.documentElement.clientWidth < 755) ? "755px" :
(( document.documentElement.clientWidth > 950) ? "950px" : "auto") :
(document.body.clientWidth < 755) ? "755px" :
(( document.body.clientWidth > 950) ? "950px" : "auto")
 );
}


 #all2 {
clear: both;
float: left;
width: 100%;
min-height: 860px;
height: auto !important;
height: 860px;
background-image: url(../images/back1.gif);
background-repeat: repeat-y;
background-position: 24.5% 0;
}



#m0 {
clear: both;
float: left;
width : 100%;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
background-color: red;

}



#left {
float: left;
width: 24%;
min-height: 500px;
height: auto !important;
height: 500px;
text-align: right;
font-size: 0.8em;
background-color: #D2001B;
}

#top1 {
float: left;
width : 100%;
height : 150px;
text-align: center;
background-color : #D2001B;
background-image: url(../images/logo2.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}


.mid1 {
float: right;
width : 90%;
text-align: left;
color: #fff;
}

.mid11 {
float: ;
font-size: 0.9em;
padding: 150px 0 0 0;
text-align: left;
}

#mid2 {
float: right;
width : 70%;
min-height: 100%;
height: auto !important;
height: 100%;
}


#mid21 {
float: left;
width : 98%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
text-align: center;
}




#mid210 {
float: left;
width : 100%;
padding: 10px 0 50px 0;
min-height: 600px;
height: auto !important;
height: 600px;
font-family : verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
line-height: 1.4em;
color: #2f2f2f;
}

#mid210 p

{
padding: 0 0 15px 0 ;
margin: 0 ;
}

form {
margin: 20px 0 0 0;
padding: 10px ;
   border: 1px dashed #ccc;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px 0;
	border: 1px solid #CCC;
	background: #fff;
}
textarea {
	display:block;
	padding:2px 0;
	border: 1px solid #CCC;
	background: #fff;
}
input.button {
    width: 99%;
	border: 1px solid #CCC;
	padding: 2px 0;
	margin: 10px 0;
	color: #000;
	background: #E1E1E1;
}

#mid210 table
{
width: 100%;
font-size: 1em;
color: #2f2f2f;
}

#mid210 td
{
vertical-align: top;
}


#mid210 ol
{
margin:  0 0 0 10px;
padding: 0;
}


#mid210 ul
{
margin:  0 0 0 5px;
padding: 0;
}

#mid210 li
{
margin:  5px 0 0 20px;
}



.clear {
clear: both;
}

#mid210 .td1{
width: 150px;
}




.mid211
{
clear: both;
float: left;
width: 48%;
padding: 0 0 25px 0;
}


.mid212
{
float: right;
width: 48%;
padding: 0 0 25px 0;
}

.mid213
{
clear: both;
float: left;
width: 68%;
padding: 0 0 25px 0;
}





#mid210 .item-date
{
font-size: 0.8em;
}

#mid210 p.item-intro
{
padding: 0 0 15px 0;
margin: 0;
}

#mid210 .item-link
{
font-size: 0.95em;
margin: 0 0 20px 0;
}


#right {
display: none;
float: right;
width : 1%;
height: auto;

}



.mid22 {
display: none;
float: right;
height: auto;
width : 100%;

}


.mid220 {
display: none;
height: auto;
}



#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
border-bottom: 1px solid #7F7F7F;
border-top: 1px solid #7F7F7F;
}