/* MIRRIO*/ 

a { color : #2087C1;}


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color : #EAEAEA;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 0.85em;
 color: #666666;
} 
 
#pagewidth{ 
 width:850px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color : #FFFFFF;
 padding : 5px;
} 
 
#header{
 position:relative; 
 height:95px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#twocols{
 width:850px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:216px; 
 float:right; 
 position:relative; 
 }
 #rightcol p {	margin-right : 10px; margin-left : 10px; font-size : 11px;}
 
#maincol{
background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:634px; 
 }
 
 #maincol p {
	margin-left : 20px;
	margin-right: 5px;
	line-height : 18px;
}

 #maincol ol li {margin-bottom : 15px;}
 
 
 #maincolhome{
background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:634px; 
 }
 
 #maincolhome p {
	margin-left : 5px;
	margin-right: 5px;
}
  #maincolhome ul li {margin-left : -5px;}
 
 
 #homecol3{
 width:212px; 
 float:right; 
 position:relative; 
  background :  url(../images/col3bg.gif);
 background-position : top;
 background-repeat : no-repeat;
 min-height : 250px;
 }
  #homecol3 p {padding: 0px 4px 0px 4px; font-size : 11px;}
  #homecol3 h2 {margin-left : 5px;}
 
  #homecol2{
 width:211px; 
 float:right; 
 position:relative; 
  background :  url(../images/col2bg.gif);
 background-position : top;
 background-repeat : no-repeat;
  min-height : 250px;
 }
  #homecol2 p {padding: 0px 4px 0px 4px; font-size : 11px;}
  #homecol2 ul {font-size : 11px; padding-top : 5px;}
  #homecol2 li { list-style : url(../images/list_item.gif); margin-top : 5px;}
  #homecol2 h2 {margin-left : 5px;}
 
 #homecol1{
 width:211px; 
 float : left;
 position:relative; 
 background :  url(../images/col1bg.gif);
 background-position : top;
 background-repeat : no-repeat;
  min-height : 250px;
 }
  #homecol1 p {padding: 0px 4px 0px 4px; font-size : 11px;}
  #homecol1 h2 {margin-left : 5px;}
 
#footer{
 height:42px; 
 background-color:#384043; 
 clear:both;
 font-size : 10px;
 } 
 
 #footer p {color : #EFEFEF; text-align : right; padding : 10px; line-height : 1.4em;}
 #footer a {color : #FFFFFF; text-decoration : none;}
 #footer a:hover{color : #D1D1D1;}

 h1 {color : #384043; font-size : 1.2em;}
 h2 {color : #2087C1; font-size : 1em; margin-bottom : 5px; margin-top : 15px;}
 h3 {color : #2087C1; font-size : 1.1em; margin-bottom : 5px; margin-top : 15px; margin-left : 10px;}
  
 #maincol h1 {
	width : 100%;
	background-color : #E7E7E7;
	text-align : center;
	height : 30px;
	margin-top : 0px;
	padding-top : 10px;
	background-image : url(../images/h1bg.jpg);
	background-position : left;
	background-repeat : repeat-y;
	color : Gray;
    font-size : 1.4em;
}
 
 hr {color : Gray; height : 1px; margin : 0px; border : 0px;}
 
 .imgclass{
	border : 1px solid #AEAEAE;
	margin : 10px;
}
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 .clear { clear:both; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*---------------------MENU--------------------------------- */
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 18px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 26px 0 8px;}
.menu1 li.current a {color:#fff; background:url(../images/button3.gif);}
.menu1 li.current a b {background:url(../images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../images/button2.gif);}
.menu1 li a:hover b {background:url(../images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../images/button3.gif) no-repeat right top;}

#topmainmenu {	margin-bottom : 5px;}

/* ----------- FORMS ----------- */

.contactform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-top: 25px;	
	width: 300px;
	float: right;
}
form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;	
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 2px 0 3px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.input150 {
	width: 150px;
}
.input200 {
	width: 200px;
}

textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 2px 0 3px 8px;
}
.textarea180 { width: 180px;}

.butstyle {
	border: 1px solid #333333;
	background-color: #CCCCCC;
	color: #000000;
	background: url("../images/shim.gif")  repeat-x top left;
}

.selectstyle select, .selectstyle input {
 font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #333333;
 border: 1px solid #333333;
}
