@charset "utf-8";

/* general style */

h2, h3 {
	text-align: center;
}

/* style for the body */
body  {
	font: 100% , Arial, Helvetica, sans-serif;
	background: url(images/depac_background.jpg) fixed;
	background-repeat: repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

/*  style for #container  */
body #container { 
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; 
} 

/*  style for #header  */
body #header { 
	background: #FFF; 
	padding: 0 10px 0 50px;  
} 
body #header h1 {
	margin: 0; 
	padding: 10px 0; 
	color: #FFF;
}

/*  style for #siderbar  */
body #sidebar {
	float: left; 
	width: 130px; 
	background: #FFF; 
	padding: 7px 10px 15px 20px;
}

/*  style for horiztalbar  */
body #horizontalbar1 {
	margin: 1px 0 0 0;
	padding: 0 0 39px 0px;
	
} 

body #horizontalbar2 {
	margin: 0px 0 0 0;
	padding: 0 0px 39px 225px; 
}

/*  style for #mainContent*/
body #mainContent {
	margin: 0 0 0 150px; 
	padding: 1px 40px 0 20px; 
	color: #000;
} 

/* style for #footer */
body #footer { 
	padding: 0 10px 0 20px; 
	background:#FFF; 
} 
body #footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* style for the links in sidebar */
#sidebar a {
	display: block;
	height: 26px;
	width: 123px;
	text-align: center;
	padding-top: 7px; 
	background: url(images/btn_dark.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
	
}

#sidebar a:hover {
	background-image: url(images/btn_dark.jpg);
	color: #C06;
}
#sidebar a:active {
	background-image: url(images/btn_dark.jpg);
	color: #306;
	}

/* style for the links in horizontalbar  */

#main #horizontalbar1 a {
	display: inline;
	height: 26px;
	width: 123px;
	text-align: center;
	padding-top: 7px; 
	background: url(images/btn_dark.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin: 5px 5px 1px 20px;
	float: left;
}

#main #horizontalbar1 a:hover {
	background-image: url(images/btn_dark.jpg);
	text-decoration:none;
	color: #C06;
}
#main #horizontalbar1 a:active {
	background-image: url(images/btn_dark.jpg);
	text-decoration: none;
	color: #306;
	}

/*  style for the links in horizontalbar2   */
#main #horizontalbar2 a {
	display: inline;
	height: 26px;
	width: 123px;
	text-align: center;
	padding-top: 7px; 
	background: url(images/btn_dark.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin: 1px 5px 5px 20px;
	float: left;
}

#main #horizontalbar2 a:hover {
	background-image: url(images/btn_dark.jpg);
	text-decoration: none;
	color: #C06;
}
#main #horizontalbar2 a:active {
	background-image: url(images/btn_dark.jpg);	
	text-decoration: none;
	color: #306;
	}

/* style for the links in #main */
#main a:link {
	text-decoration: none;
}
#main a:visited {
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}
#main a:active {
	text-decoration: none;
}
#main .indentlist {
	list-style-type: none;
}