body {
background-color: #F8EAF3;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}

a:link {color: #DB7093;}
a:visited {color: #DB7093;}
a:hover {color: #DB7093;}
a:active {color: #DB7093;}

.topnav a:link    {color:#FFFFFF;
text-decoration: none;}
.topnav a:visited {color: #FFFFFF;
text-decoration: none;}
.topnav a:hover {color: #FFFFFF;
text-decoration: none;}
.topnav a:active {color: #FFFFFF;
text-decoration: none;}



h1 {
	font-size: 14px;
	background-color: #EC1F63;
	border-top:2px solid #F8EAF3;
	border-bottom:3px solid #F8EAF3;
	padding:5px 15px;
	margin:0px;
	text-align: center;
	color: #FFFFFF;
}
	
	
	
	

h2 {
font-size:15px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
	font-size:14px;
	font-weight: normal;
	padding: 10px 10px;
	margin:0px;
	font: Arial;
	
}


img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #F8EAF3;
padding: 0px;
margin: 0px; 

}

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 150px #EC1F63;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */ 

 } 

#inner{ margin:0px; width:100%; /* The ie/pc pecularity */ 


}

/* --------------left navi----------- */
#left {
 width:150px; 
 float:left; 
 position:relative; 
 margin-left:-150px; 
 margin-right:1px;
 border-left:1px solid #000000;
 background-color:#FFFFFF;
 border-top:1px solid #000000;
 z-index:1;
 border-right:1px solid #000000;


 }





/* -----------------content--------------------- */
#content{
	position: relative;
	margin: 0px;
	background-image: url(images/content_bg.gif);
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	z-index:0;
	
	
	
	


}

p{
padding: 0px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	padding:0px;
	margin:10 10;
	text-align: center;
	background-color: #6399D3;
	height: auto;
	color: #FFFFFF;
	text-align:center;
	border:1px solid #000000;
} 

.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 80px; /* Width of Menu Items */
	border: 10px solid #FFFFFF;
	background-color: #FFFFFF;
	z-index:1000;
	
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 100px; /*sub menu width*/
	top: 0;
	display:none;
	border: 2px solid #EC1F63;
	visibility: hidden;
	z-index:1000;

}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 3px 5px;
border: 1px solid #FFFFFF;
z-index:1000;



}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color:#EC1F63;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */