/* There are some CSS Framework by M. Stenhouse of Content with Style, adapted to Wistra by Wendy Ann Mansilla */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.menu_horiz:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html>body .menu_horiz{
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
	* html .menu_horiz{
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */

/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
/* end accessibility */


/* TYPOGRAPHY & CONTENT*********************************************************************/

body {
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		background-color: #FFFFFF;
		/*background-image: url('w312img/easter_de.gif');*/
	    background-image: url('w312img/images/bg_main.jpg');
	    background-repeat: repeat-x;
	   /*  color: #0F4888; */
	    margin: 0;
        padding: 0;
        text-align: left
	}
div {
 		font-size: 11px;
	}
img {
		border: 0px none;
	}


/* Layout sections */
	
div#page {
	border:1px solid #858384;
	width: 1024px;
    margin:  8px auto auto auto;
    padding: 0;
    text-align: left;
    background-color:#F0F0F0;
  

	    }


div#main{
   line-height: 16px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   position: relative;
   float: right;
   width: 736px;
   display: inline;
   padding:0px 0px 0px 15px; 
   margin: 0px 0px 0px 0px;
   background-color: #FFFFFF;
   color: #0F4888;

   }
  
  
div#mainpad {
   padding:0px 0px 0px 10px;
   height: 390px;
  }
  
  div#main_midpad {
   padding:0px 0px 0px 15px;
   height: 420px;
  }

  
 div#main_highpad {
   padding:0px 0px 0px 10px;
   height: 700px;

  }

div#main_100%pad {
   padding:0px 5px 0px 15px;
   height: 100%;
  }

    

div#content {
    width: 1024px;
    margin: 0;
    padding: 0;
    text-align: left;  
         }

div#next {
   clear:left;
   padding:20px 0px 10px 0px
   }

div#main p{
    font-size: 11px;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 30px;
    }



		
/* BEGIN LINKS */

div#main a,
	a:link 
	a:active, a:visited {
   }

div#next a,
	a:link 
	a:active, a:visited {
   }
	
	a,
	a:link 
	a:active, a:visited {
	text-decoration: none;
	color:#007AB5;

	}

	a:hover {
	color:#C0C0C0;
	text-decoration:underline;
	}
		
		
/* Major Links-color */		
	a,
	a:link 
	a:active, a:visited {
		 color:#007AB5;
	}
		
/* END LINKS */
	
/* BEGIN HEADINGS */
	h1 {
		font-size: 1.7em;
        font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
        font-weight: normal;
    	margin: 0 0 0 0;
		padding: 0;
        line-height: 60px;
        color: #0A325D;	
        text-align:left;
	}
	h2 {
		font-size: 1.3em;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
		margin: 0 0 0 0;
		padding: 0;  
		color: #0F4888;  
		line-height: 60px;
				
	}
	h3 {
		font-size: 1.3em;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
		margin: 0 0 0 0;
		padding: 0;  
		color: #007AB5;  
		line-height: 18px;
				
	}
	#menu_vert h2 {
		margin-left: 0px;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
		color:  #858384; 
	}

	/*light gray font*/
	h6 {
		font-size: 1.3em;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
		color: #COCOCO;	
	}

/* END HEADINGS */

/* BEGIN TEXT */
	p {
		font-size: 11px;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.2em;
	}
	
    blockquote {
   	padding:10px 30px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 10px 5px 0px;
	}
	
	pre {
		font-family: "Courier New", Courier, monospace;
        font-size: 1em;
	}
	strong, b {
		font-weight: bold;
		color:#007AB5;
	

	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* BEGIN LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 0 0;
		padding: 0;
	}
	#main ul li {
		margin:0 0 0 0;
		padding-right:5px;
 
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        margin: 0 0 1.5em 0;
        padding: 0;
        border:1px solid #FFFFFF;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	

	hr {
   border-left:0px solid #CCCCCC; border-right:0px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:0px solid #CCCCCC; 
   margin:5px 0px; height: 0;
   width:460px;
    
	}
   div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted #F0F0F0;
	}
/* END TYPOGRAPHY and CONTENT */


/* HEADER specifics*********************************************************************************/

div#header {        
	background: #ffffff;     
    float:center; 
    padding: 0px;
    margin: 0px;
        }
              
div#logo {
	padding: 25px 5px 13px 17px;
    background: #ffffff;            
    float:left; 
    margin: 0px;
	}

div#small-lblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007AB5;
	background: #ffffff;  
	text-decoration: none;
	padding: 35px 0 0 0;
	}
	
div#links-head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007AB5;
	background: #ffffff;  
	text-decoration: none;
	padding: 20px 25px 0 25px;
    }

div#links-head a {
	color:#007AB5;
	text-decoration:none; 
	}
	
div#links-head a:hover {
	color:#A4A4A4;
	text-decoration:underline; 
	}
	
div#wfooth {
	color:#A4A4A4;
	padding:0px;
	padding: 10px 25px 0 25px;	
    }

div#wfooth a {
	color:#007AB5;
	text-decoration:none;
    }
div#wfooth a:hover {
	color:#A4A4A4;
	text-decoration:underline;
    }
	
/* END HEADER******************************************************************************************/


/* Important to adjust the orientation of the texts and links******************************************/
 div#leftlinks {
  float:left;
  padding:0;
  margin:0;
	}

div#rightlinks {
   float:right;
   padding:0;
   margin:0;
	}
	
div#left_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 10px;
  width:330px;
	}

div#right_text {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   float:right;
   padding:0px 0px 0px 0px;
   margin:0px 25px 0px 0px;
   width:330px;
	}
	
div#left_longtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float:left;
  padding: 0px 0px 0px 0px;
  margin: 3px 25px 0px 10px;
  width:470px;

	}

div#right_shorttext {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   float:right;
   padding: 0px 0px 0px 0px;
   margin: 0px 14px 0px 0px;
   width:245px;
	}

	
	


/* End adjust orientation of the texts and links*****************************************************/

/* FUTURE USES *****************************************************************************/
       

div#barpad img {
   padding: 0px 0px 0px 0px;
}

div#links {
   width:310px;
   height:300px;

	}

div#links ul {
   margin:0px;
   margin:20px 0 20px 25px;
   padding:0;
   
	}

div#links ul li {
	background-image: url('none.jpg');
	background-position:  left center;
	background-repeat: no-repeat;
    list-style-type:none;
    margin:0; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:5px
	}

div#links p {
  padding:0 0 0 0;
  margin:0;
  height:300px;

	}

.paddingleft {
  padding:0 0 0 37px;
	}

/* END FUTURE USES ************************************************************************************/

/* BEGIN FOOTER Specifics *****************************************************************************/
       
div#div_footer {
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   float:left;
   width:700px;
   /*width:100%;*/
	}
	
	
div#div_home_footer {
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 45px;
   float:left;
   width:700px;
   /*width:100%;*/
	}
	
.links-foot {
	color:#007AB5;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin: 20px 15px 0px 12px;
	line-height: 30px;
   }

.links-foot a {
	color:#007AB5;
	text-decoration:none; 
   }
	
.links-foot a:hover {
	color:#A4A4A4;
	text-decoration:underline;
   }

.wfooter {
	color:#A4A4A4;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin: 0px 25px 5px 10px; 
	}

.wfooter a {
	color:#007AB5;
	text-decoration:none;
    }
    
.wfooter a:hover {
	color:#A4A4A4;
	text-decoration:underline;
}

        
/* END FOOTER *******************************************************************************************/

/* A CSS Framework by M. Stenhouse of Content with Style, adapted by Wendy Ann Mansilla */


/* BEGIN NAVIGATION Specifics***************************************************************************/    

   
div#menu_horiz {
    width: 1024px;
    text-align: left;
    height:25px
    padding:0px 0px 0px 0px;
    margin: 0px;
    vertical-align:middle;

    }

   
div#menu_horiz li a,
	a:link, 
	a:active, a:visited {
    color:#4497CD;
    }
			
/* Wrapper */

div#wrapper {
    width: 1024px;
    margin: 0;
    padding: 0;
    height: 25px;
    background-color:#2683C5;
    background:url('w312img/images/divbg.gif') repeat-x top;
    float:left;
   
   }
    
/* Top Image */
        
div#w312img {
        margin: 0;
        padding: 0;
        border:0px;
        }

/* HEAD NAVIGATION Specifics***************************************************************************/    
              
html div#menu_horiz {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
       }
   
div#menu_horiz ul {
        margin: 0;
        padding: 0;
        list-style: none;
        height:25px
        text-align: center;

         }
    
div#menu_horiz li {
        float: left;
        margin: 0px 0px 0px 0px;
        display: inline;
        list-style: none;
        font-size:13px;
        border-right: none;
        font-family: "Lucida Sans Unicode", Verdana , "Trebuchet MS", sans-serif;
        font-weight: normal;
               
                
	     }

div#menu_horiz li a {
        border-right: none;
    }
    div#menu_horiz a,
    div#menu_horiz a:link,
    div#menu_horiz a:active,
    div#menu_horiz a:visited {
        display: inline-block;
        padding: 7px 0px 2px 3px; 
        /* hide from ie/mac \*/
       display: block;
        /* end hide */
        text-decoration: none;
        margin: 0px 0px 0px 0px;
        /* color:#4497CD;*/
        color:#FFFFFF;
        background: none;
        border-left: 5px solid #2683C5;
        border-right: 5px solid #2683C5;
        line-height: 16px;
                   }

#menu_horiz li a:hover {
	background-color: #0097DF;
	border-right: 5px solid #0097DF;
	border-left: 5px solid #0097DF;

		   }
div#menu_horiz .active {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
       background-color:#abb0b6 ;
       border-left: 5px solid #2683C5;  

    }

div#menu_horiz .current a,
div#menu_horiz .current a:link,
div#menu_horiz .current a:active,
div#menu_horiz .current a:visited,
div#menu_horiz .current a:hover,
div#menu_horiz .active a,
div#menu_horiz .active a:link,
div#menu_horiz .active a:active,
div#menu_horiz .active a:visited,
div#menu_horiz .active a:hover 
    {
    background-color: #004F92;
    border-right: 6px solid #004F92;
    border-left: 4px solid #004F92;
   

    }
/* END HEAD NAV*****************************************************************************************************/

/* VERTICAL NAV*****************************************************************************************************/

div#menu_vert {
        float: left;
        width: 220px;
        display: inline;
        padding:20px 10px 0px 20px;
        font-size: 11px;
    }

#menu_vert, #menu_vert ul{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
 
  }

#menu_vert ul {
  width: 100%; /* Width of Menu Items */
  background: none;
  }
#menu_vert li {
  position: relative;
  list-style: none;
  }

#menu_vert li a {
  display: block;
  text-decoration: none;
  padding: 10px 5px 8px 5px;
  border-bottom: 1px solid #CCCCCC;
  color: #007AB5;
  font-size: 11px;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a, 
    div#menu_vert ul ul li a:link, 
    div#menu_vert ul ul li a:visited  {
    display: block;
    border-bottom: medium none;
    background: url('w312img/images/arrow_sub.gif') no-repeat left center;
    font-size: 11px;
    color:#858384; padding-left:20px; padding-right:0px; padding-top:5px; padding-bottom:5px  
    }
   div#menu_vert ul ul li a:hover {
background-color:#fff;
}
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 0px solid #006699;
      padding-bottom: 0px;
    }

    div#menu_vert ul ul ul i a, 
    div#menu_vert ul ul ul li a:link, 
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;

    }
    div#menu_vert ul ul ul  {
  background-color: transparent;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

#menu_vert li a:hover {

	background-color: #D5E7EF;
}

.menuactive, .current
{
	list-style-type: square;
	display: inline;
	background-color:  #FFFFFF;
}

/* END VERTICAL NAV**************************************************************************************************/
  		
  	/* HOME VERTICAL NAV*****************************************************************************************************/

div#menu_home_vert {
        float: left;
        width: 220px;
        display: inline;
        padding:20px 10px 0px 20px;
        font-size: 11px;
    }

#menu_home_vert, #menu_home_vert ul{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
 
  }

#menu_home_vert ul {
  width: 100%; /* Width of Menu Items */
  background: none;
  }
#menu_home_vert li {
  position: relative;
  list-style: none;
  }

#menu_home_vert li a {
  display: block;
  text-decoration: none;
  padding: 5px 5px 2px 5px;
  border-bottom: 1px solid #CCCCCC;
  color: #007AB5;
  font-size: 11px;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_home_vert li { float: left; height: 1%; }
* html #menu_home_vert li a { height: 1%; }
/* End */

    div#menu_home_vert ul ul li a, 
    div#menu_home_vert ul ul li a:link, 
    div#menu_home_vert ul ul li a:visited  {
    display: block;
    border-bottom: medium none;
    background: url('w312img/images/arrow_sub.gif') no-repeat left center;
    font-size: 11px;
    color:#858384; padding-left:20px; padding-right:0px; padding-top:5px; padding-bottom:5px  
    }
   div#menu_home_vert ul ul li a:hover {
background-color:#fff;
}
    div#menu_home_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 0px solid #006699;
      padding-bottom: 0px;
    }

    div#menu_home_vert ul ul ul i a, 
    div#menu_home_vert ul ul ul li a:link, 
    div#menu_home_vert ul ul ul li a:visited  {
        padding-left: 40px;

    }
    div#menu_home_vert ul ul ul  {
  background-color: transparent;
    }
#menu_home_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

#menu_home_vert li a:hover {

	background-color: #D5E7EF;
}

/* END VERTICAL NAV**************************************************************************************************/
  		
	
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		
  		

/* BEGIN FLASH*****************************************************************************************************/

#flashcontent {
		width: 1024px;
		height: 210px;
		float: left;
		margin: 0px;
		background-color:#2683C5;
		padding:0px;
    	}
    	
#flashcontent a {
		color:#FFFFFF;
		text-align:center;
	    }

#flashcontent strong, b {
		font-weight: bold;
		color:#F0F0F0;
		text-align:center;
	    }

div#swfimg {
        margin: 0;
        padding: 0;
                }
    	   
/* Begin Home Specifics*************************************************************************************/

div#text_spacer {
  padding:0;
  margin:  0px 0px 0px 0px;
  width:310px;
  height:150px;
	}
    	
/* Begin Products Specifics*************************************************************************************/

div#menu_vert_gray {
   float: left;
   width: 250px;
   display: inline;
  /* background-color:#F0F0F0;*/
   }  

/* Begin SiteMap Specifics*************************************************************************************/


div#sitemap ul li{
    list-style-type: none;
	padding:0 3px 0 20px;
   }
   
div#sitemap ul li li a{
	background-image: url('w312img/images/arrow-nav.gif');
	background-position:  left center;
	background-repeat: no-repeat;
	list-style-type:none;
	color: #007AB5; padding-left:20px; padding-right:5px; padding-top:0px; padding-bottom:0px
	 }

div#sitemap ul li li li a{
	background-image: url('w312img/images/arrow-nav.gif');
	background-position:  left center;
	background-repeat: no-repeat;
	list-style-type:none;
	color:  #858384; margin-left:35px; margin-right:5px; margin-top:0px; margin-bottom:0px 

    }

#sitemap a {
        background-image: url('w312img/images/w_bullet.gif');
	    background-position:  left 50%;
	    background-repeat: no-repeat;
		color:  #0F4888; 
		margin-left:35px; margin-right:5px; margin-top:0px; margin-bottom:0px
	    }

/* Begin News Specifics*************************************************************************************/

#news {
        float: left;
        display: inline;

}

#panel {
	background-image:url('none');
    background-color:#ffffff;
	background-repeat:repeat-x;
	border-bottom:1px solid #eee;
    border-left:1px solid #D5E8EF;
    border-top:1px solid #eeeeee;
	font-family:"Trebuchet MS", Tahoma, Verdana;
    margin-left:0px; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:10px; padding-right:35px; padding-top:5px; padding-bottom:5px; background-position-y:50%
	}
	

   
		
div#news ul li {
    list-style-type: none;
	background-image: url('w312img/images/arrow-nav.gif');
	background-position:  left 50%;
	background-repeat: no-repeat;
	color:  #0F4888; padding-left:20px; padding-right:3px; padding-top:7px; padding-bottom:0px 
   }
   
div#news ul li li a{
	background-image: url('w312img/images/arrow-nav.gif');
	background-position:  left center;
	background-repeat: no-repeat;
	list-style-type:none;
	color: #007AB5; padding-left:20px; padding-right:5px; padding-top:0px; padding-bottom:0px
	 }	
	

/* Begin Search Specifics*************************************************************************************/

	
div#search {
   float: left;
   width: 500px;
   display: inline; 
   margin-left:7px;
   } 
   
  div#searchnum {
   float: right;
   color: #007AB5;
   margin-right:30px
   margin-top:120px
   width: 100px;
   text-align:right;

   } 

  #searchnum strong, b {
   color: #COCOCO;
   font-weight: bold;
   } 

 div#searchres {
   float: left;
   } 


#searchres p{
  padding: 5px 7px 5px 2px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #CCCCCC;

  }

#searchres a{
   color: #007AB5;
  }



#searchres a:hover {
	color:#C0C0C0;
	text-decoration:underline;
	}



/* Begin Disclaimer, Others Specifics*************************************************************************************/

div#puretext {
   float: left;
   width: 500px;
   display: inline; 
   margin-left:7px;
   } 

#puretext p{
  padding: 5px 7px 5px 2px;
  }

#puretext a{
   color: #007AB5;
  }


#puretext a:hover {
	color:#C0C0C0;
	text-decoration:underline;
	}

#puretext ul li p{
	    background-image: url('w312img/images/w_bullet.gif');
	    background-position:  left 50%;
	    background-repeat: no-repeat
	}
	

/* Begin Downloads Specifics*************************************************************************************/

#downloads {
        float: left;
        display: inline;

}

	
div#downloads ul li {
    list-style-type: none;
	background-image: url('w312img/images/pdf_icon.gif');
	background-position:  left 50%;
	background-repeat: no-repeat;
	color:  #0F4888; padding-left:20px; padding-right:3px; padding-top:7px; padding-bottom:0px 
   }
   
   
    
	
/* FORM ELEMENTS ******************************************************************************************/
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 80px;
		border:1px solid #87A9C4;
		background-color: #D3E6EE;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}

.but  {

}
/* END FORM ELEMENTS */