/***** CSS Document ******/



body {

margin: 0px;

padding: 0;

background: #000000 url("media/backblack.jpg") repeat-x left top;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

}



p {margin:0;padding:0;}



/***  Preload media  ***/



.wrap {

	background-image: url(media/osp_smallsolid.jpg);

	background-image: url(media/backblack.jpg);

	background-image: url(media/frontispicio.jpg);

	background-image: url(media/bottomblack.jpg);

	background-repeat: no-repeat;

	background-position: -5000px -5000px;}

	

/**** end preload images ****/



.wrap {

display: block;

margin: 0 auto;

padding: 0;

float: center;

width: 900px;

height: 100%;

background: #000000; 

border: 1px solid #000000;

text-align: center;

}



.headrow_one {

display: block;

float: left;

margin: 0;

padding: 0;

width: 100%;

height: 91px;

background: transparent url("media/osp_smallsolid.jpg") repeat-x left top;

}



.rowone_left {

float: left;

margin: -3px 5px;

padding: 0;

width: 100%;

height: 90px;

background: transparent url("media/frontispicio.jpg") no-repeat left bottom;

}



.left {

float: left;

margin: 0 auto;

padding: 0;

width: 30%;

height: 1500px;

background: #000000;

text-align: center;

}



.left_content {

margin: 0 auto;

padding: 0;

width: auto;

text-align: center;

}



.footer_bottom {

clear: both;

margin: 0 auto;

padding: 0;

width: 900px;

background: url(media/bottomblack.jpg) repeat-x left top;

height: 61px;

text-align: center;

line-height: normal;

color: #FFFFFF;

}



/***  BEGIN FORMS STYLING  ***/

/*** ntfly-menu from -Home- container below  ****/



.ntmenu_container {

margin: 0 auto;

padding: 0;

padding-top: 19px;

text-align: center;

width: 175px;

}



/***  Levels: Styles and Positioning  *****/



.toplevel {

	FONT-SIZE: 16px; 

	WIDTH: 175px; 

	COLOR: #FFFFFF; 

	BORDER-BOTTOM: #866a32 0px solid; 

	FONT-FAMILY: Arial, Helvetica, sans-serif

}

.level2,

.level3 {

	FONT-SIZE: 14px; 

	WIDTH: 200px; 

	COLOR: #000000;  

	FONT-FAMILY: Arial, Helvetica, sans-serif;

	text-indent:2px;

}



/*****   ITEM STYLES   *****/



#nav {

	margin: 0; 

	padding: 0; 

	WIDTH: 175px; 

	LIST-STYLE-TYPE: none; 

	text-align: left;

}



/***  first level background menu ***/



#nav .toplevel  { 

    padding-top: 6px;

    padding-bottom: 6px;

    background-color: #333333;

    border: 1px ridge #999999;

    text-indent: 5px;

}



/***  2nd + 3rd level menu items  ****/



#nav LI LI, 

#nav LI LI LI {

    padding-top: 2px;

    padding-bottom: 2px;

}



/****  2nd-3rd backgrounds of flyout boxes ****/



#nav UL, #nav UL UL {

	margin: 0;

	padding: 0;

	FLOAT: left;

	WIDTH: 100%;

	LIST-STYLE-TYPE: none; 

	BACKGROUND-COLOR: #888888; 

}



#nav LI {

	FLOAT: left; 

}



/*** 2nd main FLYOUT. Second menu position: (margin-left:distance) ****/



#nav LI UL {

	MARGIN-TOP: -2.4em;

	LEFT: -990em;

	MARGIN-LEFT: 155px;

	BORDER: 2px solid #999999;

	width: 200px;

	POSITION: absolute; 

}



/**** 3rd main FLYOUT. Third menu position (margin-left:distance)  *****/



#nav LI UL UL {

	MARGIN-TOP: -1.3em;

	LEFT: -990em;

	MARGIN-LEFT: 190px;

	BORDER: 2px solid #999999;

	width: 200px;

	position: absolute;

}



/***  This one effects all LI, All levels ****/



#nav LI A {

	DISPLAY: block;

	margin: 0;

	padding: 0;

	TEXT-DECORATION: none;

}



/***  Main List Hover ****/



#nav LI A:hover {

	COLOR: #000000; 

	background-color: #cccccc;

/** any border here, effects all levels  **/

}



/*** 2-3-4 fly lists items link, can color 

	or border or underline here  ***/

	

#nav LI LI A,

#nav LI LI LI A,

#nav LI LI LI LI A {	

	DISPLAY: block;

	TEXT-DECORATION: none;

	color: #000000;

}



/*** 2-3-4 fly lists items link-hover can color 

	or border or underline here ***/

	

#nav LI LI A:hover,

#nav LI LI LI A:hover,

#nav LI LI LI LI A:hover {

	COLOR: #000000; 

	BACKGROUND-COLOR: #cccccc

}



/*** aligns left ***/



#nav LI:hover UL UL {LEFT: -999em;}

#nav LI:hover UL UL UL {LEFT: -999em}

#nav LI.sfhover UL UL {LEFT: -999em;}

#nav LI.sfhover UL UL UL {LEFT: -999em}

#nav LI:hover UL {LEFT: auto}

#nav LI LI:hover UL {LEFT: auto}

#nav LI LI LI:hover UL {LEFT: auto}

#nav LI.sfhover UL {LEFT: auto}

#nav LI LI.sfhover UL {LEFT: auto}

#nav LI LI LI.sfhover UL {LEFT: auto}



/* Fix IE. Hide from IE Mac \*/



 html #nav li {float:left; height:1%;}

 html #nav li a {height:1%;}

 

/* End */



/*************  end  *******************/