/********************************* BEGIN GENERAL ********************************/
HTML,BODY{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	color: #87888C;
	font-family: Verdana;	
	background: #87888C url("bg.jpg") repeat-y;
	height: 100%;
        width: 100%;
}

TD{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
	
} 

P{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
	
}
a:link{color: #363664; text-decoration: underline;}
a:visited{color: #7E7E80; text-decoration: underline;}
a:active{color: #363664; text-decoration: underline;}
a:hover{color: #000000; text-decoration: none;}


UL {


margin-top: 8px;
margin-bottom: 8px;
margin-right: 8px;
margin-left: 10px;
padding: 0;
}

LI {
list-style-type: square;
/*background: url("graphics/gui_07.gif") left top no-repeat;*/
padding-left: 10px;
margin-bottom: 8px;
}

H1{
font-size: 12pt;
color: #000000;
font-family: Arial;
font-weight: bold;
text-decoration: underline;
margin-bottom: 5px;
}

H2{
font-size: 11pt;
color: #000000;
font-family: Arial;
font-weight: bold;
margin-bottom: 5px;
}
/********************************* END GENERAL ********************************/


/********************************* BEGIN NAVIGATOIN ********************************/

#landscapes_banner{
height: 900px;
width: 100%;
position: relative; /*or absolute*/
z-index: 0;

}


#mid{
position: absolute;
margin: 0;
top: 0px;
left: 0px;
width: 100%;
}


#nav{
position: absolute;
margin: 0;
left: 182px;
top: 115px;

width: 100%;
}

#menu{
position: relative;
margin: 0 auto;
width: 848px;
height: 30px;
text-align: left;
}

#final_nav{
position: relative;
left: 232px;
width: 580px;
height: 30px;
text-align: left;
}

a.tier1:link{
padding-left: 15px;
padding-right: 15px;
font-size: 8pt;
line-height: 14pt;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a.tier1:active{
padding-left: 15px;
padding-right: 15px;
font-size: 8pt;
line-height: 14pt;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a.tier1:visited{
padding-left: 15px;
padding-right: 15px;
font-size: 8pt;
line-height: 14pt;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a.tier1:hover{
padding-left: 15px;
padding-right: 15px;
font-size: 8pt;
line-height: 14pt;
color: #363664;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
}

a.tier2:link{
color: #363664;
text-decoration: none;
}
a.tier2:active{
color: #363664;
text-decoration: none;
}
a.tier2:visited{
color: #363664;
text-decoration: none;
}
a.tier2:hover{
color: #7E7E80;
text-decoration: underline;
}

/********************************** END NAVIGATION *****************************/

#top {
 width: 100%;
 height: 100%;
 text-align: center;
 background: url("graphics/gui_01.jpg") left top repeat-x;
}
.top_shadow{
 background: url("graphics/gui_04.jpg") center bottom no-repeat;
 width: 848px;
 height:260px;
 text-align: center;
}
.middle_shadow{
 background: url("graphics/gui_05.jpg") center top repeat-y;
 width: 848px;
 height: 100%;
 text-align: center;
}
.bottom_shadow{
 margin: 0 auto;
 background: url("graphics/gui_06.jpg") center bottom no-repeat;
 width: 848px;
 height: 33px;
 text-align: center;
}

.left{
width: 195px;
text-align: left;
padding-left: 34px;
}

.right{
width: 585px;
text-align: left;
}

.leftTop{
background-color: #CDCDCD;
color: #363664;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
text-align: left;
width: 182px;
}
.leftBottom{
width: 182px;
background-color: #E5E3E3;
color: #363664;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
text-align: left;
}

.rightMain{
color: #363664;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
}

.footer{
padding-top: 7px;
background-color: #CDCDCD;
height: 30px;
width: 780px;
color: #565A6C;
text-align: center;
font-size: 10px;
font-weight: bold;
}