/* CSS - for IPM -50 
colors - #cc9 yellow dark
color: #998; first was
bg3.gif - linear
bg6.gif - venera 2 colors
bg41.gif - bg51.gif - large structure
bacground - all vertical rouls inside -- do un background - NO PROBLEM!!!
OR to VISUALIZE problems?????!!!!!
*/
body {color: #fff; margin-top: 10px; background: url(ipm50_graphics/bg331.gif) ; FONT:  Verdana, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT-ALIGN: center; 
}
.nowr{
	white-space : nowrap;
}
/* 
below -- links-general - order matters*/

.hide {
display: none; 
}

a:link {
font-weight: bold;
text-decoration: none;
color: #900;
background: transparent;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #900;
background: transparent;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #f60;

background: transparent;
}
a:active{
font-weight: bold;
text-decoration: none;
color: #900;
background: transparent;
}

p, li, h1, h2, h3 {
font-family: "Lucida Grande", "Lucida Sans Unicode", 
verdana, lucida, helvetica, sans-serif; text-align: left; voice-family: inherit;color: #000;
}

li {
display: block;
background:  transparent;
}

/*  structure - divs and id
div header  width: 700px;-  logo, flash-animation, etc 
div bodycontain  width: 700px;- centers all the contain of the page!!!
div menubar - left menubar with visual info
div textcontain -  main text of the page
*/ 

/* positions - static? relative? absolute?
absolute - relative to upper left corner of nearest absolute ore relative  -parent-parent...
if no top - norman position from top --- important!!!!! OK
relative - shift from normal position in a flow!!
Don't use float - IE miscalculates height
solid*/

/* OPSIONAL graphics or animation header*/

/* background:  url(bodycontain.gif) is for gray left collumn  
	position: relative;
*/
.bodycontain{
display: block;		
	position: relative;
	width: 704px;
	text-align: left;
	border-top: 10px solid #900;
	border-left: 0px solid #900;
	border-right: 0px solid  #900;
	border-bottom: 10px solid #900;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: url(ipm50_graphics/bodycontain11.gif) #fff; 
}


/*  previously was position: absolute; left: 0;*/
.sidebar {
	display: block;		
	width: 202px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
border: 0px solid #900;
	background: transparent;
	color: #000;
}


#navlist  {
margin: 0px 0px 0px 0px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
list-style: none;
margin-left: 0px;
border-top:  10px solid #900;
border-bottom:  0px solid #900;
background: transparent;
}

/* was position: position: relative; 
left: 20px;  
*/
.textcontent {
display: block;
width: 460px;
margin-left: 220px;

padding:0 0 0 0 ;
text-align: left;
border: 0px solid #900;
background: transparent;
}

.textcontent ul li{
display:  block;
padding-left: 0px;
padding-bottom: 10px;
color: #900;
}

.common {
font-size: 0.85em;
font-weight: normal;
color: #000;
}


/*INSERT, footer - break in two collumn placement
CLEAR  stops before appeared flowting elements */
.insert { 
position: relative;
width: 700px;
margin: 0px 0px 0px 0px;
padding: 0 0 0 0;
clear: both;
border: 0px solid #900;
} 



p {
display: block;
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 1em;
font-size: 0.8em;
line-height: 1.5em;
border: 0px solid #900;
 }

h1  {
display: block;
margin: 0 0 0 0;
padding-left: 50px;
padding-bottom: 10px;
font-size: 1.5em;
font-size: 20px;
color: #900;
border: 0px solid #900;
} 
h2  {
display: block;
margin: 0 0 0 0;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 50px;
font-size: 2.0em;
font-size: 25px;
line-height: 1.15em;
color: #900;
border: 0px solid #900;
} 

h2#titshort {
padding-top: 30px;
padding-bottom: 30px;

} 


h3  {
display: block;
font-weight: normal;
font-size: 1.0em;
line-height: 1.15em;
color: #900;
margin: 0 0 0 0;
padding: 0 0 0 0;
padding-bottom: 0.5em;
border: 0px solid #900;
}  
img { 
display:  block;
border:  0px;
margin: 0 0 0 0;
	border:0 0 0 0;
	padding: 0 0 0 0;
 }
 .images200 { 
margin-left: 2px;
 }
#mainphoto { 
margin-left: 2px;
 }


/* point .for class atributes; # for id - unique!! */


/*  IMPORTANT - override the ul fefaults  */

/* navigation section - each individual entry*/

#nav50ipm1, #nav50ipm2 {
display:  block;
font-size: 25px;
margin-bottom: 10px;
}


#navitem1, #navitem2, #navitem3, #navitem4, #navitem5, #navitem6, #navitem7, #navitem8,#navitem9  {
display:  block;
font-size: 13px;
margin-top: 0px;
margin-left:  0px;
padding-left: 0px;
background: transparent;

}
#navitem1n1, #navitem1n2, #navitem1n3,
#navitem2n1, #navitem2n2, #navitem2n3,  #navitem2n4, #navitem2n5, #navitem2n6, #navitem2n7,
#navitem7n1, #navitem7n2, #navitem7n3,  #navitem7n4, #navitem7n5, #navitem7n6, #navitem7n7,
#navitem8n1, #navitem8n2, 
#navitem9n1, #navitem9n2, #navitem9n3
  {
  display:  block;
font-size: 13px;
margin-top: 6px;
margin-left:  25px;
padding-left: 0px;
background:  transparent;
}

/*  rollover  EFFECTS!!!  */


#navitem1 a, #navitem2 a, #navitem3 a, #navitem4 a, #navitem5 a, #navitem6 a, #navitem7 a, #navitem8 a,#navitem9 a 
{
display: block;
padding:  0px;
text-align:  left;
margin-left: 0px;
margin-bottom: 5px;
padding-left:  15px;
}
#nav50ipm1 a, #nav50ipm2 a  {
display: block;
padding:  0px;
text-align:  left;
margin-left: 0px;
margin-bottom: 5px;
padding-left:  15px;
}

#navitem1n1 a, #navitem1n2 a, #navitem1n3 a,
#navitem2n1 a, #navitem2n2 a, #navitem2n3 a,  #navitem2n4 a, #navitem2n5 a, #navitem2n6 a, #navitem2n7 a,
#navitem7n1 a, #navitem7n2 a, #navitem7n3 a,  #navitem7n4 a, #navitem7n5 a, #navitem7n6 a, #navitem7n7 a,
#navitem8n1 a, #navitem8n2 a, 
#navitem9n1 a, #navitem9n2 a, #navitem9n3 a
{
display: block;
padding:  0px;
text-align:  left;
margin-left: 0px;
margin-bottom: 5px;
padding-left:  15px;
}

#nav50ipm1  a:hover, #nav50ipm2  a:hover  {
background:  url(ipm50_graphics/squere.gif) no-repeat left ;
}


#navitem1 a:hover, #navitem2 a:hover, #navitem3 a:hover, #navitem4 a:hover, 
		#navitem5 a:hover, #navitem6 a:hover, #navitem7 a:hover, 
		#navitem8 a:hover,#navitem9 a:hover {
background:  url(ipm50_graphics/dot.gif) no-repeat left ;
}

#navitem1n1 a:hover , #navitem1n2 a:hover , #navitem1n3 a:hover ,
#navitem2n1 a:hover , #navitem2n2 a:hover , #navitem2n3 a:hover ,  #navitem2n4 a:hover , 
		#navitem2n5 a:hover , #navitem2n6 a:hover , #navitem2n7 a:hover ,
#navitem7n1 a:hover, #navitem7n2 a:hover, #navitem7n3 a:hover,  #navitem7n4 a:hover, #navitem7n5 a:hover, #navitem7n6 a:hover, #navitem7n7 a:hover,
#navitem8n1 a:hover , #navitem8n2 a:hover, 
#navitem9n1 a:hover , #navitem9n2 a:hover , #navitem9n3 a:hover 
{
background:  url(ipm50_graphics/dot.gif) no-repeat left ;
}
.navitem a:active
#navitem1 a:active, #navitem2 a:active, #navitem3 a:active, #navitem4 a:active, 
		#navitem5 a:active, #navitem6 a:active, #navitem7 a:active, #navitem8 a:active,#navitem9 a:active
{
background: transparent;
}
/*  FOOTER!!!!!!!!!!!!!*/

#logo50  {
position: absolute;
margin-top:  5px;
top: 0px;
right:10px;
background:  transparent;
}

#wwnavlogo50  {
padding-top:  20px;
padding-bottom:  20px;
padding-left:  0px;
background:  transparent;
}

#wwwwb50  {
position: absolute;
top: 0px;
left: 345px;
width: 130px;
height: 30px;
top: 0px;
background:  #900 ;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
}



#footer {
position:relative;
left: 0px;
display: block;
width: 400px;
font-size: 10px;
text-align: right;
margin-left: 0 0 0 0;
padding-top: 20px;
padding-left: 0px;
padding-bottom: 0px;
border: 0px solid #900;
}


#footer a:link  {
font-weight: normal;
}
#footer a:visited{
font-weight: normal;
}
#footer a:hover{
font-weight: normal;
}

/* IMAGES and  some specific items */
 .images100 {
 display: block;
 margin-top: 30px;
 margin-left:50px;
border-top: 0px solid #900;
border: 1px solid #888;
 }

.images120 {
 display: block;
 margin-top: 30px;
 margin-left:39px;
border-top: 0px solid #900;
border: 1px solid #888;
width: 120px;
}



.images150 {
 display: block;
 margin-top: 30px;
 margin-left: 24px;
border-top: 0px solid #900;
border: 1px solid #888;
 }
 
 .images180 {
 display: block;
 margin-top: 30px;
 margin-left: 9px;
border: 1px solid #888;
 }
 
 
 
 
 .images400 {
 position: relative;
left: 222px;
width: 400px;
border: 1px solid #888;
margin-bottom: 30px;
 display: block;
 left: 222px;
 margin-top: 30px;
 margin-left: 0px;

 }

 .images1000 {
  display: block;

width: 400px;
border: 1px solid #888;
margin-bottom: 30px;
 display: block;
 margin-top: 30px;
 margin-left: 0px;

 }
 
 
 
 
.images560 {
 display: block;
 width: 560px;
 margin-top: 30px;
 margin-bottom: 30px;
 margin-left:80px;
border-top: 0px solid #900;
border: 1px solid #888;
}

 
.images600 {
 display: block;
 width: 600px;
 margin-top: 30px;
 margin-bottom: 30px;
 margin-left:70px;
border-top: 0px solid #900;
border: 1px solid #888;
}


 .explain560{
display: block;
margin-left: 220px;
margin-left: 220px;
	bottom:0px;
	width: 460px;
	background: transparent;
text-align: left;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
border: 0px solid #000;
font-size: 15px;
color: #000;
}

.explain600{
display: block;
margin-left: 220px;
	bottom:0px;
	width: 460px;
	background: transparent;
text-align: left;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
border: 0px solid #000;
font-size: 15px;
color: #000;
}

.explain1000{
display: block;

	bottom:0px;
	width: 460px;
	background: transparent;
text-align: left;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
border: 0px solid #000;
font-size: 15px;
color: #000;
}

 
.explain120{
  margin: 10px 0px 0px 0px;
   margin-left:40px;
   font-size: 15px;
color: #000;
  }


 
 .explain400{
 position: absolute;
	left: 25px;
	bottom:0px;
	width: 160px;
	background: transparent;
text-align: left;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
border: 0px solid #000;
font-size: 15px;
color: #000;
}
 

 .explain180{
margin: 10px 0px 0px 0px;
padding-left: 25px;
padding-right: 15px;
border: 0px solid #000;
font-size: 15px;
color: #000;
 }