/* CSS Document */

body{
  margin: 0;
  padding: 0;
}

#sitecontainer{
  position: absolute; 
  background-color: #cccccc;
  width: 960px;
  min-height:270px;
  height:auto;
  left: 50%;
  margin-left: -480px;
}

#top{
 float: left;
 width: 960px;
 height: 160px;
}

#menu{
 float: left;
 background-image: url(../img/background_menu.png); 
 background-repeat: no-repeat;
 width: 960px;
 height: 47px;
}

/* #main{
  float: left;
  width: 960px;
  height: 100%;
} */


#footer{
  float: left;
  width: 960px;
  height: 30px;
  background-color: #afafaf;
  line-height: 30px;
  text-align: center;
  font-family: Trebuchet MS;
  font-weight: bold;
  font-size: 14px;
}

/* top */


#banner{
  float: left;
  width: 960px;
  height: 160px;
}


#logo{
  float: left;
  height: 160px;
  width: 244px;
}

#top-foto{
  background-image: url(../img/banner_foto.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 160px;
  width: 480px;
}

#contact-info{
  float: left;
  width: 216px;
  height: 110px;
  padding-left: 20px;
  padding-top: 50px;
  font-family: Trebuchet MS;
  font-weight: bold;
  font-size: 16px;
}


/* menu */

#menu ul{
  margin-top: 10px;
  padding: 0;
}
#menu ul li{
  float: left;
  list-style-type: none;
  font-family: Trebuchet MS;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 0 10px;
}

#menu a{
  text-decoration: none;
  color: #fff;
  font-family: Trebuchet MS;
}

#menu a:hover{
  text-decoration: none;
  color: #fff;
  font-family: Trebuchet MS;
}

#menu a:visetid{
  text-decoration: none;
  color: #fff;
  font-family: Trebuchet MS;
}


/* main */


#main{
  float: left;
  background-image: url(../img/background_content.jpg);
  width: 713px;
  min-height: 630px;
  background-color: #d5d5d5;
  font-family: Trebuchet MS;
  padding: 5px;
  
}

#right{
  float: left;
  width: 237px;
  min-height: 630px;
}

.foto{
  float: left;
  width: 174px;
  min-height: 100px;
  margin-left: 5px;
  margin-top: 20px;
}

#main p{
  width: 613px;
  height: auto;
  margin-top: 20px;
  margin-left: 50px;
  margin-right: 20px;
  font-size: 14px;
  padding: 5px;
}

#main ul li{
  margin-left: 30px;
  margin-right: 20px;
  font-family: Trebuchet MS;
  font-size: 14px;
}

h1{
 text-align: center;
 font-weight: bold;
 font-size: 20px;
}                   

h2{
 text-align: center;
 font-weight: bold;
 font-size: 17px;
}

h3{
 text-align: center;
 font-weight: bold;
 font-size: 15px;
}

h4 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #015284;
line-height: 1px;
	}
	
h5 {
 text-align: left;
 font-weight: bold;
 color: #D6AB00;
 font-size: 17px;
 line-height: 2px;
 }
 
 h6 {
 text-align: left;
 font-weight: bold;
 color: #015284;
 font-family: arial narrow;
 font-size: 11px;
 text-decoration: underline; 
 }
 
/* tabs */

#screenTabs {
float:left;
width: 100%;
min-height: 1px;
height: 1px;
background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom;
}

td > #screenTabs { 
height: auto;
}

#tabs {
float:left;
width:620px;
line-height:normal;
white-space: nowrap;
background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom;
}

#tabs ul {
margin:0;
padding: 0px 10px 10px 10px;
list-style:none;
}

#tabs a {
display: block;
background:url("../img/icons/tabs/right.gif") no-repeat right top;
padding:5px 9px 4px 4px;
vertical-align: baseline;
text-decoration: none;
color: #000000;
width:.1em;
}

#tabs > ul a {
width: auto;
}

#tabs a:hover,
#tabs a:visited,
#tabs a:active {
text-decoration: none;
color: #000000;
}

#tabs li {
float:left;
background:url("../img/icons/tabs/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 2px;
border-bottom: solid 1px #776655;
}

#tabs li#current {
border-width: 0;
}

#tabs #current {
background-image:url("../img/icons/tabs/left_on.gif");
margin-left: -3px;
}
#tabs #current a {
background-image:url("../img/icons/tabs/right_on.gif");
padding:3px 9px 7px 6px;
vertical-align: baseline;
}

#tabs .last a {
background-image:url("../img/icons/tabs/right_last.gif");
}

#tabs .first {
background-image:url("../img/icons/tabs/left_first.gif");
}

#tabs .first#current {
margin-left: 0;
}

#tabs li:hover {
background-position: 0% -150px;
cursor: pointer;
}

#tabs li:hover a {
background-position: 100% -150px;
}

#tabs li.first:hover {
background-position: top left;
}

#tabs a:hover {
background-position: 100% -150px;
}

/* style */

table
	{
	width: 100%;
	border-collapse: collapse;
	color: black;
	font: 10pt verdana, arial;
	margin-bottom: 25%; /* %, px, em, ex ? */
	}

tr.subhead
	{
	background-color: #cccccc;
	}

th
	{
	padding: 0 3%;
	}

th.alt
	{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}

td
	{
	padding: 0 3%;
	}

tr.alt
	{
	background-color: #eeeeee;
	}

table h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

table h2
	{
	font: 18pt verdana, arial;
	margin: 0;
	}

table h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}

table th a
	{
	color: #00008b;
	font: 8pt verdana, arial;
	}

table a
	{
	color: #00008b;
	text-decoration: none;
	}

table a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}

div.outer
	{
	width: 90%;
	margin: 15%;
	}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}

table a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}

table a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}

.small
	{
	font: 8pt verdana, arial;
	}

table td
	{
	padding-right: 20%;
	}

table td.nopad
	{
	padding-right: 5%;
	}