body
{ 
margin: 0 0 0 0; 
padding: 0;
color: #5959AB;
background-color: #C0D9D9;
}

img
{
border: 0;
}

div#banner
{
margin: 29px 0 0 0;
padding: 5px 0 0 0;
color: #fff;
font: normal 15px Salina, Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #5F9F9F;
border-bottom: 2px solid #999;
}

div#news table
{
margin: 0 0 0 0;
color: #fff;
font: normal 18px Salina, Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #5F9F9F;
}

div#content
{
position: relative;
top: 0;
margin-left: 19.5%;
color: #5959AB;
padding: .1em 1em;
text-align: center;
font: normal 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
border-top: 2px solid #999;
}

#content hr
{
color: #5959AB;
width: 95%;
background-color: #C0D9D9;
}

#content hr.A1
{
color: #5959AB;
width: 95%;
background-color: #C0D9D9;
}

#content a
{
color: #5959AB;
font: bold 0.9em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content a:hover, a:visited, a:active
{
color: green;
background-color: #C0D9D9;
}

#content h2
{
margin: 10px 0 0 0;
padding: 2px 0;
color: #5959AB;
background-color: #C0D9D9;
background-image: url(suku_bg2.JPG);
font: bold italic 24px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
}

#content h3
{
margin: 10px 0 0 0;
color: #5959AB;
background-color: #C0D9D9;
font: bold italic 18px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
}

#content p
{
color: #5959AB;
text-indent: 3%;
text-align: justify;
font: normal 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content fieldset
{
color: #5959AB;
margin: 1em 0;
padding: 0.5em;
border: medium double #5959AB;
text-align: justify;
font: normal 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content fieldset legend
{
color: #5959AB;
padding: 0.8em 0.5em 0.5em 0.5em;
margin-left: 80px;
font: bold 1.2em Cursive, "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content img.A1
{
margin: 10px;
border: 0;
float: left;
}

#content img.A11
{
margin: 0;
border: 0;
float: left;
}

#content img.A2
{
margin: 10px;
border: 0;
float: right;
}

#content p.A1
{
color: #5959AB;
padding: .1em 2.5em;
text-indent: 2.5%;
font: normal 0.85em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content p.A2
{
color: #5959AB;
padding: .1em 0 0 0;
text-indent: 0;
text-align: justify;
font: normal 0.9em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content p.A3
{
color: #5959AB;
margin-left: 45px;
text-indent: 15px;
text-align: left;
font: normal 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content p.A4
{
color: #5959AB;
text-indent: 0;
text-align: center;
font: bold 1.05em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content p.A5
{
color: #5959AB;
text-indent: 0;
text-align: left;
font: bold 1.1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content ol.A1 li 
{
text-align: left;
margin-left: 40px;
color: #5959AB;
font: normal 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
list-style-type: disc;
background-color: #C0D9D9;
}

#content ul.A1 li 
{
text-align: left;
margin-left: 40px;
color: #5959AB;
font: normal 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
list-style-type: disc;
background-color: #C0D9D9;
}

#content ul.A1 li ul li
{
text-align: left;
color: #5959AB;
font: normal italic 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
list-style-type: square;
background-color: #C0D9D9;
}

#content ul.A2 li 
{
text-align: left;
color: #5959AB;
font: normal 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
list-style-type: circle;
background-color: #C0D9D9;
}

#content ul.A2 li ul li 
{
text-align: left;
color: #5959AB;
font: normal 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
list-style-type: disc;
background-color: #C0D9D9;
}

#content ul.A3 
{
margin: 0;
}

#content ul.A3 li 
{
list-style-image: url("next.gif");
text-align: left;
vertical-align: middle;
margin-left: 3em;
color: #5959AB;
font: 600 0.95em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content ul.A4 
{
margin: 0;
}

#content ul.A4 li 
{
list-style-image: url("source.gif");
text-align: left;
vertical-align: middle;
margin-left: 4em;
color: #5959AB;
font: 600 0.95em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#content table.A1
{
border-collapse: collapse;
text-align: center;
caption-side: top;
color: #5959AB;
background-color: #C0D9D9;
font: normal 1em Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content table.A1 caption
{
padding: 2px 0 2px 0;
white-space: nowrap;
text-indent: 0;
text-align: center;
font: italic bold 17px Cursive, "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content table.A2
{
border-collapse: collapse;
border-spacing: 0;
caption-side: top;
text-indent: 0;
text-align: center;
color: #5959AB;
background-color: #C0D9D9;
font: italic bold 1.3em Cursive,"Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content table caption
{
color: #5959AB;
padding: 2px 0 2px 0;
text-indent: 0;
text-align: center;
font: bold italic 16px Cursive,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

div#navigation
{
position: relative;
top: 18px;
margin-left: 22%;
margin-right: 22%;
color: #5959AB;
padding: .1em 1em;
text-align: center;
font: normal 0.8em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}

#navigation a
{
color: #5959AB;
background-color: #FADFAF;
font: bold 0.8em "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navigation a:hover, a:visited, a:active
{
color: green;
background-color: #FADFAF;
}

div#left
{
float: left;
position: relative;
top: 0;
width: 19.5%;
padding: 2em 0;
font: normal 0.7em Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: center;
background-color: #5F9F9F;
border-top: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}

#left h2
{
color: #fff;
font: bold 15px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #5F9F9F;
}

#left h3
{
color: #fff;
margin: 10px 3px;
padding: 4px 0;
font: bold 12px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-image: url(suku_bg1.JPG);
background-color: #5F9F9F;
text-align: center;
}

#left p
{
margin: 5px 3px 20px 3px;
border: 2px solid #999;
font: bold 1em Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: left;
padding: .8em .5em;
color: #5959AB;
background-color: #C0D9D9;
}

#left a
{
color: #fff;
font: bold 1em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
background-color: #5F9F9F;
}

#left a:hover, a:visited, a:active
{
color: yellow;
text-decoration: underline;
background-color: #5F9F9F;
}

#left ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#left ul li 
{ 
margin: 0 0 .1em 0; 
}

#left ul li a
{
display: block;
text-decoration: none;
color: #5959AB;
background-color: #ddd;
border: 1px solid #999;
font: bold 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
width: 80%;
padding: .2em 0;
}

#left ul li a:hover, a:active 
{
color: #fff;
background-color: #5F9F9F;
}

#left ul.A1
{
margin: 0;
}

#left ul.A1 li
{
display : inline; 
width: 60px;
list-style-type : none; 
}

#left ul.A1 li a
{
padding: 0 2px 0 2px;
display : inline; 
width: 60px;
list-style-type : none; 
border: 0;
color: #fff;
background-color: #5F9F9F;
}

div#thanks
{
position: relative;
top: 5px;
margin: 1%;
color: #5959AB;
background-color: #C0D9D9;
}

#thanks p
{
color: #5959AB;
padding: 0 1.5em;
text-indent: 3%;
text-align: justify;
font: bold 0.8em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
}

#thanks h2
{
margin: 10px 1.5em 0 1.5em;
padding: 2px 0;
color: #5959AB;
background-color: #C0D9D9;
background-image: url(suku_bg2.JPG);
font: bold italic 24px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
}

div#validation 
{
position : relative; 
top : 5px; 
margin : 0; 
padding : 0.2em 0.5em; 
font : bold 10px Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif; 
color : #fff; 
text-align : center; 
background-color : #5f9f9f; 
border : 3px outset #999; 
} 

#validation a 
{
color : #fff; 
text-decoration : none; 
background-color : #5f9f9f; 
} 

#validation a:hover, a:visited, a:active 
{
color : yellow; 
background-color : #5f9f9f; 
} 

#validation ul 
{
margin : 0; 
} 

#validation ul li 
{
padding : 0 1px; 
display : inline; 
list-style-type : none; 
} 

div.valid1
{
z-index: 3;
position: absolute;
float: left; 
top: 2px;
left: 3%;
height: 31px;
width: 88px;
text-align: center;
text-decoration: none;
color: #fff;
font: bold 2.6em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
}

.valid1 a.A1, a.A1:active, a.A1:visited
{
text-decoration: none;
background-image: url(wcag1AAA_s.gif);
}

.valid1 a.A1:hover
{
text-decoration: none;
background-image: url(wcag1AAA.gif);
}

div#footer
{
position: relative;
top: 5px;
margin-left: 0;
margin-right: 0;
padding: 0.5em 0.5em;
border-top: 2px solid #999;
color: #fff;
text-align: center;
font: normal 11px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #5F9F9F;
}

#footer a
{
color: #fff;
font: bold 11px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
background-color: #5F9F9F;
}

#footer a:hover, a:visited, a:active
{
color: yellow;
text-decoration: underline;
background-color: #5F9F9F;
}

/*printer styles*/ 
@media print
{ 
/*hide the banner when printing*/ 
#banner{display:none;} 
/*hide the news when printing*/ 
#news{display:none;} 
/*hide the navigation when printing*/ 
#navigation1{display:none;} 
/*hide the left column when printing*/ 
#left{display:none;} 
/*hide the footer when printing*/ 
#footer{display:none;}
/*hide the validation when printing*/ 
#validation{display:none;} 

div#content
{
position: relative;
top: 0;
margin-left: 0;
color: #5959AB;
padding: 1em 0 0 0;
text-align: center;
font: normal 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #C0D9D9;
border: 0;
}

#content hr.A1
{
color: #5959AB;
width: 95%;
background-color: #C0D9D9;
page-break-before: always;
}
}