/* --------- default  --------- */

body {
background: #FFF url(images/background.gif) repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size:81%;
text-align: center; 
}

#container
{
width: 850px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
text-align: left; 
}

#top
{
padding: 14px 10px 10px 10px;
background-color: transparent;
}

#top h1
{
padding: 0;
margin: 0;
font-size: 1.1em;
}

#rightnav
{
float: right;
width: 200px;
margin: 0;
}


#content
{
margin-top: 12px;
margin-left: 2px;
padding: 1em;
width: 550px;
font-size: 1.0em;
color: #474747;
font-size: 1.0em;
line-height: 1.3em;
}

#footer
{
clear: both;
margin: 0;
padding: 5px;
color: #336633;
background-color: #FFF;
font: 80% Verdana, Arial, sans-serif;
text-align:center;
}

#bookinfo {
padding: 0 10px 0 10px;
font: 0.9em/1.1em Verdana, Arial, sans-serif;
color: #FEFDFD;
line-height: 130%;
}


/* --------- banner and logos with accessible text replacement  --------- */

#bannerlogo {
margin:0; padding:0;
position:relative;
width:840px; height:79px;
overflow:hidden;
}
#bannerlogo span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:840px;
height:90px;
margin:0 0 0 -5px;
padding:0;
background:url("images/bannerlogo.gif") top left no-repeat;
}

/* --------- text properties --------- */

#content h2 { 
padding-top: 5px;
margin: 0 0 -0.2em 0;
font: 1.3em Helvetica , Arial, sans-serif;
font-weight: bold;
color: #6484A3;
}

#content h3 { 
margin: 2em 0 -0.5em 0;
font: 1.2em Helvetica , Arial, sans-serif;
font-weight: bold;
color: #637F55;
}

.strongwhite {
font-weight: bold;
color: #FDFBFB;
}

.strongblack {
font-weight: bold;
color: #000000;
}

/* --------- images placement  --------- */

.capture {
float:right;
clear:left;
margin-top: 35px;	
margin-right: 10px;
margin-left: 20px;
margin-bottom : 20px;
top: -15px;	
vertical-align: middle;	
}  
  
.capture2 {
float:right;
clear:left;
margin-top: 35px;	
margin-right: 5px;
margin-left: 40px;
margin-bottom : 15px;
top: -15px;	
vertical-align: middle;	
}  

/* --------- navigation --------- */

#topnavigation {
position:relative; z-index:2;
float:right;
text-align:right;	
margin-top: -80px;
padding: 3px 5px 3px 5px;
font: 0.8em Verdana, Arial, sans-serif;
background-color: #83A373;
color: white;
}	

#rightnav
{
margin-top: 32px;
width: 205px;
}

#navcontainer
{
width: 192px;
background-color: #7EA5CB;
}

#navcontainer2
{
width: 190px;
background-color: #86A577;
padding-bottom: 5px;
}

#navlist
{
color: white;
margin-left: 0;
font: 0.8em Verdana, Arial, sans-serif;
padding-bottom: 5px;
}

li a {
display:inline-block;
}

.sub {
padding-left: 8px;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #7EA5CB;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#rightnav ul {
list-style-type:none;
padding-left: 10px;
padding-right: 5px;
margin-bottom: 1em;
}
  
#navlistfooter li
{
display: inline;
list-style-type: none;
padding: 5px;
}

/* --------- list (for navigation, see above)  --------- */

#content li {
list-style: disc;	
padding-left: 0.5em;
text-indent: 0;
color: #325375;
font-weight: bold;
font-size: 92%;
line-height: 1.5em;
}
	
#content ul {
text-indent: 0;
}

#content ul li {
padding-top: 10px;
}


/* --------- links  --------- */

#topnavigation a {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none; 
color: white;
font-weight: bold;
}

#topnavigation a:hover {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none;
color: #875C9F;
font-weight: bold;
}

#topnavigation a#current {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none;
color: white;
font-weight: bold;
}


#content a:link, a:hover, a:visited {
font-family:  Helvetica, Arial, sans-serif;
color: #6E8562;
font-size: 1.0em;
}

#rightnav a {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none; 
color: white;
font-weight: bold;
}

#rightnav a:hover {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none;
color: #663365;
font-weight: bold;
}


#rightnav a#current  {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none;
color: #663366;
font-weight: bold;
}

#rightnav a#currentwo {
font: 0.9em/1.1em Verdana, Arial, sans-serif;
text-decoration: none;
color: #663366;
font-weight: bold;
}


#footer a {
font: 0.9em/1.1em Arial, sans-serif;
text-decoration: none; 
color: #336633;
}


#footer a:hover {
font: 0.9em/1.1em Arial, sans-serif;
color: #663366;
text-decoration: none; 
}

/* --------- form  --------- */

input, textarea, select {
color: #000000;
background: #FBF6F6;
border: 1px solid #B5ACAA;
width:  250px;
font: 1.2em Arial, Helvetica, sans-serif;
padding-left: 2px;
}

#submitbutton {
color: #000000;
font: 1.2em Arial, Helvetica, sans-serif;	
}

textarea {
height: 120px;
background: #FEFBFC;
margin-left: 10px;
}

fieldset {	
background: #FFF url(images/background.gif) repeat-x;
display: block;
border-style: solid;
border-color: #F0F0F0;
width: 280px;
margin : 0;
padding : 0;
}


label {
color: #FFF;
font: bold 100% Tahoma, Arial, Helvetica, sans-serif;	 
}

input:focus {
background: #FCF7E7;
border-color: #597A4A;
}

br {
clear: left;
}

#submitbutton {
margin-left: 92px;
margin-top: 8px;
padding: 3px;
width: 70px;	
font-size: 12px;
border: 1px outset #CCC;
}





/* --------- css drop-shadow effect --------- */

#shadow-container {    
width:850px;   
margin-right: 2px;
margin-bottom: 2px;
margin: 20px auto;
}


#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -2px;
top: -2px;	
}

#shadow-container .shadow1 {
background: #8FA186;
}

#shadow-container .shadow2 {
background: #73876A;
}

#shadow-container .shadow3 {
background: #7E9373;
}

#shadow-container .container {
background: #8DA581;
        
padding: 10px;
}