html {
 height: 100%;
}
body {
 position: relative;
 background: #23233a url(../images/middle_bg.gif) left top repeat-y;
 width: 100%;
 min-height:100%;
 float:left;
 
}
#root {
 width: 100%;
 position: relative;
 min-width: 871px;
 float:left;
 height: 100%;
}
#head {
 width: 100%;
 background: #18478B;
 float:left;
}
#head ul.decor {
 float:right;
 position: relative;
 z-index: 100;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
#head ul.decor li {
 float:left;
}
#head ul.decor li img {
 vertical-align: bottom;
}
#head ul.decor li.img_1  img {
 background: url(../images/img_1.gif) no-repeat;
 width: 73px;
 height: 42px;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}
#head ul.decor li.img_2  img {
 background: url(../images/img_2.gif) no-repeat;
 width: 69px;
 height: 42px;
 border-right: 1px solid #fff;
}
#head ul.decor li.img_3  img {
 background: url(../images/img_3.gif) no-repeat;
 width: 68px;
 height: 42px;
 border-right: 1px solid #fff;
}
#top {
 background:#97480e url(../images/topback.gif) top repeat-x;
 width: 100%;
 border-bottom: 6px solid #18478b;
 float:left;
}
#top .collage {
 margin: -25px auto 0px 0px; 
 float:left;
 position: relative;
 z-index: 50;
}
#top .collage img {
 background: url(../images/collage_1.jpg) left bottom no-repeat;
 width: 658px;
 height: 212px;
 display:block;
}
#logo {
 position: absolute;
 top:16px;
 left:10px;
 z-index: 200;
}
#logo a {
 display:block;
}
#logo img {
 background: url(../images/logo.gif) left top repeat-x;
 width:258px;
 height: 67px;
 display:block;
}
#root .sub_top {
 width: 100%;
 background:#f4f4f4 url(../images/motto.gif) 98% center no-repeat;
 float:left;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
#root .sub_top li {
 float:left;
 padding: 1.3em 1em;
}
#root .sub_top li a:link,
#root .sub_top li a:visited {
 font:bold 1.3em Arial;
 color: #000;
 text-decoration: none;
 display: block;
}
#root .sub_top li a:active,
#root .sub_top li a:hover {
 font:bold 1.3em Arial;
 color: #000;
 text-decoration: underline;
 display: block;
}
#middle {
 width: 100%;
 float:left;
 padding: 0px 0px 120px 0px;
 min-height: 500px;
 height:auto !important;
 height: 500px;
}
#middle .l_block {
 float:left;
 width:203px;
 position: relative;
 z-index: 500;
}
#middle .l_block .content {
 width: 100%;
}
#middle .l_block .content .left_bar {
 width: 100%;
}
#middle .l_block .content .left_bar .title {
 padding: 15px 0px;
 background: #cd702b;
 text-align: center;
}
#middle .l_block .content .left_bar .title span {
 font: 1.3em Arial;
 color: #fff;
 text-transform:uppercase;
}
#middle .l_block .content .left_bar .links {
 border-bottom:2px solid #F4F2F2;
}
*:first-child+html #middle .l_block .content .left_bar .links {
 margin:0px 0px 2px 0px;
}
#middle .l_block .content .left_bar .links span {
 border-left:5px solid #18478b; 
 display:block; 
}
#middle .l_block .content .left_bar .links span a:link,
#middle .l_block .content .left_bar .links span a:visited,
#middle .l_block .content .left_bar .links span a:active{
 font: 1.1em Arial;
 text-decoration: none;
 color: #000;
 padding: 6px 10px;
 display:block;
}
#middle .l_block .content .left_bar .links span a.act,
#middle .l_block .content .left_bar .links span a.act:hover {
 font:bold 1.1em Arial;
 text-decoration: none;
 color: #000;
 padding: 6px 10px;
 display:block;
}
#middle .l_block .content .left_bar .links span a:hover {
 font: 1.1em Arial;
 text-decoration: underline;
 color: #000;
 padding: 6px 10px;
display:block;
}
#middle .l_block .content .sub_left_bar {
 width:100%;
}
#middle .l_block .content .sub_left_bar img {
 display: block;
 background: url(../images/mariontitle.gif) no-repeat left top;
 width: 203px;
 height: 136px;
}
#middle .l_block .content .sub_left_bar p {
 text-align:center;
 font: 1.3em Arial;
 color: #000;
 margin: 5px 0px 10px 0px;
text-indent: 0;
}
#middle .l_block .content .sub_left_bar p span {
 text-align:center;
 font: 0.8em Arial;
 color: #000;
 display:block;
 margin: 2px 0px 0px 0px;
}
#middle .r_block {
 margin: 0px 0px 0px 203px;
}
#middle .r_block .content {
 padding: 0px 20px 0px 30px;
 float:left;
}
#middle .r_block .menu {
 background: #18478b;
 border-bottom:1px solid #fff;
 width: 100%;
 float:left;
}
#middle .r_block .menu .block_link {
 float:left;
 border-right:1px solid #fff;
 padding: 5px 30px;
}
#middle .r_block .menu .block_link a:link,
#middle .r_block .menu .block_link a:visited
 {
 font: 1.2em Arial;
 color: #fff;
 text-decoration: none;
}
#middle .r_block .menu .block_link a:active,
#middle .r_block .menu .block_link a:hover {
 font: 1.2em Arial;
 color: #fff;
 text-decoration: underline;
}
#middle .r_block .content h1 {
 text-align:center;
 margin: 20px 0px 0px 0px;
}
#middle .r_block .content h2 {
 margin: 20px 0px 0px 0px;
}
#middle .r_block .content h3 {
 margin: 20px 0px 10px 0px;
}
#middle .r_block .content ul li, #middle .r_block .content blockquote {
 margin: 10px 0px 10px 40px;
 color:#fff;
 font: 1.7em Geneva;
 padding: 0px;
}
 #middle .r_block .content blockquote {
	 text-align:center;
	 font-size:1.2em;
 }
#middle .r_block .content p {
 margin: 0px 0px 10px 0px;
}
#middle .r_block .content .photo {
 margin: 20px 0px 0px 27px;
}
#footer {
 background: url(../images/bottomback.gif) left top repeat-x;
 width: 100%;
 height: 48px;
 position: absolute;
 bottom: 0;
 left:0;
 right: 0;
 clear:both;
 min-width: 871px;
}
.clear {
	clear:both;
	visibility:hidden;
	height:0px;
}
#footer address {
 width: 50%;
 font: 1.3em Arial;
 color: #575769;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
}
#footer address a:link,
#footer address a:visited,
#footer address a:active{
 font: 1.1em Arial;
 color: #CD8717;
text-decoration: none;
}
#footer address a:hover{
 font: 1.1em Arial;
 color: #CD8717;
 text-decoration: underline;
}
/*form*/
#fm {
 width: 100%;
 margin: 20px 0px;
 float:left;
}
#fm form#form_info {
 width: 100%;
 float:left; 
}
#fm form#form_info .left {
 float:left;
}
#fm form#form_info .left span.formtitle,
div.formtitle {
 text-align: right;
 width: 200px;
 clear:left;
float:left;
display:block;
 font: 1.3em Arial;
 color: #fff;
}
div.formfield .license {
	height:150px;
	width:300px;
	overflow: auto;
	font:1.2em Arial;
	color:#fff;	
	margin-bottom:15px;
	
}

div.formfield label{
  display:block;
  font: 1.3em Arial;
  color: #fff;
 text-align:left !important;
 
 
}

#fm form#form_info .left span.formfield,
div.formfield, div.field, div.button_block {
 	margin: 0px 0px 15px 220px;
	display:block;
}
div.field {
 font: 1.3em Arial;
 color: #fff;
}
.form_block div.radio input {
	float:left;
	clear:left;
	margin:0;
	width:15px;
	height:15px;
}
.form_block div.radio {
	overflow: hidden;
	margin-bottom:5px;
	height:1%;
}
.formfield input.agree {
	position:relative;
	top:-1px;
}
.formfield .agree {
	float:left;
	width: 15px;
	height:15px;
	margin: 0px;
	
}
.formfield font.agree {
	float: none;
	margin:0px 0px 0px 5px;
	font:1.3em Arial;
	color:#fff;
	
}




.form_block div.radio label{
	margin:0px 0px 0px 20px;
}
/*
#fm form#form_info .left span {
 padding: 0px;
}*/
#fm form#form_info .left span.area {
 margin: 0px 0px 0px 320px;
display:block;
}
#fm form#form_info .left span.center {
 margin: 60px 20px 0px 0px;
 display:block;
}
#fm form#form_info .left span.ann {
 margin: 20px 80px 0px 0px;
 display:block;
}
#fm form#form_info .left span span.star {
/* vertical-align: middle;*/
 display:inline;
}
#fm form#form_info .left input,
div.formfield input, div.formfield textarea{
/* padding: 2px;
 border-left:2px solid #848484;
 border-top:2px solid #848484;*/
 display:block;
 width:250px;
}
#fm form#form_info .left span.formfield {
	float:left;
	border:3px solid #000;
}
form#form_info .left div.radio label {
	margin:0px 0px 0px 20px;
	border:3px solid #fff;
}
div.button_block input  {
 border-left:2px solid #848484;
 border-top:2px solid #848484;
}
#fm form#form_info .left textarea {
 width: 250px;
 height:105px;
 padding: 2px;
 overflow:auto;
 border-left:2px solid #848484;
 border-top:2px solid #848484;
}
#fm form#form_info .left #bt {
 width: 60px;
 display:block;
 margin: 10px 0px 0px 0px;
}
font.requiredfield {
color: #ff4300;
}
div.checking_block { 
 font: 1em Arial;
 border:1px solid #848484;

}
/*-----*/
/* application form */
#application {
margin: 20px;
} 
/*table_style*/
#application table tr td {
  border:1px solid #cd8717 !important;
  padding: 15px !important;
  font:1.2em Arial;
  color: #fff !important;
}

#application table tr td {
   font:1.2em Arial;
   color: #fff !important;
   margin:0px;
   padding: 0px;
}

#application table tr td span {
   font:1.4em Arial;
   color: #fff !important;
   margin:0px;
   padding: 0px;
}

#application table tr td strong {
   color: #fff !important;
   margin:0px;
   padding: 0px;
   font-weight: bold;
}
/* application form */
/* login box */
#loginbox .head  { 
background-color: #18478b;
padding: 7px 15px;
text-align:center;
text-transform:uppercase;
color:#ffffff;
font:1.2em Arial;
}
#loginbox .message .errormessage {
background-color:#FF0033;
padding:5px;
color:#ffffff;
}

.form_block .errormessage {
	padding:2px 10px;
	background-color:#18478b;
	color: #ffffff;
	font-size:10px;
}
#loginbox table tr td {
padding:4px 3px;
}

#loginbox table tr td input {
width: 125px;
 border:1px solid #848484;

}
#loginbox .additional {
margin: 5px 0px;
text-align:center;
}
#loginbox .messages .infomessage, 
#loginbox .helperbody, #loginbox .info {
padding:5px;
}
#loginbox a:link, #loginbox  a:active, #loginbox  a:visited {
	margin-left:5px;
}
/*------------*/
