@import url("reset.css");

/* main tags */

body { background: url(../images/core/bg.jpg) top repeat-x #111d40; font-family: Arial, Helvetica, sans-serif;  }



h1 { font-size: 1.2em; color: #f40002; font-family: Arial, Helvetica, sans-serif; font-weight: 100; margin-bottom: 10px;  }
h2 { font-size: 1.0em; color: #f40002; font-family: Arial, Helvetica, sans-serif; font-weight: 100; margin-bottom: 10px;  }
h3 {}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.img-right { float: right; margin-left: 10px; margin-bottom: 10px; border: 2px solid #111d40; }

p.tel { display: block; background: url(../images/core/t.gif) top left no-repeat; padding-left: 30px; padding-top: 1px; }
p.fax { display: block; background: url(../images/core/f.gif) top left no-repeat; padding-left: 30px; padding-top: 1px; }
p.ema { display: block; background: url(../images/core/e.gif) top left no-repeat; padding-left: 30px; padding-top: 1px; }
p.add { display: block; background: url(../images/core/a.gif) top left no-repeat; padding-left: 30px; padding-top: 1px; }

/* containers */

#container { margin: 0 auto 0 auto; width: 903px; margin-top: 20px;  }
#header{ width: 903px; height: 141px; float: left; }
#banner { float: left; width: 903px; height: 252px; }
#slideshow { float: left; width: 903px; height: 252px; }
	
	#main{ background-color: #FFFFFF; width: 883px; float: left; padding-left: 20px; padding-bottom: 20px; }
	
	#address { width: 276px; float: left; background-color: #d6d6d6; padding-left: 10px; padding-top: 10px; }
	#address p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 10px; }
	#address a { color: #111d40; text-decoration: none; }
	#address a:hover { text-decoration: underline; }
	
		.button-1 { width: 270px; height: 71px; display: block; float: left; padding-bottom: 20px; }
		.button-2 { width: 270px; height: 71px; display: block; float: left; padding-bottom: 10px; }
		
		.button-1 a { width: 270px; height: 71px; display: block; float: left; background-image: url(../images/core/butt-1.gif) }
		.button-2 a { width: 270px; height: 71px; display: block; float: left; background-image: url(../images/core/butt-2.gif) }

	#content { width: 573px; float: left; padding: 10px; }
	
	 	#content p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 10px; }
		#content a { color: #111d40; text-decoration: none;  }
		#content a:hover { text-decoration: underline; }
	
	#footer{ width: 903px; height: 75px; float: left; }
	#footer p { font-size: 0.8em; color: #7e8493; margin-top: 10px; margin-left: 10px; }
	#footer a { color: #7e8493; text-decoration: none; }
	#footer a:hover { text-decoration: underline; } 
	
/* navigation */

ul#nav{ width: 551px; float: left; display: block; }

#nav li { float: left; }
#nav li.filler { width: 193px; ; height: 62px; background: url(../images/core/filler-bg.gif) bottom repeat-x; }

#nav li.home a { width: 113px; height: 62px; display: block; background-image: url(../images/core/nav_04.gif); text-indent: -9999px; }
#nav li.contact a { width: 120px; height: 62px; display: block; background-image: url(../images/core/nav_03.gif); text-indent: -9999px; }
#nav li.online-application a { width: 192px; height: 62px; display: block; background-image: url(../images/core/nav_02.gif); text-indent: -9999px; }
#nav li.about-us a { width: 126px; height: 62px; display: block; background-image: url(../images/core/nav_01.gif); text-indent: -9999px; }

#nav li.home a:hover, #nav li.contact a:hover, #nav li.online-application a:hover, #nav li.about-us a:hover { background-position: 0 -62px; }
#page-home li.home a, #page-contact li.contact a, #page-online-application li.online-application a, #page-about-us li.about-us a { background-position: 0 -62px; }

/* form */

#form-holder { width: 300px; float: left; }

.inner-addr { float: right; width: 273px; padding-top: 10px; }

.form { margin-top: 10px; float: left; display: block; width: 300px;   }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 80px; vertical-align: top; float: left; padding-left: 10px; font-size: 0.8em; padding-top: 3px; }


.app-form { margin-top: 10px; float: left; display: block; width: 520px;  }
.app-form li { margin-bottom: 5px; } 
.app-form label  { display: inline-block; width: 100px; vertical-align: top; float: left; padding-left: 10px; padding-top: 3px; font-size: 0.8em; }

.subres { border: 1px solid #000000; height: 25px; width: 80px; margin-top: 5px; }

textarea { width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; padding-left: 3px; padding-top: 2px; }
input { font-family: Arial, Helvetica, sans-serif; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
	margin-left: 80px;
	margin-top: 5px;
  width: auto;
}

  .baseform .app-form label.error { margin-left: 100px; }