/* CSS Document 
By Thusitha Randunuge
9th August 2009
People.LK Style Sheet
an Efusion creation 2009
*/
body
{
background-image:url(../images/bg.jpg);
background-color:#4E96BE;
font-size:1.0em;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
}
a
{
color:#0015B0;
text-decoration:none;
}
a:hover
{
color:#FF3300;
text-decoration:none;
}
#cls
{
clear:both;
overflow:hidden;
line-height:0;
}



#main
{
margin:0 auto;
width:820px;
}
#header
{
width:820px;
height:95px;
}
#header img
{
border:0;
}
.headerLogo
{
float:left;
width:330px;
}
.headerText
{
width:470px;
text-align:right;
color:#FFF;
font-size:80%;
float:left;
padding:70px 20px 0px 0px;
}
#mainHeaderImage
{
width:820px;
height:239px;
}
#mainHeaderAdd
{
width:820px;
height:100px;
background-color:#FFFFFF;
}
#navmenu
{
background-color:#FFFFFF;
padding:5px;
}

.myMenu {padding:0 0 0 32px; margin:0; list-style:none; height:25px; background:#fff url(../images/pro_eight_backx.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.myMenu li {float:left;}
.myMenu li a {display:block; float:left; height:25px; line-height:23px; background:url(../images/pro_eight_0x.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.myMenu li a b {float:left; display:block; padding:0 12px 0 0; background:url(../images/pro_eight_0x.gif) right top;}
.myMenu li.current a {color:#fff; background:url(../images/pro_eight_2x.gif);}
.myMenu li.current a b {background:url(../images/pro_eight_2x.gif) right top;}
.myMenu li a:hover {color:#000; background:url(../images/pro_eight_1x.gif);}
.myMenu li a:hover b {background:url(../images/pro_eight_1x.gif) right top;}
.myMenu li.current a:hover {color:#fff; background:url(../images/pro_eight_2x.gif); cursor:default;}
.myMenu li.current a:hover b {background:url(../images/pro_eight_2x.gif) right top;}

#banner
{
width:800px;
text-align:center;
background-color:#FFFFFF;
padding-top:5px;
padding-bottom:5px;
}
#content
{
width:820px;
background-color:#FFFFFF;
}

#left
{
float:left;
width:320px;
}

.leftTitle
{
width:300px;
margin-left:15px;
margin-top:10px;
}

.leftItem
{
width:300px;
margin-left:15px;
margin-top:10px;
}

.leftItemSearch
{
width:280px;
margin-left:15px;
margin-top:10px;
background-color:#8CC0DD;
text-align:center;
padding:10px;
border-bottom:7px solid #5B9FC4;
border-top:7px solid #5B9FC4;
margin-bottom:10px;
}

.leftItemMore
{
width:300px;
margin-left:15px;
margin-top:2px;
text-align:right;
font-size:80%;
}

.photoImg
{
border:10px solid #8CC0DD;
}
.photoImgTxt
{
width:290px;
margin-left:15px;
background-color:#5B9FC4;
color:#FFFFFF;
padding:5px;
text-align:center;
font-size:70%;
}

#newsList
{
width:300px;
margin-left:15px;
margin-top:10px;
font-size:70%;
text-align:justify;
}
#newsList li
{
list-style-position:outside;
list-style:none;
padding:3px;
margin-bottom:5px;
border-bottom:1px dotted #E39241;
}
#newsList img
{
float:left;
height:70px;
padding:2px;
border:1px solid #CCCCCC;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}


#mid
{
float:left;
background-color:#FFFFFF;
width:500px;
}

* html #mid
{
width:490px;
}

.midTitle
{
width:480px;
margin-left:10px;
margin-top:10px;
text-align:right;
padding-right:10px;
}

* html .midTitle
{
width:470px;
margin-left:10px;
margin-top:10px;
text-align:right;
padding-right:10px;
}
.midItem
{
width:480px;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}

* html .midItem
{
width:470px;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}
.midIcon
{
width:150px;
height:135px;
float:left;
margin:2px 5px 2px 5px;
text-align:center;
}

* html .midIcon
{
width:145px;
height:135px;
float:left;
margin:2px 5px 2px 5px;
text-align:center;
}
.midIcon img
{
border:0px;
}

.midItem li
{
list-style-position:outside;
list-style:none;
padding:5px;
margin-bottom:5px;
border-bottom:1px dotted #0074BA;
background-color:#D3E8F4;
font-size:80%;
}
.midItem p
{
font-weight:bold;
font-size:90%;
margin:0;
}
.midItem p b
{
font-weight:bold;
float:right;
font-size:90%;
}
.imgLeft
{
float:left;
padding:2px;
margin-right:5px;
margin-bottom:5px;
height:60px;
border:3px solid #0075BB;
}

#leftInside
{
float:left;
width:200px;
margin-top:10px;
}

#midInside
{
float:left;
width:620px;
margin-top:10px;
}

* html #midInside
{
float:left;
width:610px;
margin-top:10px;
}

.BradCmb
{
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
width:590px;
padding:5px;
height:20px;
background-image:url(../images/brad.gif);
color:#FFFFFF;
font-size:80%;
}

.BradCmb a
{
color:#FFFFFF;
}

.BradCmb a:hover
{
color:#000000;
}

.midInsideItem
{
margin-left:10px;
margin-right:10px;
width:600px;
}

.midInsideItem li
{
list-style-position:outside;
list-style:none;
margin-bottom:10px;
margin-top:5px;
border:1px solid #D3ECF9;
font-size:80%;
padding:5px;
}
.midInsideItem p
{
font-weight:bold;
font-size:120%;
margin:0 0 5px 0;
padding:5px 0 0 0; 
height:30px;
background:url(../images/title.gif) right top;
background-repeat:no-repeat;
}
.midInsideItem b
{
font-weight:bold;
margin:0 0 0 0;
padding:5px 5px 5px 10px;
height:20px;
background:url(../images/title.gif) left top;
width:100%
}

.showTitle
{
font-weight:bold;
font-size:120%;
margin:0 0 5px 0;
padding:5px 0 0 0; 
height:30px;
background:url(../images/title.gif) right top;
background-repeat:no-repeat;
}
.showTitle b
{
font-weight:bold;
margin:0 0 0 0;
padding:5px 5px 5px 10px;
height:20px;
background:url(../images/title.gif) left top;
width:100%
}

.showItem
{
margin-left:10px;
margin-right:10px;
width:590px;
padding:5px;
border:1px solid #D3ECF9;
}

* html .showItem
{
width:588px;
}

.showItem p
{
margin-top:0;
font-size:90%;
}

.imgLeftx
{
float:left;
padding:2px;
margin-right:5px;
margin-bottom:5px;
border:1px solid #CCC;
}

.pThumb
{
width:120px;
height:90px;
padding:5px;
float:left;
margin:5px;
text-align:center;
border:1px solid #CCCCCC;
}

.pThumb img
{
border:none;
}

#footLinks
{
width:810px;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-size:70%
}
#footer
{
width:820px;
margin-bottom:10px;
}

form
{
margin:0;
padding:0;
}
.frmText
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
width:180px;
height:20px;
line-height:20px;
}
.frmBut
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
width:65px;
height:30px;
}
