body
{
margin:0px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
background-position:left;
background-color:#FFFFFF;

scrollbar-face-color:#000033;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:#EBF5FF;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#000033;
scrollbar-highlight-color:#000033;
scrollbar-3dlight-color:#000033;
scrollbar-darkshadow-Color:#000033;
font-size:14px;
                
}

.warning 
{

color: #cc0000;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #fe7b7a;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #fe7b7a;
background-color: #ffd6d6;
background-image: url(../images/status-alert.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 50%;
display: block;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 45px;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
}

.success 
{

color: #0055bb;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #629de3;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #629de3;
background-color: #d8e5f8;
background-image: url(../images/status-info.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 50%;
display: block;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 45px;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
}

.reply{
padding:10px;
}
.comment 
{

color: #b79000;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #fde179;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #fde179;
background-color: #fef6d8;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 50%;
display: block;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left:10px;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
}


.note 
{
width:90%;
color: #b79000;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #fde179;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #fde179;
background-color: #fef6d8;
background-image: url(../images/status-note.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 50%;
display: block;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 45px;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
}




a:link {
	text-decoration: none;
	font-size:12px;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}



#header
{
	width:974px;
	height:399px;
	margin:0 auto; 
	text-align:left;	
}

.colum
{
	
	
	float:left;
	margin-top:20px;
}

.colums
{
	
	margin-right:20px;
	margin-left:20px;
	float:left;
	margin-top:20px;
}
.columt
{
	
	margin-right:10px;
	float:left;
	margin-top:20px;
}



.box1{
width:449px;
margin-top:26px;margin-right:16px;
float:left;
}


.columbox1{

margin-bottom:20px;
float:left;
}

.box2{
width:90%;
padding-bottom:20px;

}



.lefttile{
float:left;
}



.righttile{
float:right;
}



.boxContent{
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
}



.boxContentSmall{
height:100px;
padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
}


.boxContentSmallHeader{

height:349px;
background-position:center;
background-repeat:no-repeat;
padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
line-height:14pt;
border-width:1px; border-style:solid;border-color:#000000;
}

.boxContentSmallbottom{
height:100px;

text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
}

.holderofthings
{
	float:left;
	margin-right:10px;

}

.boxContentSmallhome{
height:100px;
padding-top:10px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
}
.boxContentSmall2{
margin:0 auto; 
padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:10px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
overflow: auto;
margin-bottom:10px;


}

.boxContentSmall3{BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 14px; MARGIN: 0px auto 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 425px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 344px; TEXT-ALIGN: justify
}
/*.boxContentSmall3{
margin:0 auto; 
height:344px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
border-width:1px; border-style:solid;border-color:#000000;
width:425px;
margin-bottom:10px;


}*/



.picHolder
{
	margin:0 auto; 
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


.pager{
text-align:center;
clear:both;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:20px;
}



.pager a{
font-weight:bold;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.context{
width:120px;
float:left;
}

.pager a:visited{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}


.pager a:link{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}



.pager a:hover{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
font-weight:bold;
}


a{
font-weight:bold;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}


a:visited{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}
a:link{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}
a:hover{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
font-weight:bold;
}

.date{
text-align:center;

}
.title{
text-align:center;
background-color:#000000;
color:#FFFFFF;

}
.verticlemiddle
{
padding-top:10px;
height: 25px;
float:left;
}


html,  textarea
	{
	font-family:Tahoma;
	font-size:12px;
	line-height:1.333em;
	color:#000000;
	}

input{ 
border:1px solid #99bce5; background:#FFFFFF;  font-size:15px; color:#000; vertical-align:top;
}

.inputy, .selecty { vertical-align:middle; font-weight:normal; line-height:100px;}

#LoginForm {padding:10px 0 0 0;}
#LoginForm .title3 {margin-bottom:10px;}
#LoginForm .rowi { margin-bottom:10px; padding-left:10px;vertical-align:middle;}
#LoginForm .buttons {text-align:right;}
#LoginForm a {font-weight:bold; color:#164c8d; font-family:Arial; line-height:2.2em;}
#LoginForm .input {width:200px; height:18px; border:1px solid #99bce5; background:#FFFFFF; padding:5px; font-size:15px; color:#000;}
#LoginForm .inputa {width:200px; height:34px; border:1px solid #99bce5; background:#FFFFFF;  font-size:15px; color:#000; vertical-align:top}

.input2 {width:462px; vertical-align:top; height:280px; border:1px solid #99bce5; background:#FFFFFF; padding:0 0 0 5px; font-size:15px; color:#000;}


#SearchForm {border:1px solid #adc6e3; background:url(../images/form-bg.gif) top repeat-x; padding:22px; margin-top:38px;}
#SearchForm img {margin-bottom:11px;}
#SearchForm select {width:125px; border:1px solid #77a0d1; background:#77a0d1; font-size:1em; color:#fff; font-weight:bold; font-family:arial;}
textarea {width:193px; h?ight:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.centercontainer{
  margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  width:640px;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  text-align:justify;
  
}

.dailyDairyCenterContainer{
  margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  width:770px;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  text-align:justify;
  
}

.centercontainerLogin{
	  margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  width:449px;
  padding-top:10px;
  padding-bottom:10px;
   
  height:280px; 
  }


.centercontainerSmall{
	  margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  width:200px;
  padding-top:10px;
  padding-bottom:10px;
   text-align:justify;
}
.bigCentercontainer{
  margin-left: auto ;
  margin-right: auto ;
 padding:10px;
  width:728px;
  border-width:1px; border-style:solid;border-color:#000000;
  padding-bottom:10px;
  text-align:justify;
}
.bigC{
  margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  width:750px;
  
  padding-bottom:10px;
  text-align:justify;
}


#coolmenu{
border: 1px solid black;

background-color: #E6E6E6;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;

display: block;
width: 100%;
color: black;

border-bottom: 1px solid black;
}

#coolmenu a{
width: auto;
}

#coolmenu a:hover{
background-color: #131D26;
color: white;
}

#tabledescription{

color:#FFFFFF;
background-color:#131D26;
font-size:14px;
font-weight:bold;

height: 120px;
padding: 8px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

.bigCentercontainerleft{
  margin-left: auto ;
  margin-right: auto ;
  float:left;
  margin-top:30px;
  width:680px;
  border-width:1px; border-style:solid;border-color:#000000;
  padding-bottom:10px;
  text-align:justify;
}

.leftMenu
{
	 
  margin-left: auto ;
  margin-right: auto ;
  float:left;
  margin-top:30px;
  width:200px;
  
  padding-bottom:10px;
 
 
  margin-right:10px;
  margin-left:10px;

}
.commmentContainer
{
 
  margin-left: auto ;
  margin-right: auto ;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px;
  background-color:#F9F9F9;
  border-width:1px; border-style:solid;border-color:#000000;
  width:488px;
  text-align:justify;
}
.commmentContainer2
{
  margin-left: auto ;
  margin-right: auto ;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px;
  border-width:1px; border-style:solid;border-color:#000000;
  width:468px;
  text-align:justify;
  background-color:#99bce5; 
  background-image:url(../images/footettile.jpg);
  margin-bottom:10px;
  padding:10px;
  height:15px;
  color:#FFFFFF;
}
.commentBox
{
  margin-left: auto ;
  margin-right: auto ;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px;
  width:458px;
  text-align:justify;


}
.commentBox2
{
  margin-left: auto ;
  padding:10px;
  margin-right: auto ;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px;

  text-align:justify;


}
.box3{
background-color:#99bce5; 
 background-image:url(../images/footettile.jpg);
margin-bottom:10px;
padding:10px;
height:15px;
  color:#FFFFFF;
}

.bluebottom
{
background-color:#001E3C; 

margin-bottom:10px;
height:10px;
padding:5px;
  color:#FFFFFF;
}
.leftbox{
width:90px;
float:left;
font-size:14px;
text-align:left;
}

.rightbox{
padding-top:10px;
float:right;
font-size:10px;
text-align:left;
}

.rightbox2{

float:right;
font-size:14px;
text-align:left;
}

.rightbox a{
font-weight:bold;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}

.leftbox a{
font-weight:bold;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}

.leftbox a:visited{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
}
.leftbox a:link{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
}
.leftbox a:hover{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#99?000;
font-weight:bold;
}
 hr{
 color:#000033;
 }

.tabledata{

height:20px;
padding:10px;
font-size:12px;
font-weight:normal;

}

.seperator
{
float:left;
width:20px;
    margin-left: auto ;
    margin-right: auto ;
}
.thumbnailholder
{
	
	margin-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	border-width:1px; border-style:solid;border-color:#000000;
	text-align:center;
	margin-bottom:10px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;   
}

.thumbnailholderBlue
{
	width:100%;
	height:97px;
	background-color:#E6F0FB;
	float:left;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	text-align:center;
	margin-bottom:10px;
	background-position:center;
	background-repeat:no-repeat;

}



.latestnews
{
	width:100%;
	float:left;


}



.thumbnailholder2
{
	
	width:170px;
	text-align:center;

 
}

.boxtop{
height:36px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
background-image:url(../images/footettile.jpg);

}
.boxtopComment{
height:36px;
width:488px;
margin-left: auto ;
  margin-right: auto ;
  margin-top:30px;
  margin-bottom:30px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
background-image:url(../images/footettile.jpg);

}
#container
{
	width:974px;
	height:900px;	
	float:left;
	height:90%;
}

h1{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
line-height:normal;

}

.normaltext{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

.jutified{
text-align:justify;
}
.kahawat
{
font-size:14px;
font-weight:bold;
}
#container-2
{
width:807px;
padding-left:167px;

	
}

.col-1
{
	float:left;
	width:167px;
	padding:40px;
}
.col-2, .col-3 {float:left;}

#main { width:974px; margin:0 auto; text-align:left;}
#left {
width:974px;
height:399px;
margin:0 auto; text-align:left;
text-align:left;
height:auto; /* works only if parent container is assigned a height value */
color:#333;
background:#FFFFFF;
border-left: #121325 2px solid;
border-right: #121325 2px solid;
} 

.details
{
	background-color:#000000;
color:#FFFFFF;
padding:10px;
height:15px;

}

.modbox
{
	border: #000000 1px solid;
	padding:10px;
	text-align:justify;
	background-color:#FFFFFF;
}
#footer{
clear:both;
height:21px;
background:url(../images/footettile.jpg);
font-family:Arial, Helvetica, sans-serif;

font-size:10px;
color:#FFFFFF;
padding-top:8px;
}
.container {margin-bottom:20px;}

ul { list-style:none;}

.navigation
{
	width:167px;
	text-align:left;
	height:auto;
	float:left;
	background:#FFFFFF;
	border-right:1px solid #333;
}


ul li {
	
	font-family:arial;	
	text-align:left;
	background-repeat: no-repeat;
	text-align:left;
}

.textbox{
padding-left:190px;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-align:justify;
}
ul li a {color:#000033; line-height:2em; font-weight:bold;}

.link1 {background:url(../images/link1-bg.gif) top repeat-x; display:block; line-height:1.001em; padding:4px 12px 4px 14px; color:#FFFFFF; font-weight:bold; text-decoration:none; margin-top:15px; font-family:arial;text-align:center}
.link1:hover {background:url(../images/link1-bg.gif) top repeat-x; display:block; line-height:1.001em; padding:4px 12px 4px 14px; color:#FFFFFF; font-weight:bold; text-decoration:underline; margin-top:15px; font-family:arial;text-align:center}

.link3 {background:#fff; color:#3d8f0a; font-weight:bold; text-decoration:none; display:block; float:right; line-height:1.001em; padding:4px 10px 4px 14px; margin-top:12px; margin-bottom:12px; font-family:arial; border:1px solid #99bce5;}
.link3:hover {background:#e7f5ff;}


.date2{
text-align:left;
font-size:12px;
padding:10px;
font-size:10px;
}


.foot
{

padding-left:10px;
background:url(images/footettile.jpg);
font-family:Arial, Helvetica, sans-serif;

font-size:11px;
color?#FFFFFF;
float:left;
width:200px;

}

.footr
{

padding-left:10px;
background:url(images/footettile.jpg);
font-family:Arial, Helvetica, sans-serif;

font-size:11px;
color?#FFFFFF;
float:left;
width:300px;

}

.copyright
{
	float:right;
	
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:11px;
	color:#FFFFFF;
	padding-right:10px;
	width:100px;

}
.copyright a:link
{
	color:#FFFFFF;
}

.copyright a:active
{
	color:#FFFFFF;
}

.copyright a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

.showall
{
	float:right;
	padding:5px;
}

.whitelink:link
{
	font-color:#000000;
	
}

.whitelink:active
{
	font-color:#000000;
	
}

.whitelink:visited
{
	font-color:#000000;
	
}

.whitelink:hover
{
	font-color:#FFFFFF;
	text-decoration:underline;
	
}

.boxContentSmallHeaderMain{

background-position:center;
background-repeat:no-repeat;
padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px;
text-align:justify;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:16px;
border-width:1px; border-style:solid;border-color:#000000;
min-height:80px;
line-height:15pt;

}
* html .boxContentSmallHeaderMain { height:80px; }
.rightbox a:visited{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
}
.rightbox a:link{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
}
.rightbox a:hover{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
font-weight:bold;
}

.pilogo
{
float:right;
padding-right:10px;
width:86px;
height:23px;
margin-top:-5px;
background-image : url(../images/pilogodefault.jpg); 
background-repeat:no-repeat;
}
.pilogo:hover
{
background-image : url(../images/pilogohover.jpg);
cursor:pointer;
}


.showallcolor {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;background-color:#000033;color:#C1D5D1;
	background-image:url(../images/grb.jpg);margin-bottom:10px;margin-right:10px;
}

.showallLeft {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;background-color:#000033;color:#C1D5D1;
	background-image:url(../images/grb.jpg);
}


.showallLeft A:link
{
color:#FFFFFF;
}

.showallLeft A:hover
{
color:#FFFFFF;
text-decoration:underline;
}

.showallLeft A:active
{
color:#FFFFFF;
}

.showallLeft A:visited
{
color:#FFFFFF;
}


.showallcolor A:link
{
color:#FFFFFF;
}




.showallcolor A:hover
{
color:#FFFFFF;
text-decoration:underline;
}

.showallcolor A:active
{
color:#FFFFFF;
}

.showallcolor A:visited
{
color:#FFFFFF;
}



.whitelink:link {
	font-color: #000000
}
.whitelink:active {
	font-color: #000000
}
.whitelink:visited {
	font-color: #000000
}
.whitelink:hover {
	TEXT-DECORATION: underline; font-color: #FFFFFF
}
.boxContentSmallHeaderMain {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BACKGROUND-POSITION: center 50%; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 16px; MIN-HEIGHT: 80px; PADDING-BOTTOM: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; LINE-HEIGHT: 15pt; PADDING-TOP: 10px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify
}
 HTML .boxContentSmallHeaderMain {
	HEIGHT: 110px
}


.rightbox A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.rightbox A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.rightbox A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif
}



.smstext {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:20px;
	padding-bottom:10px;
	line-height:25px;
	height: 20px;
	float:left;
}














/* new css for news and send donation scroller*/


.colmask{
	width: 930px;
	left: 0%
}
.colmid{
	right: 0%
}
.colin{
	right: 0%
}
.colleft{
	right: 0%
}
/*.colmask{
	width: 930px;
	left: 0%
}
.colmid{
	right: 0%
}
.colin{
	right: 0%
}
.colleft{
	right: 100%
}*/
.col1{
	width: 44%;
	left: 5%
}
.col2{
	left: -44%;
	width: 47px;
}
.col3{
	left: 6px;
	width: 140px;
}
.col4{
	width: 324px;
	left: 6px
}
.footer{
   width: 100%;
   left: 0%
}
.header{
   clear: both;
   float: left;
   position: relative;
   border-bottom: #000 1px solid;
   background-color: #b4d2f7
}
.colmask{
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	margin-top: 20px;
}
.colmid{
	float: left;
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
}
.colin{
	float: left;
	width: 100%;
	position: relative;
	background-color: #f54f4f;
}
.colleft{
	float: left;
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
}
.col1{
	padding: 0px 0px 0em 0px;
	overflow: hidden;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;
}
.col2{
	padding: 0px 0px 0em 0px;
	overflow: hidden;
	float: left;
	position: relative;
	background-color: #FF0000;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 33px;
}
.col3{
	padding: 0px 0px 0em 0px;
	overflow: hidden;
	float: left;
	position: relative;
	background-color: #26384C;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 33px;
}
.col4{
	padding: 0px 0px 0em 0px;
	overflow: hidden;
	float: left;
	position: relative;
	background-color: #FFFFFF
}
.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
   background-color: #cdeb8b
}