body
{ 
margin: 0 0 0 0; 
padding: 0;
color: #8C1717;
background-color: #FADFAF;
}

img
{
border: 0;
}

div#banner
{
margin: 0 0 0 0;
color: #fff;
text-align: center;
font: bold 10px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
border-bottom: 2px solid #999;
}

#banner p.A1
{
position: absolute;
top: 90px;
margin: 8px 0 2px 0; 
left: 0;
width: 100%;
text-indent: 1.5em;
text-align: left;
z-index: 3;
}

#banner p.A2 a
{
float: left;
position: relative;
margin-left: 150px;
text-decoration: none;
color: #fff;
background-color: #8C1717;
}

div#labyr-left
{
position: relative;
float: left;
left: 5px;
top: 5px;
width: 120px;
height: 50px;
}

div#labyr-right
{
position: relative;
float: right;
right: 5px;
top: 5px;
width: 120px;
height: 50px;
}

div#navcontainer ul
{
margin: 0;
padding: 0;
background-color: #999;
position: relative;
top: 0;
text-align: center;
list-style-type: none;
border-top: 4px solid #999;
border-bottom: 4px solid #999;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: 4px 1px;
color: #8C1717;
background-color: #ddd;
border: 2px solid #8C1717;
font: bold 0.7em tahoma, lucida, verdana, sans-serif;
}

#navcontainer ul li a:hover, a:visited, a:active 
{
color: #fff;
background-color: #8C1717;
}

div#content
{
z-index: 1;
position: relative;
top: 0;
margin-left: 24%;
margin-right: 24%;
color: #8C1717;
padding: .1em .5em;
text-align: center;
font: normal 90% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
border-top: 2px solid #999;
}

#content fieldset
{
color: #8C1717;
background-color: #FADFAF;
font: normal 92% "Lucida Sans Unicode", verdana, lucida, sans-serif;
border: medium double;
border-color: #8C1717;
}

#content fieldset img
{
float: left;
}

#content fieldset p
{
color: #8C1717;
margin: 1em 0.5em;
text-indent: 2.0em;
text-align: justify;
font: normal 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content fieldset legend
{
color: #8C1717;
background-color: #FADFAF;
margin-left: 1em;
font: italic bold 125% Cursive, Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content table.A1
{
border-collapse: separate;
border-spacing: 3px 10px;
border: medium double #8C1717; 
text-align: center;
caption-side: top;
color: #8C1717;
background-color: #FADFAF;
font: normal 93% 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.A1 td.A1
{
width: 45%;
}

#content table.A2
{
border-collapse: collapse;
border-spacing: 0;
caption-side: top;
text-indent: 0;
text-align: center;
color: #8C1717;
background-color: #FADFAF;
font: italic bold 115% Cursive,"Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content hr
{
color: #8C1717;
background-color: #FADFAF;
width: 95%;
}

#content a
{
color: #8C1717;
font: bold 1em "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: underline;
background-color: #FADFAF;
}

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

#content h2
{
margin: 10px 1.5em; 
padding: 2px 0;
color: #8C1717;
background-color: #FADFAF;
background-image: url(cll_bg2.JPG);
font: italic bold 23px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
}

#content h3
{
color: #8C1717;
font: italic bold 18px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
background-color: #FADFAF;
}

#content h4
{
color: #8C1717;
font: italic bold 15px Cursive,Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
background-color: #FADFAF;
}

#content p
{
color: #8C1717;
margin: 1em 0.5em;
text-indent: 2.0em;
text-align: justify;
font: normal 95% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A1
{
color: #8C1717;
padding: .1em 2.5em;
text-indent: 2.5em;
font: normal 90% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A2
{
color: #8C1717;
padding: .1em 0 0 0;
text-indent: 0;
text-align: justify;
font: normal 95% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A3
{
color: #8C1717;
padding: 0 0 0 0;
text-indent: 0;
text-align: center;
font: bold 95% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A4
{
color: green;
text-indent: 0;
text-align: left;
margin-left: 3%;
font: normal 110% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A5
{
color: #8C1717;
padding: 0 0 0 0;
text-indent: 0;
text-align: center;
font: italic bold 115% Cursive,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content p.A6
{
color: #8C1717;
text-indent: 0;
text-align: left;
font: normal 95% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content img.A1
{
margin: 0 5px;
border: 0;
float: right;
}

#content img.A2
{
margin: 5px;
border: 0;
float: left;
}

#content img.A3
{
border: 0;
text-align: center;
}

#content ul.A2 li 
{
text-align: left;
color: #8C1717;
font: normal 90% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#content ul.A3 li 
{ 
text-align: left; 
color: #8C1717;            
font: bold 95% cursive, sans-serif;
background-color: #FADFAF;
}

#content ul.A4 li {
list-style-image: url("sqred.gif");
text-align: left;
vertical-align: middle;
margin-left: 0;
padding: 0 0 3px 0;
color: #8C1717;
font: bold 90% verdana, sans-serif;
background-color: #FADFAF;
}

#content ul.A4 li ul li {
list-style-image: url("redb.gif");
text-align: left;
vertical-align: middle;
margin-left: 0;
color: #8C1717;
font: normal 90% verdana, sans-serif;
background-color: #FADFAF;
}

#content ul.A6 li {
list-style-image: url("sqgreen.gif");
vertical-align: middle;
text-align: left;
margin-left: 0;
padding: 0 0 3px 0;
color: #8C1717;
font: normal 95% verdana, sans-serif;
background-color: #FADFAF;
}

div#navigation
{
position: relative;
top: 10px;
margin: 0 3%;
color: #8C1717;
padding: .1em 1em;
text-align: center;
font: bold 80% "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
border: 4px outset #eecfa1;
}

#navigation a
{
color: #8C1717;
text-decoration: underline;
background-color: #FADFAF;
font: bold 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

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

div#left
{
z-index: 2;
float: left;
position: relative;
top: 0;
width: 22.5%;
padding: 14em 5px 0.5em 5px;
font: normal 70% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: center;
background-color: #8C1717;
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: #8C1717;
}

#left h3
{
color: #fff;
padding: 4px 0;
font: bold 12px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
background-image: url(cll_bg1.JPG);
}
#left a
{
color: #fff;
font: bold 100% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
background-color: #8C1717;
}

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

#left p
{
margin: 5px 0 20px 0;
border: 2px solid #FADFAF;
font: normal 100% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: left;
padding: .8em .6em;
background-color: #993333;
}

#left p a
{
color: #fff;
font: bold 100% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
background-color: #993333;
}

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

#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: #8C1717;
background-color: #ddd;
border: 1px solid #999;
font: bold 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
width: 80%;
padding: .2em 0;
}

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

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

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

#left ul.A1 li a
{
text-decoration: none;
border: 0;
color: #fff;
background-color: #8C1717;
font: bold 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#left ul.A1 li a:hover, a:active 
{
color: yellow;
background-color: #8C1717;
}

#left table.A3
{
color: #fff;
text-align: left;
border-collapse: separate;
font: normal 10px "Lucida Sans Unicode", verdana, lucida, sans-serif;
border-spacing: 2px;
border: medium double #fff; 
caption-side: top;
background-color: #8C1717;
}

div#left1
{
position: relative;
width: 100%;
top: 20px;
}

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

#left1 h3
{
color: #fff;
padding: 4px 0;
font: bold 12px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-image: url(cll_bg1.JPG);
background-color: #8C1717;
}

#left1 p
{
margin: 5px 0 20px 0;
border: 2px solid #FADFAF;
font: normal 1em Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: left;
padding: .8em .6em;
background-color: #993333;
}

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

#left1 a:hover, a:visited, a:active
{
color: yellow;
text-decoration: underline;
background-color: #8C1717;
}

div#right
{
z-index: 2;
float: right;
position: relative;
top: 0;
width: 22.5%;
color: #fff;
text-align: center;
padding: 1.2em 5px 0.5em 5px;
font: normal 70% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 2px solid #999;
}

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

#right h3
{
color: #fff;
padding: 4px 0;
font: bold 12px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-image: url(cll_bg1.JPG);
background-color: #8C1717;
}

#right a
{
color: #fff;
font: bold 100% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
border: 0;
text-decoration: none;
background-color: #8C1717;
}

#right a:hover, a:visited, a:active
{
color: yellow;
text-decoration: underline;
background-color: #8C1717;
}

#right p
{
margin: 5px 0 20px 0;
border: 2px solid #FADFAF;
font: normal 100% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: left;
padding: .8em .6em;
background-color: #993333;
}

#right p a
{
color: #fff;
font: bold 100% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
border: 0;
text-decoration: none;
background-color: #993333;
}

#right p a:hover, a:visited, a:active
{
color: yellow;
text-decoration: underline;
background-color: #993333;
}

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

#right ul li 
{
margin: 0 0 .8em 0; 
}

#right ul li a
{
text-decoration: none;
border: 0;
color: #fff;
background-color: #8C1717;
font: bold 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#right ul.A1
{
margin: 0;
padding: 0;
list-style-type: none;
}

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

#right ul.A1 li a
{
text-decoration: none;
border: 0;
color: #fff;
background-color: #8C1717;
font: bold 100% "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#right ul.A1 li a:hover, a:active 
{
color: yellow;
background-color: #8C1717;
}

#right table.A3
{
table-layout: fixed;
font: normal 11px Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: left;
border-collapse: separate;
border-spacing: 2px;
border: medium double #fff; 
caption-side: top;
background-color: #8C1717;
}

div#validation
{
position: relative;
top: 10px;
font: bold 11px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #fff;
text-align: center;
background-color: #8C1717;
}

#validation a
{
color: #fff;
font: bold 11px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
}

#validation a:hover, a:visited, a:active
{
color: yellow;
background-color: #8C1717;
}

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

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

#validation ul li a
{
text-decoration: none;
border: 0;
color: #fff;
background-color: #8C1717;
font: bold 10px "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#validation ul li a:hover, a:active 
{
color: yellow;
background-color: #8C1717;
}

div#agreement
{
position: relative;
top: 12px;
margin-left: 25%;
margin-right: 25%;
color: #8C1717;
padding: .1em .3em;
text-align: left;
font: normal 80% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
border-top: 3px solid #8C1717;
border-left: 3px solid #8C1717;
border-right: 3px solid #8C1717;
border-bottom: 3px solid #8C1717;
}

#agreement ul li
{
padding: 0 .8em;
color: #8C1717;
text-align: left;
font: normal 85% Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#agreement p
{
color: #8C1717;
text-align: center;
font: bold 85% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#agreement a
{
color: #8C1717;
font: bold 85% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
}

#agreement a:hover
{
color: green;
background-color: #FADFAF;
}

#agreement h3
{
color: #8C1717;
font: italic bold 18px Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align: center;
background-color: #FADFAF;
}

div#jinjang-top-left
{
position: relative;
float: left;
left: 3px;
top: 3px;
width: 50px;
height: 50px;
}

div#jinjang-top-right
{
position: relative;
float: right;
right: 3px;
top: 3px;
width: 50px;
height: 50px;
}

div#jinjang-bottom-left
{
position: relative;
float: left;
left: 3px;
top: 0;
width: 50px;
height: 50px;
}

div#jinjang-bottom-right
{
position: relative;
float: right;
right: 3px;
top: 0;
width: 50px;
height: 50px;
}

div#handshaking-left
{
position: relative;
float: left;
left: 5px;
width: 62px;
height: 40px;
}

div#handshaking-right
{
position: relative;
float: right;
right: 5px;
width: 62px;
height: 40px;
}

div#footer
{
position: relative;
top: 10px;
clear: both;
padding: .5em .5em;
border-top: 2px solid #999;
color: #fff;
text-align: center;
font: normal 70% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
}

#footer a
{
color: #fff;
font: bold 100% Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
background-color: #8C1717;
}

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

div.box {
z-index: 3;
position: absolute;
height: 80px;
width: 110px;
border: solid #000000 1px;
font-family: tahoma, verdana, sans-serif;
font-size: 9px;
font-weight: bold;
padding: 5px;
margin: 0;
}

#box1a {
top: 160px;
left: 1%;
color: maroon;
background-color: #CDAA7D;
}

#box1a a, a:visited, a:active
{
color: green;
background-color: #CDAA7D;
}

#box1a a:hover, a:focus
{
color: yellow;
background-color: #CDAA7D;
}

#box2a {
top: 180px;
left: 4%;
color: maroon;
background-color: #EEC591;
}

#box2a a, a:visited, a:active 
{
color: green;
background-color: #EEC591;
}

#box2a a:hover, a:focus 
{
color: yellow;
background-color: #EEC591;
}

#box3a {
top: 200px;
left: 7%;
color: maroon;
background-color: #FFD39B;
}

#box3a a, a:visited, a:active
{
color: green;
background-color: #FFD39B;
}

#box3a a:hover, a:focus
{
color: yellow;
background-color: #FFD39B;
}

div.award {
position: absolute;
height: 150px;
width: 120px;
}

#award1 {
top: 45px;
left: 2%;
}

#award2 {
top: 65px;
left: 10%;
}

#award3 {
top: 85px;
left: 18%;
}

#award4 {
top: 105px;
left: 26%;
}

div.cll-banner-new
{
z-index: 3;
position: absolute;
float: left; 
top: 155px;
left: 3%;
height: 110px;
width: 135px;
text-align: center;
text-decoration: none;
color: #fff;
font: bold 0.8em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
}

.cll-banner-new a.A1, a.A1:active, a.A1:visited
{
text-decoration: none;
font: normal 78px verdana, sans-serif;
background-image: url(cll_enter1.gif);
}

.cll-banner-new a.A1:hover
{
text-decoration: none;
background-image: url(cll_enter2.gif);
}

.cll-banner-new a.A2, a.A2:active, a.A2:visited
{
text-decoration: none;
background-image: none;
color: #fff;
font: bold 0.8em Tahoma,"Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #8C1717;
}

.cll-banner-new a.A2:hover
{
text-decoration: underline;
color: yellow;
background-color: #8C1717;
}

/*printer styles*/ 
@media print{ 
/*hide the banner when printing*/ 
#banner{display:none;} 
/*hide the navcontainer when printing*/ 
#navcontainer{display:none;} 
/*hide the cll-banner-new when printing*/ 
.cll-banner-new{display:none;} 
/*hide the left column when printing*/ 
#left{display:none;} 
/*hide the left1 column when printing*/ 
#left1{display:none;} 
/*hide the right column when printing*/ 
#right{display:none;} 
/*hide the footer when printing*/ 
#footer{display:none;}
/*hide the navigation when printing*/ 
#navigation{display:none;} 
/*hide the validation when printing*/ 
#validation{display:none;} 
/*hide the award1 when printing*/ 
#award1{display:none;} 
/*hide the award2 when printing*/ 
#award2{display:none;} 
/*hide the award3 when printing*/ 
#award3{display:none;} 
/*hide the award4 when printing*/ 
#award4{display:none;}
/*hide the box1a when printing*/ 
#box1a{display:none;} 
/*hide the box2a when printing*/ 
#box2a{display:none;} 
/*hide the box3a when printing*/ 
#box3a{display:none;} 

div#content
{
position: relative;
top: 0;
margin-left: 0;
width: 100%;
color: #8C1717;
padding: 1em 0 0 0;
text-align: center;
font: normal 1em Tahoma, "Lucida Sans Unicode", verdana, lucida, sans-serif;
background-color: #FADFAF;
border: 0;
}
}