/*
blue: #304770
lite blue: #596780
olive: #999966
*/

/*----------------LAYOUT CSS-----------------------------------------------------------------*/
body
{
text-align: center;
font: 76% verdana, sans-serif; 
background-image: url("images/bg.gif");
background-color:#996;
padding:0;
margin:0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #sidebar {
  margin-right: 1em;
  }
 
* html #content {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

#container
{
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
width: 85%;
max-width: 900px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
padding:0;
border: 2px solid #000;
background-color: #fff;
}


#header 
{
margin: 0 auto;
padding:0;
text-align: left;
background-color: #304770;
padding-bottom:.5em;
padding-top:.5em; 
}

#header a
{
text-decoration: none; 
background: none;
color: #304770;
}

#navigation 
{
height: 2.6em;
margin: 0;
padding: 0;
background-color: #596780;
text-align:center;
border-bottom: #304770 solid 5px;
}


#content 
{
color: #000; 
background-color: #fff;
text-align: left;
padding:1em;
margin-left: 260px;
}

#content img
{
border:0;
}

#sidebar
{
float: left;
background-color: #fff;
text-align: left;
width: 250px;
padding:5px;
}


#sidebar img
{
border: 2px solid #000;
margin-bottom: 1em;
}


#sidebar a
{
text-decoration:none;
background:none;
border: 0;
}

#footer
{
padding:.2em; 
font-size: .8em; 
color:  #304770;
text-align:right; 
clear: both;
}


#footer a
{
color: #304770;
text-decoration:none;
background:none;
}
/*----------------NAVIGATION CSS----------------------------------------------------------------------*/


ul.nav  {float:right; width:100%; height: 100%; padding:0; margin:0; list-style-type:none;}

a.nav:link     {float:right; width:7em; text-decoration:none; border-bottom:0; color: #fff; background-color:#596780; padding:0.2em 0.2em; }
a.nav:visited  {float:right; width:7em; text-decoration:none; border-bottom:0; color: #fff; background-color:#596780; padding:0.2em 0.2em; }
a.nav:hover    {color:#304770; text-decoration: none; border-bottom:0; background-color: #999966; }

li.nav {display:inline; font-size: 1.1em; font-weight: bold;}


/*
blue: #304770
lite blue: #596780
olive: #996
*/


/*----------------STYLE CSS--------------------------------------------------------------------------*/

/*
blue: #304770
lite blue: #596780
olive: #999966
*/


h1 
{
font-size: 2em;
color: #304770;
text-align: center;
font-weight: normal;
letter-spacing: .1em;
}


h2 
{
font-size: 1.7em;
font-weight: normal;
margin: .3em 0em .3em 0em;
color: #999966;
text-align:left;
}


h2,h3 a
{
text-decoration:none;

}


h3 
{
font-size: 1.3em;
color: #304770;
text-align:left;
}


p
{
font-size: 1em;
line-height: 1.5em;
text-align: left;
}

p.left
{
text-align: left;
}

.strong
{
font-size: 1.1em;
color: #304770;
font-weight: bold;
}

a:link
{
color: #304770; 
text-decoration: none;
background: url(images/underline.gif) repeat-x 100% 100%;
padding-bottom: 2px;
}
a:visited {color: #596780; text-decoration: none; }
a:hover   {color: #304770; text-decoration: none; background: none;}


.rfloat
{
border: 2px solid #000;
margin: 0 1em 1em 1em;
float: right;
}


.picture
{
border: 2px solid #000;
}



li
{
list-style-type: square;
line-height: 2;
}


.skip
{ 
list-style-image: url(images/skip_icon.gif); 
border-top: 3px solid #2C4268;
border-bottom: 3px solid #2C4268;
width: 23em;
padding: 16px;
}


hr
{
color: #999966;
background-color: #999966;
height: 2px;
width: 300px;
border: 0;
text-align:center;
margin-bottom: 10px;
}


.prop 
{
height:550px;
float:right;
width:1px;
background-color: #999966;
}

.clear 
{
clear:both;
height:1px;
overflow:hidden;
}


.small  
{
font-size: .8em; 
}