﻿
/* This is a comment */
/* top-right-bottom-left */

body {
margin: 0px 0px 0px 0px; 
marginwidth=0px; 
marginheight=0px;
background-color: white;
color: black;
}


p {

font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #4d4d4d;
text-indent: 0px
font-weight: normal;
margin:10px 0px 10px 0px;
}


a:link {background: none; color: #1267A7; text-decoration: none; cursor: pointer;}
a:visited {background: none; color: #1267A7; text-decoration: none; cursor: pointer;}
a:hover {background: none; color: #1267A7; text-decoration: underline; cursor: pointer;font-weight:bold;}
a:active { background: none; color: #1267A7; background: none; cursor: pointer;}

img {
display:block;
border: 0px;
margin: 0px;
}


ul.list1{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
background-color: transparent;
color: #4d4d4d;
text-indent: 0px;
font-weight: normal;
list-style-type: none;
list-style-position:outside;
list-style-image: url(images/bullet02.gif);
margin:10px 0px 0px 30px;
padding-left:0px;
}

.list1 li{
padding-left:5px;
padding-bottom: 5px;
}


ul.list2{ 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
background-color: transparent;
color:  #129818;
text-indent: 0px;
padding-left:0px;
margin:10px 0px 0px 0px;
font-weight: bold;
list-style-type: none;
list-style-position:inside;
list-style-image: url(images/bullet02.gif);
}

.list2 li{
padding-left:5px;
}

.list2 P{
font-weight: normal;
padding-left:10px;
}


ul.list3{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
background-color: transparent;
color: #4d4d4d;
text-indent: 0px;
font-weight: normal;
list-style-type: none;
list-style-position:outside;
list-style-image: url(images/indir.gif);
margin:10px 0px 0px 50px; 
padding:0px;
}

.list3 li{
padding-left:10px;
}


.genbox {
positon:relative;
align:center;
width: 970px;
height: auto;
border: 1px solid #A3C418;
margin: auto;
padding: 5px;
background: #D5FDDB;
color:  black;
}


.hdrbox {
width: 970px;
height: 130px; 
border: 0px;
padding: 0px;
position: relative;
left:0px;
top:0px;
float:top;
background: url(images/hdr-bg.jpg) no-repeat;
}


.menu {
padding: 0px;
margin: 0px 0px 0px 0px;
border: 0px;
list-style: none;
height: 32px;
width: 970px;
position: relative;
top: 1x;
left: 0px;        
float: left;
background-color: #2DAED6;
background: url(images/menu_normal.jpg) repeat-x;
}


.menu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
list-style-type: none;
}

.menu li {
float: left;
height: 32px;
}


.menu li a:link, .menu li a:visited {
display: block;
float: left;
height: 32px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #D5FDDB;
text-decoration:none;
text-align:center;
padding: 7px 33px 0px 33px;
}


.menu li a:hover {
display: block;
float: left;
height: 32px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: white;
text-decoration:none;
text-align:center;
padding: 7px 33px 0px 33px;
background: url(images/menu_hover.jpg) repeat-x;
}


.menu li.current a:link, .menu li.current a:visited {
display: block;
float: left;
height: 32px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: yellow;
text-decoration:none;
text-align:center;
padding: 7px 33px 0px 33px;
background: url(images/menu_normal.jpg) repeat-x;
}


.menu li.current a:hover {
display: block;
float: left;
height: 32px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: white;
text-decoration:none;
text-align:center;
padding: 7px 33px 0px 33px;
background: url(images/menu_hover.jpg) repeat-x;
}


.leftbox {
display:block;
position: relative;
float:left;
width: 200px;
height: auto;
border: 1px solid #A3C418;   
margin: 0px 0px 0px 0px;
padding: 5px;
top: 3px;
text-align:left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
font-weight:normal; 
background: url(images/side-bg.jpg) repeat-y;
color: #4d4d4d;
}

.leftbox ul {	
margin: 0px 0px 0px 0px;
padding: 0px;
border-top: 1px solid #A3C418;
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height:18px;
font-weight:normal;
list-style-type: none;
}


.leftbox li {
padding: 0;
margin: 0px;
border-bottom: 1px solid #A3C418;
font-weight: normal;	
}

.leftbox li a {
display: block;
padding: 3px 10px;
text-decoration: none;
font-weight: normal;
color: #4d4d4d;
}

.leftbox li a:visited{
display: block;
padding: 3px 10px;
text-decoration: none;
font-weight: normal;
color: #4d4d4d;
}

.leftbox li a:hover{
background: #60ACDE;
color: #D5FDDB;
font-weight: bold
}

.leftbox li a.selected{ 
display: block;
padding: 3px 10px;
text-decoration: none;
color: #04A1CE;
font-weight: bold;
}

.leftbox li a.selected:hover{ 
display: block;
padding: 3px 10px;
text-decoration: none;
color: #D5FDDB;
font-weight: normal;
}


.leftbox h2 {	
height:24px;
margin: 0px;
padding: 0px;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height:18px;
font-weight: bold;
background: url(images/head-side.jpg) bottom repeat-x;	
color:  #1267A7;
}


#rwrap {
width: 756px;     
height: auto;
position: relative;
top: 0px;
left: 0px;
float:right;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;

}

#midbox {
width: 490px;                /*rbox prb>>486px */
height: 100%;
border: 1px solid #A3C418;
position: relative;
margin: 0px 0px 0px 0px;
top: 3px;
left: 0px;
float:left;
padding: 5px;
text-indent: 0px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
background: url(images/mid-bg.jpg) repeat-y;
color: #4d4d4d;
}

#midbox img {
display:block;
text-indent: 0px;
margin:0px;
}




#midbox h2 {
display: block;
margin: 0px 0px 0px 0px;
padding-left: 5px;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
line-height: 24px;
text-align: left;
background: url(images/head-mid.jpg) no-repeat;
color: #1267A7;
}


#rightbox {
display:block;
width: 240px;
height: 100%;
border: 1px solid #A3C418;
position: relative;
margin: 0px 0px 0px 0px;
top: 3px;
left:0px;
float:right;
padding: 5px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
background: url(images/side-bg.jpg) repeat-y;
color: #4d4d4d;
}


#rightbox h2 {	
height:24px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height:18px;
font-weight: bold;
background: url(images/head-side.jpg) bottom repeat-x;	
color: #1267A7;
}

.footer {
padding: 0px;
margin: 0px 0px 0px 0px;
border: 0px;
list-style: none;
height: 20px;
width: 970px;
position: relative;
left: 0px;
top: 5px;
padding-bottom:2px;
float: left;
background: url(images/footer.jpg) repeat-x;
/*background-color:#2EB0D4;*/
color: black;
text-decoration:none;
text-align:center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
text-indent: 0px
font-weight: normal;

}



div.transbox
{
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: yellow;
  border: 1px solid black;
  filter:alpha(opacity=40);
  opacity:0.4;
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}

