/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	padding:0px;
	margin:0px;
	background-image:url(http://www.darylupsall.com/fileadmin/template/main/images/bg.jpg);
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div { border-style: solid; border-color: #000000; border-width: 0px;}

hr {border-top: dotted 1px #FF6600; padding:0; margin:5px 0 5px 0; height:1px; clear:both;}

a {color:#10A1D8;}
a:visited {color:#10A1D8;}
a:hover {color: #33ccff;}
a:active { color:#000000;}

h1 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 18px;
font-weight: normal;
text-transform:uppercase;
margin: 0 0px 0 0px;
padding: 0 0 0 15px;
color:#10A1D8;
background: transparent url(http://www.darylupsall.com/fileadmin/template/main/images/list-active.gif) left center no-repeat;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0 0 5px 20px;
	line-height: 1em;
	text-transform:uppercase;
	color: #000000;
}

h3 {
font:Tahoma;
font-size:10px;
font-weight: normal;
line-height: normal;
margin: 0px 0px 0px 20px;
padding: 0 0px 5px 0px;
color:#FF6600;
}

h4 {
font-size:12px;
font-weight: normal;
line-height: 1px;
margin: 0px 20px 0px 0px;
padding: 0 0px 0px 0px;
}

h5 {
font-size:12px;
font-weight: normal;
line-height: 1px;
margin: 0px 20px 0px 0px;
padding: 0 0px 0px 0px;}

p {
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#000000;
padding: 10px 0px 0 0px;
margin: 0px;
line-height:15px;
text-align:justify;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/*- Menu Tabs 10--------------------------- */

    #tabs10 {
      float:right;
      width:100%;
      font-size:93%;
      line-height:normal;
	  padding-top:69px;
      }
    #tabs10 ul {
	  margin:0px;
	  padding:0px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs10 a {
float:right;
text-decoration:none;
font-weight:bold;
color:#000;
	  
background: url(http://www.darylupsall.com/fileadmin/template/main/images/nav2.gif) 0px 3px no-repeat;
text-align:justify;
padding: 0 5px 0px 10px;
margin:0 2px 1px 2px;
	
border-style: solid; border-color: #fff; border-width: 0px 0 3px 0;
      }

    #tabs10 a:hover {
background: url(http://www.darylupsall.com/fileadmin/template/main/images/nav2.gif) 0px 3px no-repeat;
border-style: solid; border-color: #10A1D8; border-width: 0px 0 3px 0;
      }
	  
/* banner for logo-------------- */
#banner {
width:750px;
height: 193px;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
background:url(http://www.darylupsall.com/fileadmin/template/main/images/headers/home.jpg) no-repeat;
}

#banner img {padding:10px 10px;} 

/* container to center the layout-------- */
#container {
width: 750px;
background:url(http://www.darylupsall.com/fileadmin/template/main/images/bg_body.gif);
background-repeat: repeat-y;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:left;
clear:both;
} 

/* menu + idioma */

#idioma {
float:right;
height: 15px;
margin: 0 0 0 0;
padding:6px 6px 2px 2px;
border-style: solid;
border-color:#33CCFF;
border-width: 0px 1px 0px 0px;
}

#idioma a {
color:#000;
}

/* -----------------content--------------------- */ 
#content{
width: 750px;
float: right;
position: relative;
margin:0;
padding:0px 0 0 0;
background:url(http://www.darylupsall.com/fileadmin/template/main/fileadmin/template/main/images/bg_body.gif);
background-repeat: repeat-y;
border-style: solid;
border-color: #33CCFF;
border-width: 0 0 1px 0;
}

#cuerpo{
width: 559px;
float:left;
padding: 20px 0px 0 0px;
margin:0 0 0 0px;
border-style: solid;
border-color: #33CCFF;
border-width: 0 0px 0px 1px;
z-index: 999;
}

#right {
width:180px; 
float:right; 
position: relative;
margin: 0 0px 0 20px;
padding:0 10px 0 0px;

}

#announcements, #newsletter {
width:180px; 
background: #D8F2FC;
border-style: dotted;
border-color: #33CCFF;
border-width: 1px 0 1px 0;
margin: 0 0 10px 0;
text-align:center;
}

#announcements p, #newsletter p {
margin: 0px 0px 0px 0;
font-size:11px;
color:#10a1d8;
line-height:1em;
text-align:left;
padding: 0px 12px 5px 12px;
}

#right #announcements img {margin: 9px; margin-bottom:0px;}

#titles {
width:338px;
margin:0 0px 0 0px;
padding:0 0px 0 0;
float:right;
}

#titles ul, #titles ol {
	padding: 0;
	margin:15px 0 0 10px;
	list-style-type: none;
	}
	
#titles ul li, #titles ol li {
	background: url("http://www.darylupsall.com/fileadmin/template/main/images/nav2.gif") 0px 4px no-repeat;
	text-align:justify;
	padding: 0 0px 15px 15px;
	margin:0;
	}

#indexbanner{
padding:10px;
}

#titles img{margin:0 0 0 0px;}

#quote {
clear: left;
background: #D8F2FC;
border-style: dotted;
border-color: #33CCFF;
border-width: 1px 0 1px 0;
margin: 10px 0 10px 0px;
padding:10px 0px 0 10px;
width: 335px;
}

#quote img { padding:0; margin:0;}

#quotetop{
width:100%;
background:url(http://www.darylupsall.com/fileadmin/template/main/images/quote_bgtop.gif) no-repeat;
padding:5px 0 0px 0;
margin:0px;
display:block;
}

#quotetop #text{
float:left;
width:270px;
margin:0px 0px 0px 0;
display: inherit;}

#quotetop #text p{
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
padding:0;
margin:0;
display:block;}

#customer{ text-align:right; padding:0 10px 0 0; margin:0;}

#customer p{
text-align:right;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
}

#quotes{
background:url(http://www.darylupsall.com/fileadmin/template/main/images/quotes.gif) no-repeat;
width:10px;
height:10px;
margin:0 5px 5px 5px;
float:left;
}

#quotedown{
width:100%;
height:8px;
background:url(http://www.darylupsall.com/fileadmin/template/main/images/quote_bgdown.gif) no-repeat;}

#leftcol{
 width:190px; 
 float:left; 
 margin: 0 0px 0 0px;
 padding: 0 0px 0px 0px;
 clear:left;
 }

#articles, #membership {
clear:left;
width: auto;
height:auto;
text-align: center;
margin: 10px 0 -5px 0;
}

#articles h2{ text-align:left;}

#subarticle, #members{
background: url(http://www.darylupsall.com/fileadmin/template/main/images/bullet_news.gif) left top no-repeat;
background-position: 0px 2px;
padding: 0 0 20px 0px;
margin: 10px 8px 10px 8px; 
border-style: dotted;
border-color: #FF6600;
border-width: 0px 0px 1px 0;
}

#members{padding:0;}

#membership{text-align:center;}
#membership h2{text-align:left;}

#members{border-width:0;}

#link a{
position:inherit;
float:right;
text-decoration:none;
font-size: 10px;
}

#subarticle p, #membership p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin: 0px;
line-height:10px;
text-align: left;
padding: 0px 5px 0 20px;
}

#pic {
text-align: center;
border-style: dotted;
border-color: #33CCFF;
border-width: 1px;
padding: 5px 10px 5px 10px;
margin-top: 10px;
margin-bottom: 0px;
margin-right:auto;
margin-left:auto;
width: 120px;
}

#footer{
width: 750px;
height: 10px;
margin-left:auto;
margin-right:auto;
padding-top:8px;
}

#footer a.left {
float:left;
text-decoration: none;
}

#footer span a {
float:right;
text-decoration: none;
}

/* Form */

form {
	line-height: normal;
	margin: 0px 0;
	}
	
form span {
	color: #009dea;
	}

label {
color: #10A1D8;
line-height: 15px;
}
	
.formleft {
	float: left;
	width: 80px;
	padding:0 0 0 7px;
	margin:  5px 0px 0px 0px;
	text-align: left;
	}
	
.formright {
	float: right;
	width: 60px;
	padding: 0 5px 0 0px;
	margin: 5px 0px 0 0px;
	text-align: right;
	}
	
.submenuform {
	width: 160px;
	margin-left:auto;
	margin-right:auto;
	padding: 5px 0 0px 0px;
	text-align: left;
	font: normal Tahoma 12px;
	}	

.radio {
	width: auto;
	background: transparent;
	padding: 10px 2px;
	margin: 0 0 0 0px;
	vertical-align: middle;
	}
	
.submit {
	width: 60px;
	height: 35px;
	border: 1px solid #fff;
	background-color: #10A1D8;
	font: normal 12px Tahoma;
	color:#FFFFFF;
	padding:0;
	margin:0 0 10px 0;
	}
	
.checkbox {
	width: auto;
	background: transparent;
	padding: 3px 2px;
	margin: 2px 0 2px 6px;
	border: 0;
	vertical-align: middle;
	}

#bysubmit {
	padding-top: 10px;
	}

/* Clearfix */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

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