@charset "utf-8";

/* CSS Document */

html

{

height:100%;

margin-bottom:1px;

}

body

{

margin:0px;

padding:0px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#666666;

background-color:#b5b7c5;

}

.main

{

display:table;

width:810px;

height:auto;

border:0px solid #000000;

}

.main div

{

float:left;

}

.topbar

{

width:100%;

height:100px;

background:#ffffff url(../uploads/images/tobar_bg.gif) top right no-repeat;

border:0px solid #ff0000;

}

.logo

{

float:left;

text-align:left;

width:40%;

height:100px;

border:0px solid #ff0000;

}

.topnavi

{

float:right!important;

margin:0px;

padding:10px 25px 0px 0px;

width:40%;

text-align:right;

border:0px solid #0033FF;

}

.topnavi a

{

display:inline-block;

color:#cc0000;

padding:0px 3px 0px 3px;

text-decoration:none;

}

.topnavi a:hover

{

display:inline-block;

color:#666666;

padding:0px 3px 0px 3px;

text-decoration:none;

}

.tab

{

float:right!important;

width:40%;

height:30px;

margin-top:31px;

text-align:right;

padding-top:10px;

font-family:"Times New Roman", Times, serif;

font-size:13px;

padding-right:30px;

background:url(../uploads/images/tab_top.jpg) top right no-repeat;

border:0px solid #000000;

vertical-align:bottom;

}

.tab a

{

color:#999999;

text-decoration:none;

}

.tab a:hover

{

color:#cc0000;

text-decoration:none;

}

.tab .active

{

color:#cc0000;

text-decoration:none;

}

.nagation

{

float:right;

width:100%;

height:31px;

background:url(../uploads/images/navibg.jpg) top right repeat-x;

}

.nagation ul

{

float:right;

text-align:right;

}

.container

{

float:left;

width:97.5%;

padding:10px;

background-color:#FFFFFF;

border:0px solid #000000;

}

.topdiv

{

width:99.5%;

float:left;

border:0px solid #ff0000;

}

.header

{

float:left;

text-align:left;

border:0px solid #000000;

}

.topright

{

width:35%;

float:left;

text-align:left;

line-height:16px;

padding:0px 0px 0px 20px;

border:0px solid #000000;

}

a

{

color:#cc0000;

text-decoration:none;

}

a:hover

{

color:#cc0000;

text-decoration:underline;

}

.box1

{

float:left;

margin:15px 11px 0px 0px;

width:253px;

height:195px;

border:1px solid #999999;

}

.leftcol

{

float:left;

width:141px;

padding:10px 0px 0px 10px;

text-align:left;

height:674px;

background:#f2f3f6 url(../uploads/images/leftbg.jpg) 0px 190px no-repeat ;

border:0px solid #000000;

}

.leftside a

{

float:left;

margin:0px;

padding:0px;

text-align:left;

display:block!important;

clear:left;

width:140px;

line-height:20px;

color:#666666;

white-space:nowrap;

text-decoration:none;

}

.leftside a:hover

{

color:#666666;

background-color:#e8e9ed;

text-decoration:none;

}

.leftside .active

{

background-color:#e8e9ed;

}

h1

{

float:left;

width:100%;

margin:0px; 

padding:0px 0px 10px 0px;

text-align:left;

font-size:15px;

font-weight:bold;

}

.years

{

float:none; color:#eae0bd; padding-bottom:15px; text-align:center; width:95%; margin-top:10px; margin-bottom:15px; border-bottom:1px solid #eae0bd;

}

.years a

{

color:#464a65;

text-decoration:underline;

}

.years a:hover

{

color:#666666;

text-decoration:none;

}

strong

{

color:#464a65;

}

.style2 {
	color: #B13E4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.styleForm {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#archive_table th, #archive_table td {text-align:left;}
#archive_table .header {float:none;height:22px;background-color:#ddd;}
#archive_table th, #archive_table td {padding-left:5px;}
#archive_search {padding-left:10px;}
#archive_search td {text-align:left;}

.form_date td {vertical-align:top;}
td.label {padding-top:8px;}


.date_selector, .date_selector * {width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
.date_selector {background: #F2F2F2;border: 1px solid #bbb;padding: 5px;width:197px;display: none;}
.date_selector_ieframe {position: absolute;z-index: 99999;display: none;}
.date_selector .nav {width: 17.5em; /* 7 * 2.5em */}
.date_selector .month_nav, .date_selector .year_nav {margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center}
.date_selector .month_nav {float: left;width: 55%}.date_selector .year_nav {float: right;width: 38%;margin-right: -8px; /* Compensates for cell borders */}.date_selector .month_name, .date_selector .year_name {font-weight: bold;line-height: 20px}.date_selector .button {display: block;position: absolute;top: 0;width: 18px;height: 18px;line-height: 17px;font-weight: bold;color: #003C78;text-align: center;font-size: 120%;overflow: hidden;border: 1px solid #F2F2F2}  .date_selector .button:hover, .date_selector .button.hover {background: none;color: #003C78;cursor: pointer;border-color: #ccc}.date_selector .prev {left: 0}.date_selector .next {right: 0}.date_selector table {border-spacing: 0;border-collapse: collapse;clear: both}  .date_selector th, .date_selector td {width: 2.5em;height: 2em;padding: 0;text-align: center;color: black}  .date_selector td {border: 1px solid #ccc;line-height: 2em;text-align: center;white-space: nowrap;color: #003C78;background: white}  .date_selector td.today {background: #FFFEB3}  .date_selector td.unselected_month {color: #ccc}  .date_selector td.selectable_day {cursor: pointer}  .date_selector td.selected {background: #D8DFE5;font-weight: bold}  .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {background: #003C78;color: white}

.left {text-align:left;}