/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#cac9c6;
	text-align:center;
}



img {vertical-align:top;}
a img { border:0;}

ul { list-style:disc;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
        font-size:0.75em;
        line-height:1.333em;
		color:#303030;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0000C0;}
a:hover{color:#800080;}
a:active{color:#800080;}
a:visited{color:#800080;}
p {padding-top:12px; padding-bottom: 12px}

/* ============================= main layout ====================== */

.more { display:block; background:#484848 url(images/more_left_right_bg.gif) no-repeat top left; color:#fff; text-decoration:none; float:left; margin-top:20px; font-family:tahoma; font-size:11px; font-weight:bold;}
.more span {display:block; background:url(images/more_left_right_bg.gif) top right no-repeat; padding:1px 10px 2px 10px;}
.more:hover {text-decoration:none;}

h3 {color:#202020; text-transform:none; line-height:1.5em; margin-bottom:2px;}
h1 {color:#000000; font-size:1.267em;}


cite {font-style:normal;}
li a {color:#0000C0; line-height:2.15em; }

.imgindent {margin:0px 10px 2px 0px; float:left;}
.imgindent2 {margin:0px 10px 2px 0px; float:left;}
.imgindent3 {margin:0px 10px 2px 10px; float:right;}


/* ============================= header ====================== */

#header .right {padding:10px 15px 10px 0;}
#header {color:#000;}
#header a {color:#000; text-decoration:none;}
#header a:hover {color:#800080;}
#header .home {background:url(images/home_bg.gif) no-repeat 0 6px; padding-left:12px;}
#header .home:hover {background:url(images/home_bg_active.gif) no-repeat 0 6px;}
#header .home_active {background:url(images/home_bg_active.gif) no-repeat 0 6px; color:#800080;}


#header .box {background:#FFf; padding:20px 20px 25px 20px; margin-bottom: 10px;}

.menu {margin:10px 0 0 40px;}
.menu li { background:none; padding:0px;}
.menu li a {display:compact; width:150px; height:10px; font-size: medium; font-family: "Century Gothic", Arial; font-weight: normal }
.menu .button1 {background:url(images/menu_button1.gif) top left no-repeat;}
.menu .button2 {background:url(images/menu_button2.gif) top left no-repeat;}
.menu .button3 {background:url(images/menu_button3.gif) top left no-repeat;}
.menu .button4 {background:url(images/menu_button4.gif) top left no-repeat;}
.menu .button5 {background:url(images/menu_button5.gif) top left no-repeat;}
.menu .button1 a:hover {background:url(images/menu_button1_active.gif) top left no-repeat;}
.menu .button2 a:hover {background:url(images/menu_button2_active.gif) top left no-repeat;}
.menu .button3 a:hover {background:url(images/menu_button3_active.gif) top left no-repeat;}
.menu .button4 a:hover {background:url(images/menu_button4_active.gif) top left no-repeat;}
.menu .button5 a:hover {background:url(images/menu_button5_active.gif) top left no-repeat;}
.menu .button1 .active {background:url(images/menu_button1_active.gif) top left no-repeat;}
.menu .button2 .active {background:url(images/menu_button2_active.gif) top left no-repeat;}
.menu .button3 .active {background:url(images/menu_button3_active.gif) top left no-repeat;}
.menu .button4 .active {background:url(images/menu_button4_active.gif) top left no-repeat;}
.menu .button5 .active {background:url(images/menu_button5_active.gif) top left no-repeat;}


/* ============================= middle ====================== */

.title {background:#505050; padding:22px 0px 12px 27px; margin-bottom:32px}
.if_img {margin-bottom:19px; padding:22px; font: large "Century Gothic", Arial; color: #FFFFFF; font-weight: bold }
.content {padding:0 25px 0 32px;}
.content1 {padding:0 25px 0 32px;}
.content2 {padding:0 44px 0 32px;}

.date {color:#000000; font-size:1.167em;}
.small {font-size:0.917em;}
.big {font-size:1.167em;}
.usual {color:#a2a2a2;}
.ul {margin-top:16px;}

.line {background:url(images/hor_line.gif) bottom repeat-x; padding-bottom:27px; margin-bottom:24px;}
.column_padding {padding-right: 11px}
.column_padding2 {padding-right: 0px}

.list1 {color:#202020; padding:0 20px 0 18px;}
.special {color:#202020; display:block; margin:-5px 0 10px 0;}
.h3 {padding-top:15px;}
.h5 {font-size:1.15em;}
.rowt {padding-right:8px}

.column1 .content {padding:0 25px 0 29px;}
#index .column2 .line {}
#index_1 .column2 .line {padding-bottom:16px}
#index_1 #middle {padding:14px 0 44px 40}
#index_2 .column2 .content {padding:0 23px 0 32px;}
#index_2 #middle {padding:14px 0 54px 40;}

#index_3 .content {padding:0 25px 0 29;}
#index_3 .column2 .content {padding:0 23px 0 30px;}
#index_3 #middle {padding:14px 0 44px 40;}

#index_4 .column2 .right {margin-right:66px;}
#index_4 #middle {padding:14px 0 45px 40;}
#index_5 #middle {padding:14px 0 0px 40;}
#index_5 .content {padding:0 23px 0 30px;}
/* ============================= footer ====================== */

#footer p {margin-top: 15px; padding:25px 20 22px 28px; color:#fff; background:#505050; text-align: center;}
#footer a {color:#fff;}

/* ============================= index ============================= */

form {margin-top:15px;}
form .rowi {height:42px;}
form .right {margin-left:15px;}

.input {width:246px; height:16px; padding:0 0 0 5px; font-size:1em;}
textarea {width:246px; height:75px; padding:0 0 0 5px; overflow:auto; font-size:1em;}
