/* CSS Document */


#nav {
width:600px;
float: left;
text-transform:uppercase;
font-size:0.8em;
letter-spacing:1px;
margin-left:10px;
}



#nav a
{
color: #fff;
background: #505051 url(images/nav_left.gif) left top no-repeat;
text-decoration: none;
padding-left: 20px;



} 

#nav a span
{
background: url(images/nav_right.gif) right top no-repeat;
padding-right: 20px;



} 

#nav .selected a
{
color: #333;
background: #fff url(images/nav_left_current.gif) left top no-repeat;
text-decoration: none;
padding-left: 20px;



} 

#nav .selected a span
{
background: url(images/nav_right_current.gif) right top no-repeat;
padding-right: 20px;


} 

#nav .selected a:hover
{
color: #333;
text-decoration: none;
padding-left: 20px;
background: #ffffff url(images/nav_left_current.gif) left top no-repeat;
} 

#nav .selected a:hover span
{
padding-right: 20px;
background: url(images/nav_right_current.gif) right top no-repeat;
} 





 #nav a:hover  {
color:#ffffff;
background: #6D98AD url(images/hover_left.gif) left top no-repeat;
padding-left: 20px;
text-decoration:none;
}

#nav a:hover span
{
background: url(images/hover_right.gif) right top no-repeat;
padding-right: 20px;

} 

#nav ul
{
padding: 0;
margin: 0;
}

#nav li
{
float: left;
margin-right: 2px;
list-style-image: none;
list-style-type: none;
} 

#nav a, #nav a span
{
display: block;
float: left;
line-height:28px;
height:30px;


}







 



#nav_right {
width:170px;
float: right;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;


}


#nav_right a
{
color: #fff;
background: #333333 url(images/nav_sec_left.gif) left top no-repeat;
text-decoration: none;
padding-left: 20px;



} 

#nav_right a span
{
background: url(images/nav_sec_right.gif) right top no-repeat;
padding-right: 20px;



} 

#nav_right .selected a
{
color: #333;
background: #fff url(images/nav_left_current.gif) left top no-repeat;
text-decoration: none;
padding-left: 20px;



} 

#nav_right .selected a span
{
background: url(images/nav_right_current.gif) right top no-repeat;
padding-right: 20px;


} 

#nav_right .selected a:hover
{
color: #333;
text-decoration: none;
padding-left: 20px;
background: #ffffff url(images/nav_left_current.gif) left top no-repeat;
} 

#nav_right .selected a:hover span
{
padding-right: 20px;
background: url(images/nav_right_current.gif) right top no-repeat;
} 





#nav_right a:hover  {
color:#ffffff;
background: #63CDF4 url(images/hover_sec_left.gif) left top no-repeat;
padding-left: 20px;
text-decoration:none;
}

#nav_right a:hover span
{
background: url(images/hover_sec_right.gif) right top no-repeat;
padding-right: 20px;

} 

#nav_right ul
{
padding: 0;
margin: 0;
}

#nav_right li
{
float: left;
margin-right: 2px;
list-style-image: none;
list-style-type: none;
} 

#nav_right a, #nav_right a span
{
display: block;
float: left;
line-height:28px;
height:30px;


}









/* Hide from IE5-Mac \*/
#nav a, #nav a span
{
float: none
}
/* End hide */