@import url("nav.css");
@import url("modules.css");

body {margin: 0; padding: 0; color: #4c4c4c; background: #fff url(../img_t/bg_head.png) repeat-x; font-size: 80%;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#3777a5; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold; padding: 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.8em; font-style: italic; font-weight: normal;}


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}


.wrap {width: 950px; position: relative; margin: 0 auto;  }

#head { background: url(../img_t/bg_headshadow.png) no-repeat center 105px; padding: 10px 0;  }
h1#logo { margin: 0;}
#navbar { background: #333; height: 34px; z-index: 10000; position: relative; }
#tagline { position: absolute; right: 20px; top: 50px;}

.searchBox { float: right; width: 265px; padding: 5px 5px 0 15px; }
.searchBox span, .newsBox .EditingFormControlNestedControl span { background: url(../img_t/bg_stxt.png) no-repeat; width: 168px; height: 24px;
	display: block; float: left;
	margin: 0 0 0 0; padding: 4px 0 0 0;}
.searchBox span input.stxt, .newsBox .EditingFormControlNestedControl span input.TextBoxField {
	padding: 0 5px 0 5px; margin: 0;
	width: 158px; border: 0 none; 
	background: none; color: #363636;}
.searchBox span input.stxt:focus, .newsBox .EditingFormControlNestedControl span input.TextBoxField:focus {
	outline: 0;}
.searchBox input.sbtn, .newsBox input.FormButton {margin: 0 0 0 2px; padding: 0; }
.newsBox .EditingFormControlNestedControl {display: inline;}
.newsBox .ErrorLabel { display: none;}
.newsBox .EditingFormErrorLabel { clear: both; padding-left: 10px; }

#cnt { clear: both; min-height: 400px;  
	background: url(../img_t/bg_cntShadow.png) no-repeat center bottom;}
.sub { padding: 0 1em 1em; }

table.hcnt { width: 100%; }
table.hcnt div.htxt { padding: 0 3em 0 1em;}
table.hcnt td.rnews { width: 440px;}



#foot { background: #4c4a3e; display: block; clear: both; width: 100%; }
#foot table { width: 100%;}
#foot td.bnav {padding: 30px 0 30px 15px;}
#foot td.bnav ul, #foot td.bnav ul li {list-style: none; margin: 0; padding: 0;}
#foot td.bnav li a { background: url(../img_t/bg_bnav.png) no-repeat 0 50%; padding: 0 0 0 12px; color: #fff;
	display: block; margin: 0 0 2px 0; font-size: 0.9em; }
	
#foot td.newsBox { width: 280px; padding: 30px 30px 0 30px;}
#foot .newsBox p, #foot .newsBox h2 { color: #fff;}
#foot .newsBox h2  { margin: 0;}

#foot td.infoBox {padding: 30px 30px; font-weight: bold; font-size: 1em; color: #fff; background: #333;
	width: 235px;}

#asi { font-size: 0.8em; text-align: right; color: #fff; clear: both; margin-top: 30px;}
#asi a {color: #fff;}
#copy { display: block; margin-top: 42px; font-size: 0.8em; font-weight: normal;}

/* scrollable /
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#slider { background: url(../img_t/bg_slider.png) no-repeat 0 0;
	height: 333px; width: 950px; padding: 18px 0 0 0; }
	

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 850px;
	height:314px;}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;}
.scrollable .Slideritem { float: left; width: 850px;}
.sPhoto { width: 471px;}
.sText { float: right; margin: 60px 0 0 0px; width: 319px; 
	font-weight: bold; font-size: 14px;}
	


/* prev, next, prevPage and nextPage buttons */
a.prevPage {
	background:url(../img_t/sliderNext.png) no-repeat;
	display:block;
	width:44px;
	height:84px;
	position: absolute; top: 50px; right: 25px;
	cursor: pointer;}
a.nextPage {	background:url(../img_t/sliderBack.png) no-repeat;
	display:block;
	width:44px;
	height:84px;
	position: absolute; top: 220px; right: 15px;
	cursor: pointer;}