body
{
text-align: center;
margin: 0px 0px 50px 0px;
padding: 0px;
background: #A1BEA8;
background-image: url(iap-tausta-tbbt.jpg);
color: #4C5101;


font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
}



#outer-border 
{
text-align: center;
width: 708px;
margin: 0px auto;
padding: 0px;
border: 0px;
background-color: #FEFFEB;
}


#header-container
{
width: 708px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-color: #FEFFEB;
}


#header1
{
width: 708px;
height: 240px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(iap-title-tbbt1.jpg);
background-repeat: no-repeat; 
background-position: top center;
}


#header2
{
width: 708px;
height: 240px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(iap-title-tbbt2.jpg);
background-repeat: no-repeat; 
background-position: top center;
}



#bodyblock 
{
position: relative;
width: 708px;
margin: 0px auto;
padding: 0px;
border: 0px;
background-color: #FEFFEB;
background-image: url(iap-main-tausta-tbbt.jpg);
}


#main 
{

width: 460px;
margin: 0px 0px 0px 60px;
padding: 0px;
border: 0px solid #000000;
text-align: left;
}


#navigation
{
float: right;
width: 140px; 
margin: 50px 30px 0px 0px; 
padding: 0px;
border: 0px solid #000000;
text-align: left;
}



#affiliates
{
float: right;
width: 120px; 
margin: 30px 0px 0px 0px; 
padding: 0px;
border: 0px solid #000000;
text-align: left;
}


#disclaimers
{
float: right;
width: 120px; 
margin: 30px 0px 0px 0px; 
padding: 0px;
border: 0px solid #000000;
text-align: left;
}


#bottom 
{
width: 708px;
height: 120px;
margin: 0px auto;
text-align: center;
padding: 0px;
border: 0px;
background-image: url(iap-bottom-tbbt.jpg);
background-repeat: no-repeat; 
background-position: top center;
}




a:link { color: #358010; border-bottom: 1px dotted #358010; text-decoration: none }
a:visited { color: #5C9DFE; text-decoration: none }
a:hover { color: #CE4204; background-color: #FED24A; text-decoration: none }




.nav-title 
{ 
display: block;
color: #ffffff;
background-color: #5C9DFE;
width: 130px;
padding: 3px 2px 3px 2px;
text-decoration: none;
text-align: center;
letter-spacing: 1px; 
font-family: Georgia, serif;
font-size: 14px; 
font-weight: bold;
font-style: italic; 
border: 2px dotted #A0D3FE;
} 



.link-box a
{ 
display: block;
color: #ffffff;
background-color: #8BAE38;
width: 130px;
padding: 5px 0px 5px 8px;
text-decoration: none;
letter-spacing: 3px; 
font-size: 11px; 
font-variant: small-caps;
font-family: Georgia, serif;
font-weight: bold;
border-width: 1px;
border-color: #ffeffe #ACA69C #cccccc #ffffff;
border-style: solid;
} 


.link-box a:visited
{
display: block;
color: #ffffff;
background-color: #8BAE38;
text-decoration: none;
font-weight: bold;
}


.link-box a:hover
{
display: block;
color: #748D2F;
background-color: #D4F07E;
text-decoration: none;
font-weight: bold;
font-style: italic; 
border-color: #ACA69C #ffffff #ffffff #cccccc;
}




.affiliates
{ 
display: block;
background-color: #D4F07E;
width: 130px;
padding: 3px 2px 3px 2px;
text-align: center;
text-decoration: none;
font-weight: normal;
border-top: 1px solid #ffeffe;
border-right: 1px solid #ACA69C;  
border-bottom: 1px solid #cccccc;
border-left: 1px solid #ffffff;
} 


.disclaimers
{ 
display: block;
color: #4C5101;
background-color: #D4F07E;
width: 130px;
padding: 3px 5px 3px 3px;
text-align: left;
text-decoration: none;
font-weight: normal;
font-size: 10px;
border-top: 1px solid #ffeffe;
border-right: 1px solid #ACA69C;  
border-bottom: 1px solid #cccccc;
border-left: 1px solid #ffffff;
} 



h1 {font-size: 20px; font-weight: bold; margin: 0px; padding: 5px;}
h2 {font-size: 18px; font-weight: bold; margin: 0px; padding: 5px;}
h3 {font-size: 16px; font-weight: bold; margin: 0px; padding: 5px;}
h4 {font-size: 14px; font-weight: bold; margin: 0px; padding: 5px;}
h5 {font-size: 12px; font-weight: bold; margin: 0px; padding: 5px;}


h6 
{
font-size: 11px; 
font-weight: bold; 
margin: 0px; 
padding: 5px;
border-bottom: 1px dotted #A1BEA8;
}




.thumbnail 
{ 
float: left; 
width: 100px; 
height: 101px;
border: 0px solid #785C5C;
margin: 0px 0px 20px 0px;
padding: 0px 5px 0px 5px;
} 



.filler { margin: 1px; }

.imgborder { border: 1px dashed #C0B000; } 

.linebreak { clear: left; }

.justify { text-align: justify; } 

.center { text-align: center; } 

.center-bottom { text-align: center; margin: 30px 0px 0px 0px; } 

.red-text { color: #990000; } 

.caps-links {font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }







.vid-box
{ 
float: left; 
width: 440px; 
height: 115px;
border: 1px solid #785C5C;
margin: 0px 0px 20px 0px;
padding: 5px 0px 0px 5px;
} 


.vid-notes
{ 
width: 440px; 
border: 1px solid #785C5C;
margin: 0px;
padding: 5px 0px 0px 5px;
text-align: justify;
} 





table
{
width: 435px;
margin: 0px; 
padding: 0px;
border-collapse: collapse;
border: 0px solid #e5eff8;
}


th 
{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #6E4428;
border: 1px solid #D6CBC8;
letter-spacing: 1px;
text-align: left;
padding: 6px;
}


td 
{
text-align: left;
padding: 6px 6px 6px 12px;
border: 0px solid #e5eff8;
}


td.odd 
{
font-size: 12px;
font-weight: bold;
}


td.notes
{
text-align: justify;
}