/******* structure and layout *******/
body              { color: #000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; background: #999; text-align: center; margin: 10px 0 0; padding: 0 }
.wrap                   { background: #f96 url("images/katto_2.gif") no-repeat center top; text-align: center; margin: 5px auto; padding: 0; position: relative; width: 860px; border-style: solid none none; border-width: 10px 1px medium; border-color: #f96 }

.header                { color: #666; font-style: italic; font-weight: bold; background: transparent; text-align: center; margin: 130px 0 0; padding: 0; position: relative; width: 780px; height: 39px; clear: none }

.topnav       { font-size: 8pt; background: #cccccc; text-align: center; margin: 0; padding: 0; position: relative; width: 780px; height: 21px; clear: both }

.container          { color: #600; background-color: #fc9; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 10px 5px -10px; padding: 0; position: relative; width: 800px; clear: both }

.news_right          { color: #600; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #e6e6fa; margin: 5px; padding: 0 10px; position: relative; width: 200px; float: right; clear: both }

.news p  { margin: 5px }

.news_cnr_top    { background: no-repeat right top; margin: 0 -5px }

.news_cnr_bottom   { background: no-repeat right top; margin: 0 -10px }

img.cnr   { display: block; width: 8px; height: 8px; border: none }

.footer            { font-size: 8pt; background: #ffffff; text-align: right; margin: 20px 0 0; padding: 4px; position: relative; width: 850px; clear: both; border-top: 2px solid #408080; border-right: 2px none; border-bottom: 2px solid #408080 }


/******* top navigation *******/
#nav ul        { color: #cddada; font-size: 8pt; background: #ffffff url("images/topnav_bg_grey.gif"); white-space: nowrap; list-style-type: none; margin: 0; padding: 0; width: 780px; float: left }

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a     { color: #000000; text-decoration: none; background: #ffffff url("images/topnav_bg_grey.gif"); margin: 0; padding: 0.25em 0.7em 0.3em; float: left; border-right: 1px solid #cccccc }

#nav ul li a:hover      { color: #000; text-decoration: none; background: #f96 url("images/topnav_bg_brown.gif"); border-right: 1px solid #cccccc }




/******* links *******/

a   { color: #408080; text-decoration: underline }

a:hover {
color:#71B39A;
text-decoration:none
}

#news a  { color: #408080; text-decoration: underline }

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
color: #71B39A;
text-decoration: none
}

#footer a:hover {
color: #71B39A;
text-decoration: none
}

/******* fonts and colors *******/

.header strong        { color: #666; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; letter-spacing: 0.5em }

.news_title     { color: #600; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold }

.page_title        { color: #600; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; margin: 10px 0 -8px; padding: 0 }


/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



/******* workarounds and hacks *******/
:after.clearfix   { visibility: hidden; display: block; height: 0; clear: both }

.clearfix   { }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix  { display: block }
/* End hide from IE-mac */