/* CSS Document */

body{
text-align: left;
font: 0.8125em Verdana, sans-serif; 
line-height: 1.3;
color: #333;
background-image:url(images/banner.png);
background-repeat:repeat-x;
background-color:#fff;
}  


#header{
width:860px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:8px;
background-image:url(images/octinver_white_logo.png);
background-repeat:no-repeat;

}

.style1 {
	font-size:small;
	color: #FFF;
	
}


#wide_col{
width:680px;
margin-top:50px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
color:#2B3441;
padding:6px;
text-align:left;
}

#left_col{
padding:20px 0px;
float:left;
width:325px;
background-color:#fff;
margin:0px;
}  

#right_col{
padding:20px 0px;
float: right;
width: 325px;
background-color:#fff;
}

h1{
font-weight:lighter;
letter-spacing:3px;
color:#fff;
padding:0px 5px 10px 80px;
}

p{
color:#44443B;
}

a{
color:#CC9900;
text-decoration:underline;
}

h2{
color:#12a2ff;
font:normal 24px Verdana,Tahoma, sans-serif;
letter-spacing:2px;
margin:10px 0px 5px 0px;
padding:10px 0px;
}

h3, h4{
color:#12a2ff;
letter-spacing:1px;
font-weight:normal;
margin:10px 0 5px;
}

h3{
font-size:20px;
line-height:24px;
padding:15px 0px;
}

h4{font-size:14px; line-height:18px;}



ul{
list-style-image:url(images/small_square.png);
list-style-position:outside;
line-height:1.5em;
}

ol { list-style-position: outside;
line-height:1.8em; 
}

li.resource{
list-style-image:url(images/mini_doc.png);
list-style-position:outside;
line-height:1.8em;
padding-left:3px;
}

li.pdf{
list-style-image:url(images/icon_pdf.png);
list-style-position:outside;
line-height:1.8em;
padding:3px;
}




/*/////////////////////////////////// special bits and pices /////////////////////////////*/

#wide_col p.headlines{
font-weight:lighter;
letter-spacing:2px;
color:#12A2FF;
font-size:medium;
padding:20px 0px;
}

#textnpic{
clear:both;
border:1px solid red
}


#textnpic p{
font-weight:lighter;
letter-spacing:2px;
color:#12A2FF;
font-size:medium;
padding:20px 0px;
}

img.case{
float:left;
padding:0px 5px 0px 0px;
border:no-border;
}

img.staff{
padding:6px 10px;
border:no-border;
}


#wide_col img.left{
float:left;
padding:0px 15px 0px 0px;
border : 0px;
}

#wide_col img.right{
float:right;
padding:0px 0px 0px 15px;
border : 0px;
}

.top {
/*
padding-left:550px;
*/
}


/********************* The horizontal Navigation Menue **********************************/

#navlist
{
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:12px;
border:0px solid #666;

}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display:inline;
list-style-type: none;

}

#navlist a:link, #navlist a:visited
{

line-height: 14px;
font: bold 0.88em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
padding-bottom: 4px;
font-weight:lighter;
margin: 0 18px 4px 18px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 1px solid #fff;
padding-bottom: 4px;
margin: 0px 18px 4px 18px;
background: transparent;
color: #fff;
}

#navlist a:hover { color: #fff; }

/*////////////////////// Footer ////////////////////////////////////*/
#footer{
border-top:1px solid #ccc;
clear:both;
background-color:#fff;
text-align:center;
background-image:url(images/bg-content-gradient.gif); 
background-repeat:repeat-x;
color:#777;
margin-top:60px;
width:780px;
margin-left:auto;
margin-right:auto;
}


#footer ul li {
list-style-type:none;
display:inline;
padding:30px 0px;
}


#footer a{
color:#777;
text-decoration:none;
}
/*//////////////////// the subscription form ////////////////////////////*/
#newsletter {
border:1px solid #efefef;
border:1px dashed #ccc;
padding:10px;
background-image:url(images/fondo3.png);
background-image:url(images/light_texture2.png);
}

#newsletter h4{
font-weight:bold;
}

/*////////////////////////////////////////////////////////////////*/


#logobit{
border:1px solid #efefef;
margin: 30px 0px;
padding:5px;
}


#logobit ul li{
list-style:none;
margin-left: -30px;
margin-top:3px;
}


#address ul li{
list-style:none;
margin-left: -40px;
margin-top:3px;
}