/* STYLESHEET FOR PAGE WITH 2 COLS */

html, body {
 background: url(../images/bg.jpg) #EEEBE3;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 11px;
 color: #000;
 margin: 0px;
 padding: 0px;
 height: 100%;    
 text-align: left;
}

/* white outer box */
#outer {
 position: absolute;
 left: 50%;
 top: 0px;
 margin-left: -416px; /* half of width */
 width: 832px;
 min-height: 100%;
 height: auto;
 background: url(../images/divbg.gif) repeat-y top left;
 padding: 0px 15px 0px 15px;
}

/* Hack for IE */
* html #outer{
    height: 73%;
}
/* End IE Hack */

/* banner with images and email link */
#top {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_workers {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_workers.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_forum {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_forum.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_contact {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_contact.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_settlement {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_settlement.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_payments{
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_payments.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_welcome{
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_welcome.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_migrants {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_migrants.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

#top_visitors {
 top: 0px;
 left:0px;
 height: 122px;
 background: url(../images/topbanner_visitors.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 35px 0px 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

/* top navigation bar */
#nav {
 width: 803px;
 height: 18px;
 text-align: center;
 margin: 0px;
 color: #828080;
}

#news {
 width: 802px;
 height: 15px;
 text-align: left;
 margin: 0px 0px 0px 1px;
 color: #828080;
 background: url(../images/newsbg.jpg) repeat-x top left;
 padding: 0px;
}

/* container for left and right cols */
#bodycontainer {
 width: 792px;
 height: 100%;
 padding: 0px 5px 0px 5px;
 margin:0px 0px 0px 1px;
}

#bodycontent {
 width: 790px;
 height: 100%;
}

.navstyle {
 margin-right: 8px;
}

/* rounded corners  */
div.rounded {
 background:#FFF;
 margin: 3px 0 3px 0;
}

/* following 2 rules are important for proper functions	of rounded borders: */
div.rc-border {
 border: solid #999;
 border-width: 1px 0;
}

div.border-inner {
 border: solid #999;
 border-width: 0 1px;
}

p.border {
 padding: 0px 15px 0px 15px; 
 margin: 0px 0px 0px 0px;
 line-height: 20px;
}

.clear { clear:both; }

/* Footer */
#container-foot {
  width: 800px;
  margin-left: 1px;
  background: #fff;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
}

#foot_l {
  float: left;
  padding: 0 1em;
  line-height: 20px;
}
#foot_r {
  float: right;
  padding: 0 1em;
  line-height: 20px;
}


/* text styles */

.righty a:link, #top a:link, #top_settlement a:link, #top_visitors a:link, #top_forum a:link, #top_workers a:link, #top_welcome a:link {
   color: #999999;
   text-decoration: none;
 }

h1 {
 font-family: "Trebuchet MS";
 font-size: 20px;
 padding: 0px 15px 0px 15px;
 margin: 0px;
 color: #85C329;
}

h2 {
 font-family: "Trebuchet MS";
 font-size: 14px;
 padding: 0px 15px 0px 15px;
 margin: 0px;
 color: #00699A;
}

h3 {
 font-size: 14px;
 padding: 0px 15px 0px 15px;
 margin: 0px;
 color: #5CAFD5;
}

h3.nopadding {
 font-size: 14px;
 padding: 0px;
 margin: 0px;
 color: #5CAFD5;
}

h3 a:link, h3 a:visited {
 text-decoration: none;
}

h4 {
 font-size: 14px;
 padding: 0px 15px 0px 0px;
 margin: 0px;
 color: #5CAFD5;
}

li {
 padding-bottom: 10px;
}

#nav a:link {
 color: #828080;
 text-decoration: none;
}

#nav a:visited {
 color: #828080;
 text-decoration: none;
}

#nav a:hover {
 color: #FF5D01;
 text-decoration: none;
}

#nav a:active {
 color: #BEE01D;
 text-decoration: none;
}

/* form styles */
form { margin-left: 1em; }

form table { border: 0; margin: 0; border-collapse: collapse; }
form table tr { border: 0; margin: 0; padding: 3px; }
form table th { border: 0; margin: 0; padding: 3px; }
form table td { border: 0; margin: 0; padding: 3px; }
td.r { width: 14em; padding: 10px; border: 0; background-color: #f8f8f8; text-align: left; font-size: 14px; font-weight: bold; color: #5a99ca }
td.l { padding-left: 15px; background-color: #f2f6fb; }
td.r p { font-size: 11px; color: #000; font-weight: normal; }

p.desc {font-size: 11px; font-weight: normal; color: #000;}

form input.text { 
	width: 500px;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 3px;
}

form input.textshort { 
	width: 280px;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 3px;
}
form input.textshortest { 
	width: 100px;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 3px;
}

form textarea.text { 
	height: 10em; 
	width: 500px;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 3px;
}
form textarea.textshort { 
	height: 10em; 
	width: 280px;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 3px;
}
form input.but { width: auto; }
form textarea { height: 10em; }
.checkdesc { padding: 1.5em; width: 40em; font-style: italic; background-color: #fafafa; }

table.payments { border: 1px solid #000000; }
table.payments tr { border: 1px solid #000000; }
table.payments th { border: 1px solid #000000; }
table.payments td { border: 1px solid #000000; }

legend { font-size: 110%; }

.error { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; font-size: 120%; border: 1px solid #000000;
 background-color: #ffffee; padding: 0.5em; display: table; }
.error h3 { margin-top: 0; margin-bottom: 0; }