html, body {
    font-family:lucida,verdana,sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#000000;
    background-color:#6b6b6b;
}

body {
    color:#000000;
    background-color:#ffffff;
    border:solid 1px #000000;
    padding:0px;
    margin:10px 15px 15px 15px;
}

div.logo {
    position:absolute;
    z-index:1;
	margin-top: 3px;
}

a {
    font-family:lucida,verdana,sans-serif;
    font-size:14px;
    font-weight:normal;
    text-decoration:underline;
}

a.link {
    color:#0033CC;
    background-color:transparent;
}

a:hover {
    color:#ff0000;
    background-color:#ffffaa;
}

a img {
    text-decoration:none;
    border:none;
    padding:0px;
    margin:0px;
}

h1 {
    font-size:18px;
    font-weight:normal;
    text-align:left;
    padding:10px 10px 10px 20px;
    margin:0px;
    color:#ffffff;
    background-color:#bb0000;
    border-top:solid 1px #bb0000;
    border-bottom:solid 1px #880000;
}

h1 a {
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
    color:#ffffff;
    background-color:transparent;
}

h1 a:hover {
    text-decoration:none;
    color:#ffffff;
    background-color:transparent;
}

h2 {
    font-size:16px;
    font-weight:normal;
    text-align:left;
    padding:5px 10px 5px 70px;
    margin:0px;
    color:#ffffff;
    background-color:#cc3300;
    border-top:solid 1px #ee3300;
    border-bottom:solid 1px #a07050;
}

h2 a {
    font-size:16px;
    font-weight:normal;
    text-decoration:none;
    color:#ffffff;
    background-color:transparent;
}

h2 a:hover {
    text-decoration:none;
    color:#ffffff;
    background-color:transparent;
}

div#footer {
    color:#555555;
    font-size:11px;
    font-weight:normal;
    background-color:transparent;
    border-top:solid 1px #cccccc;
    padding:10px 5px 10px 5px;
    margin:30px 10px 0px 10px;
}

div#footer a {
    font-size:11px;
    font-weight:normal;
}

div.path {
    font-size:12px;
    font-weight:normal;
    padding:0px;
    margin-left: 0px;
    margin-top: 0px;
}

div.path a {
    font-size:12px;
    font-weight:normal;
}

div.printlink {
    float:right;
    width:auto;
}

div#outerNav {
    position:absolute;
    top:-60px;
    right:30px;
    color:#ffffff;
    background-color:transparent;
    font-size:14px;
    font-weight:normal;
    text-align:right;
}

div#nav {
    padding:0px;
    margin:0px;
}

div#outerNav a {
    font-size:14px;
    font-weight:normal;
    color:#ffffff;
    background:transparent;
}

div#outerNav a:hover {
    color:#ff0000;
    background:#ffffaa;
}

div#content {

    position:relative;

    color:#000000;

    background-color:#ffffff;
    margin: 0px 0px 0px 0px;
    padding:30px 0px 0px 10px;

}



div.toplink {
    padding:0px;
    margin:0px 0px 0px 205px;
}

div.toplink a {
    font-size:12px;
    font-weight:normal;
}

form.qs {
    position:absolute;
    top:60px;
    right:30px;
    text-align:right;
    padding:0px;
    margin:0px;
}

form.qs p {
    font-size:11px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    color:#ffffff;
    background-color:transparent;
}

form.qs input.button {
    font-size:11px;
    font-weight:normal;
    width:30px;
    color:#000000;
    background-color:#f9f9ff;
    border:solid 1px #c0d3e2;
    padding:0px;
    margin:0px;
}

form.qs input.textfield {
    font-size:11px;
    font-weight:normal;
    padding:0px;
    margin:0px;
}

td#main {
    vertical-align:top;
    width:100%;
}

div#main {
    overflow: hidden;
    font-size:14px; /* IE */
    font-weight:normal;
    line-height:18px;
    color:#000000;
    background-color:#fafafa;
    padding:10px;
    margin: 0px 5px 10px 5px;
    border:solid 1px #cccccc;
}

div#main h3 {
    font-size:16px;
    font-weight:normal;
}

div#main h4 {
    font-size:16px;
    font-weight:bold;
    padding:30px 0px 0px 0px;
    margin:25px 0px 2px 0px;
    border-bottom:solid 1px #cccccc;
}

div#main h4 a {
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

div#main h4 span.top {
    font-size:12px;
    font-weight:normal;
}

div#main h4 span.top a {
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}

div#main p {
    padding:0px;
    margin:2px 0px 10px 10px;
}

div#main table {
    font-family:lucida,verdana,sans-serif;
    font-size:14px; /* IE */
    font-weight:normal;
    line-height:17px;
    margin-left:10px;
}

div#main td {
    padding:0px 5px 0px 5px;
    margin:0px;
}

div#main ul {
    list-style-type:square;
    padding:0px;
    margin:0px 0px 10px 40px;
}

div#main ul.none {
    list-style-type:none;
}

div#main li {
    padding:0px;
    margin:1px 0px 1px 0px;
}

div#local {

    top:18px;
    left:5px;
    z-index:2;
    line-height:17px;
    margin:10px 0px 10px 2px;
    font-size:12px;
    font-weight:normal;
    line-height:17px;
    border-top:solid 1px #c0d3e2;
}

div#local h5 {
    font-size:16px;
    font-weight:bold;
    padding:2px 5px 1px 5px;
    margin:0px;
    border:none;
}

div#local h5 a {
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

div#local ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

div#local li {
    background-image:url("arr_inact.gif");
    background-repeat:no-repeat;
    background-position:left;
    padding:1px 5px 0px 20px;
    margin:0px;
}

div#local li:hover {
    background-image:url("arr_hover.gif");
    background-repeat:no-repeat;
    background-position:left;
    color:#ff0000;
    background-color:#ffffaa;
}

div#local li.active {
    background-image:url("arr_act.gif");
    background-repeat:no-repeat;
    background-position:left;
    color:#000000;
    background-color:#ffffbb;
}

div#local li.extern {
    background-image:url("arr_extern.gif");
    background-repeat:no-repeat;
    background-position:left;
}

div#local li.extern:hover {
    background-image:url("arr_extern_hover.gif");
    background-repeat:no-repeat;
    background-position:left;
}

div#local div.inactive {
    color:#000000;
    background-color:#f9f9ff;
    border:solid 1px #c0d3e2;
    padding:0px 0px 20px 0px;
    margin:-1px 0px 0px 0px;
}

div#local div.active {
    color:#000000;
    background-color:#fff0f0;
    border:solid 1px #ffc9c9;
    padding:0px 0px 20px 0px;
    margin:-1px 0px 0px 0px;
}

div#local div.active h5 {
    color:#000000;
    background-color:#ffe0e0;
}

div.localSection {

    color:#000000;

    background-color:#f5f5f5;

   
 border-right:solid 3px #dddddd;

    border-bottom:solid 1px #dddddd;

    padding:0px 5px 20px 5px;
    margin:20px 0px 0px 0px;
}



div.localSection a {
    font-size:12x;
    font-weight:normal;
}



.mainSection {
    background: #F5F5F5;
    border: 1px solid #EFEDED;
    padding:0px 5px 20px 10px;
    margin-bottom: 10px;
}

.side {
    width: 150px;
    margin:10px 0px 10px 5px;
}

#bellow-local {
    height: 100px;
    float: left;
}

@media (min-width: 581px) {
    #local {
	position: absolute;
    }
}
@media (max-width: 580px) {
    #local {
	position: relative;
    }
    #bellow-local {
	display: none;
    }
    #local {
	position: relative;
    }
}

@media (max-width: 830px) {
	.side {
		width: 100px;
	}
	h2 {
		height: 90px;
	}
	div#outerNav {
		max-width: 60%;
		right: 5px;
	}
	img {
		max-width: 100%;
	}
	iframe {
		max-width: 100%;
		height: auto;
	}
}