/* CSS Document */

body
{
margin:0px;
background:url(images/page-bg.jpg) repeat-x #ffffff;
}

img, div { behavior: url(iepngfix.htc) }

#page
{
width:997px;
margin:0 auto;
background-color:#FFFFFF;
}

/* =============================================== Common classes Start ==============================*/

.fullWidth{width:100%;}
.fullHeight{width:100%;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.rowspacer{height:10px;}

/* =============================================== header classes Start ==============================*/

#header
{
width:997px;
}

#logo
{
width:275px;
}

#topflash
{
width:722px;
height:100px;
}

#menu
{
width:997px;
background:url(images/menu-bg.jpg) repeat-x;
}

#menutab1
{
width:91px;
margin-right:22px;
}

#menutab2
{
width:94px;
margin-right:45px;
}

#menutab3
{
width:98px;
margin-right:45px;
}

#menutab4
{
width:97px;
margin-right:45px;
}

#menutab5
{
width:154px;
margin-right:45px;
}

#menutab6
{
width:88px;
margin-right:45px;
}

/*#menutab7
{
width:193px;
}*/

#menutab8
{
width:109px;
margin-right:45px;
}

#menutab9
{
width:103px;
}
	
#flash-header
{
width:997px;
height:215px;
}

#green-box
{
width:125px;
height:215px;
background:url(images/portion.jpg) no-repeat;
}

#bluebar
{
width:997px;
height:22px;
background:url(images/blue-flashbg.jpg) repeat-x;
}

/* =============================================== mid classes Start ==============================*/

#midpart
{
width:997px;
}

#mid-layer
{
width:997px;
background:url(images/mid-bg.jpg) repeat-x #ffffff;
padding-top:5px;
}

#leftpart
{
width:285px;
}

#container
{
width:712px;
}

/* =============================================== left classes Start ==============================*/

#left-box1
{
width:285px;
height:auto;
background:url(images/left-bg1.jpg) repeat-x #FBFBFB;
}

#Lbox1-img
{
width:172px;
padding-left:5px;
}

#Lbox1-cont
{
width:99px;

}

#left-box2
{
width:285px;
height:auto;
background:url(images/left-bg2.jpg) repeat-x #ffffff;
}

/* =============================================== container classes Start ==============================*/

#container-layer
{
width:692px;
margin:0 auto;
}

#incont-layer
{
width:692px;
margin-left:5px;
}

#welcome
{
width:490px;
height:250px;
padding-left:10px;
}

#welcome-img
{
width:182px;
}

#welcome-content
{
width:298px;
}

#graph
{
width:170px;
height:214px;
}

.mid-commonbox
{
width:340px;
height:auto;
background:url(images/mid-commonbg.jpg) repeat-x #ffffff;
}

.commonbox-content
{
width:320px;
margin:0 auto;
}

#logosbox
{
width:682px;
/*border:2px dotted #333333;*/
padding:5px;
}

/* =============================================== footer classes Start ==============================*/

#footer
{
width:997px;
}

#foot-layer
{
width:992px;
height:16px;
background:url(images/foot-bg.jpg) repeat-x;
padding:5px 0px 0px 5px;
}

#footcont1
{
width:750px;
}

#footcont2
{
width:205px;
}

/* =============================================== text classes Start ==============================*/

.black-normal
{
font:normal 11px Arial;
color:#000000;
}

.gernaltext
{
font:normal 11px Arial;
color:#000000;
}

.gray-normal
{
font:normal 11px Arial;
color:#444444;
}

.white-normal
{
font:normal 11px Arial;
color:#ffffff;
}

.whitebigh1
{
font:bold 18px "Trebuchet MS";
color:#ffffff;
text-transform:uppercase;
}

.bluemidh1
{
font:bold 11px Arial;
color:#21487C;
}

.bluemidh2
{
font:bold 12px Arial;
color:#21487C;
}

.bluetext1
{
font:normal 11px Arial;
color:#21487C;
}

.link1:link,.link1:visited,.link1:active
{
font:normal 11px Arial;
color:#20477C;
text-decoration:underline;
}
.link1:hover
{
font:normal 11px Arial;
color:#20477C;
text-decoration:none;
}

.whitelink:link,.whitelink:visited,.whitelink:active
{
font:normal 11px Arial;
color:#ffffff;
text-decoration:none;
}
.whitelink:hover
{
font:normal 11px Arial;
color:#ffffff;
text-decoration:underline;
}

h1
{
font:bold 1.8em Arial;
color:#21487C;
margin:0px;
}

.filds
{
width:170px;
border:1px solid #333333;
}

.newfilds
{
width:272px;
border:1px solid #333333;
}

.newfilds1
{
width:220px;
border:1px solid #333333;
}

.graybold
{
font:bold 11px Arial;
color:#444444;
}

.grayitalic
{
font:italic 11px Arial;
color:#21487C;
}

.redmidh1
{
font:bold 11px Arial;
color:#ff0000;
}

/* =============================================== mew middle classes Start ==============================*/

#new-container
{
width:585px;
}

#newmid-layer
{
width:572px;
margin-left:5px;
}

#new-logosbox
{
width:562px;
/*border:2px dotted #333333;*/
padding:5px;
}

#new-leftpart
{
width:412px;
}

#newleft-box2
{
width:412px;
height:auto;
background:url(images/left-bg2.jpg) repeat-x #ffffff;
}

.ul_lirec
{
	margin:5px 0px 15px 15px;
	padding:0px;
}

.ul_lirec h2 {
-x-system-font:none;
/*border-bottom:1px solid #E6E6E6;*/
color:#21487C;
font-family:Arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:22px;
margin:0px;
padding:0px;
}

.ul_lirec li 
{
	font:normal 11px/18px Arial;
	color: #000000;
	vertical-align: top;
	display: list-item;
	margin-bottom: 3px;
	padding-bottom:3px;
	list-style-position: outside;
	text-align: justify;
	list-style-image: url(images/bullet_2.gif);
	list-style-position:top;
	/*border-bottom:1px dashed #DCDCDC;*/
}

.ul_lirec li a
{
	font:normal 11px/19px Arial;
	color:#000000;
	text-decoration:underline;
}
.ul_lirec li a:hover
{
	color:#000000;
	text-decoration:none;
}

#iconbox
{
width:402px;
border:1px solid #000000;
background-color:#747474;
padding:4px;
}