@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body{
font: 12px Arial, Helvetica, sans-serif;
color: #333333; background: white url('images/bg.gif') left top;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1, h2, h3, h4 { margin:0; padding: 5px 0px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }

h1 {font-weight: normal;  color: #CC0000;  font-size: 32px; }
h1 a, h1 a:visited { color: #CC0000;  text-decoration: none; }
h1 a:hover { color: #CC0000;  text-decoration: none; }

h3 {font-weight: normal; font-size: 18px; margin: 5px 0; }	
h4 { font-size: 15px; color: #006699;  }
	
h2 { font-weight: normal; font-size: 26px; color: #003366; margin-bottom: 5px;  }
h2 a, h2 a:visited{ text-decoration: none; color: #003366;  }
h2 a:hover { text-decoration: underline; color: #003366; }
	
/*---:[ global elements ]:---*/

a, a:visited { color: #CC0000; text-decoration: none; }
a:hover { color: #fb0000; text-decoration: underline; }
a img { border: none; }

p{	margin: 0.8em 0px;line-height: 150%;}
ul{	padding-left:0px ;}
li{	padding-left:0px; line-height: 150%; background: transparent url('images/arrows.gif') 0.5em left no-repeat;
}

input, textarea, option, select {    }
option {	padding-right: 0.5em;}

#wrapper{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding:5px;
background-color: white;
text-align: left; /* this overrides the text-align: center on the body element. */
}

#header{ height: 140px; /*Height of top section*/ }
#header .heading{	float:left;font-size: 36px; color: #CC0000;font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
padding: 80px 0 0 50px;
}
#logo{margin-left: 40px; width:119px;padding:20px 0;float: left; display: inline;   }
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 220px; /*Set right margin to RightColumnWidth*/
padding-right: 5px; 
}
#contentcolumn h1, #contentcolumn h2, #contentcolumn h3, #main .beste h2, #main .portfolio h2{	border-bottom: #D9D9D9 solid 1px;}
#contentcolumn p{ text-align: justify; }
#contentcolumn ul, #contentcolumn ol{ margin: 10px 0px 10px 20px;}
#contentcolumn img{	margin: 5px 10px;}
#right{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth) */
margin-bottom:10px;  
}
#right h2, #right h3{	border-bottom: #D9D9D9 solid 1px;}
#right ul{	padding-left: 0px;}
#right li{ list-style: none; padding:0 20px; background: url('images/bullet.gif') left 0.7em no-repeat;  line-height: 190%; border-bottom:#999999 1px dotted;}
#right li a, #right li a:visited {color: #333333; text-decoration: none; }
#right li a:hover { color: #333333; text-decoration: underline; }
#right p{	margin: 0.5em 0;}
#footer{
border-top:#01709E 2px solid;
width: 100%;
text-align: center;
padding: 10px 0;
}
#footer a, #footer a:visited {
padding: 0 15px;
color: #333333; text-decoration: none; font-weight: bold;
}
#footer a:hover{
color: #000000; text-decoration: underline;
}
#copy{	font-size: 11px; text-align: right; vertical-align: bottom;}
#copy a{	padding: 0;}

.pad3{	padding: 3px;}
.pad5{	padding: 5px;}
.pad10{	padding: 10px;}
.pad15{	padding: 15px;}
.tbl-form{	background-color: #d0d9de;	border:1px solid #b1c2cd;	padding: 5px;}
.tbl-form td{	padding: 5px; background-color: #f5f8fa;}
.spacer { clear: both; }
.spacer20 { clear: both; margin-top:20px; }
.dot-line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px dotted #acacac;}
.line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px solid #C5C5C5;}

.small{font-weight:normal;	font-size: 11px; }
#phone{	float: left;	width:110px; margin-top: 6px; 
color: #01709E; padding-left: 15px; background: transparent url('images/phone.gif') left center no-repeat;
font-weight: bold; display: inline;}
#email{	float: left;	width:130px; margin-top: 6px; 
color: #01709E; padding-left: 18px; background: transparent url('images/email.gif') left center no-repeat;
font-weight: bold; display: inline;}
#topBar{
height:26px; float: right;
margin: 0;padding: 0;
}

#topBar ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 200px;

}

* html #topBar ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#topBar ul li{
display: inline;
float: right;
color: #333333;
padding: 3px 15px 3px 28px;
font-weight: normal;
background-color: #F0F0F0;
 border-right: 1px solid #cccccc;
}
#topBar ul li a{color: #333333; text-decoration: none;}
#topBar ul li a:hover{color: #000000;}

#topBar li{ background: transparent url(images/arrow.gif) 0.75em 0.75em no-repeat;}

#topMenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
text-transform: uppercase;
background: #01709E url('images/bg-menu.jpg') center center repeat-x;
}

#topMenu li{display: inline;}

#topMenu li a{
float: left;color: white;
padding: 4px 20px;text-decoration: none;
border-right: 1px solid white;
}

#topMenu li a:visited{color: white;}

#topMenu li a:hover, #topMenu li .current{
color: white;
background: transparent url(images/bg-menu-active.jpg) center center repeat-x;
}

#main{
 height: 250px; 	margin-bottom: 5px;
  background: #D4E3EA url('images/bg-main.jpg') top left repeat-x;
}
#main h2{ padding: 0; font-weight: normal; font-size: 24px; color: #E22017;}
#main h2 a, #main h2 a:visited{ text-decoration: none; color: #E22017;  }
#main h2 a:hover{ text-decoration: none; color: #c91f16;  }
#main h3{	color:#01709E;  font-size:15px; font-weight: bold;  text-align: center;}
#main p{	margin:0px;}
#main #photo{ float: right;}
#main #heading{ float: left; width: 450px;}

#main .portfolio{ float: left; margin: 0 5px;
 width: 220px; padding: 5px; 
}
#main ul{	padding-left: 0px;}
#main li{ list-style: none; padding:0 20px; background: url('images/bullet.gif') left 0.7em no-repeat;  line-height: 190%; border-bottom:#999999 1px dotted;}
#main li a, #main li a:visited {color: #333333; text-decoration: none; }
#main li a:hover { color: #333333; text-decoration: underline; }

#details{
	margin-bottom: 5px; padding: 20px;
  background: #D4E3EA url('images/bg-main.jpg') top left repeat-x;
}

.img-left{	 float: left; margin-right: 10px;}
.img-right{	 float: right; margin-left: 10px;}
.divider{ clear: both; border-top:#CCCCCC solid 1px; width: 90%; margin: 0 auto; height: 2px;}
.box{
	padding: 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	margin-bottom: 20px;
}

.box-g{
	padding: 20px 10px 10px 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box-g.jpg') top left repeat-x;	
	margin-bottom: 10px;
}
.box-g ul{	padding-left: 0px;}
.box-g li{ list-style: none; padding:0 20px; background: url('images/bullet.gif') left 0.25em no-repeat;  line-height: 170%;}
.box-g li a, .box-g li a:visited {color: #596d02; text-decoration: none; }
.box-g li a:hover { color: #596d02; text-decoration: underline; }


.box-b{
	padding: 10px; border: #D9D9D9 1px solid; border-top: #01709E 5px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	margin-bottom: 10px;
}
.box-r{
	padding: 10px; border: #D9D9D9 1px solid; border-top: #CC0000 5px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	margin-bottom: 10px;
}

#search{clear: right; width:200px; 	float: right;  
 margin: 25px 22px auto auto;
}
#search form{
	padding: 0; 
}
#search input{	margin: 2px;  }
#search .field{	 height: 18px;  }
.subBt{	 vertical-align:top; }

#flags{
	float: right; 
}
#flags img{
	padding: 6px 10px;
}
.date {
color:#333;
font-weight:700;
font-family:Georgia, serif;
font-size:12px;
border-bottom: #999999 1px dotted;
}
.weblog{margin: 15px 0;}