/* css adattata al sito di TenStep Italia 2009  screen layout */

body {margin:0;
background:#047 url('images/tensteplogos/bodybg.png') repeat-x fixed;
color:#303030; font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; 
font-family:tahoma, verdana, sans-serif; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0 }
a {color:#26c;text-decoration:none;}

a:hover {color:#990033;text-decoration:none;border-bottom:1px solid #505050;}
h1 {margin:0 0 20px 0;font-size:2.2em;font-weight:normal;}
h2 {margin:0 0 12px 0;font-size:1.6em;font-weight:normal;}
h3 {margin:0 0 15px 0;font-size:1.4em;font-weight:normal;}
p {margin:0 0 5px 0;line-height:1.5em;text-align:left;}
div, form, label, input, textarea {	margin:0; padding:0;}
a img {border:0px none;}

/* Main container */
#container {margin:0 auto 20px auto;width:730px;padding:5px 20px 20px 20px;background:#ffffff;}

/* Site title section */
#logo {margin:0 auto 0px auto;width:780px;padding:5px 0 0 0;}
#logo a {color:#505050;border:none;}
#logo h1 a:hover {color:#303030;text-decoration:none;border:none;}


#navigation{height:2.2em;line-height:2.2em;width:758px;margin:0 1px;background:#578bb8;color:#ffffff;}
#navigation li{float:left;list-style-type:none;border-right:1px solid #ffffff;white-space:nowrap;}
#navigation li a{display:block;padding:0 10px;font-size:0.8em;font-weight:normal;text-transform:uppercase;
text-decoration:none;background-color:inherit;color: #ffffff;}

* html #navigation a {width:1%;}
#navigation .selected, #navigation a:hover{background:#80b0da;color:#ffffff;text-decoration:none;}

/* Header description */

#header{height:110px;width:758px;margin:0 1px 1px 1px;background:#467aa7;color:#ffffff;}
#header h1{padding:35px 0 0 20px;font-size:2.4em;background-color:inherit;color:#ffffff;letter-spacing:-2px;
          font-weight:normal;}
#header h2{margin:10px 0 0 40px;font-size:1.4em;background:#2266cc;color:#ffffff;letter-spacing:-1px;font-weight:normal;}

#desc {height:110px;color:#ffffff;padding:0;background:#ffffff;clear:both;margin:5px 0 15px 0;}
#desc p {width:290px;font-size:1em;line-height:1.3em;padding:0 0 0 15px;}
#desc h2 {padding:15px 15px 0 15px;color:#ffffff;}
#desc a {color:#ffffff;text-decoration:none;border-color:#ffffff;}

.headerstyle{display:block;margin:0px 0 5px 0;padding:5px 0 5px 8px;
     background:#D7EEF4;color:#222;border-top:1px solid #ddd;border-right:1px solid #bbb;
     border-bottom:1px solid #bbb;border-left:1px solid #ddd;text-decoration:none;}


/* Main content */

#sidebar {width:150px;float:left;padding:0 5px 0 0;margin:0;border-right:1px solid #d8d8d8;}
.img {padding: 0 8px 8px 0;	float: left;}
.img2 {padding: 0 0 3px 3px;	float: right;}

/* Sidebar */
#main {width:550px;padding:5px 0 0 0;float:right;}
#main p {font-size:0.9em;line-height:1.3em;margin:0 0 15px 0;}

/* Footer */
#footer {clear:both;background:#ffffff;padding:0;margin:0;border-top:1px solid #d8d8d8;}
#footer a {color:#808080;}
#footer a:hover {color:#303030;}
#footer p {color:#808080;font-size:1.1em;line-height:0.9em;margin:0px 0 0 0;padding:0;}

/* Various classes */
.photo {padding:2px;margin:0 0 8px 0;background-color:#f0f0f0;border:1px solid #d8d8d8;}

.right {margin-top:-8px;text-align:right;}

.block {background:#D7EEF4;padding:10px;}

.sidelink {text-align:left;display:block;width:140px;background:#D7EEF4 
          url('images/tensteplogos/corner.gif') no-repeat top right;border:medium none;; 
          margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:8px; 
          padding-right:4px; padding-top:3px; padding-bottom:3px}

.sidelink2 {text-align:left;display:block;width:140px;background:#26c 
            url('images/tensteplogos/corner.gif') no-repeat top right;border:medium none;; 
            margin-left:0; margin-right:10px; margin-top:5px;margin-bottom:5px; padding-left:8px;   
            padding-right:4px; padding-top:3px; padding-bottom:3px}

.sidelink:hover {background:#d0d0d0 url('images/tensteplogos/corner.gif') no-repeat top right;
           text-decoration: none; border:medium}

.hide {display:none;}

/**************** Content styles ****************/

#content{padding: none; float:left; width:544px; font-size:0.9em}
#content h2{display:block;margin:0 0 16px 0;font-size:1.7em;font-weight:normal;letter-spacing:-1px;
            color:#505050;background-color:inherit;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover, #subcontent a:hover{text-decoration:underline;}
#content ul, #content ol{margin:0 1px 1px 1px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}

.box{margin:5px 5px 5px 5px;padding:10px;border:1px solid #c0c0c0;background-color:#fafbfc;color:#505050;line-height:1.5em;}

.curlycontainer{border: 1px solid #b8b8b8;margin-bottom: 1em;width: 300px;}
.curlycontainer .innerdiv{background: url('media/brcorner.gif') no-repeat bottom right;position: relative;
     left: 2px;top: 2px;padding-left:5px; padding-right:4px; padding-top:1px; padding-bottom:15px}
/*------------------------------------- Main Menu JAVASCRIPT ------------------------------------------------- */
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Tahoma}

#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;
text-decoration: none;font-weight: bold;}

#dropmenudiv a:hover{ /*hover background color*/}