/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
background-image:url(../images/asterix_01.jpg);
color: #000;
margin: 20px auto;
padding: 0;
scrollbar-arrow-color: #000;
scrollbar-track-color: #000;
scrollbar-highlight-color: #f1b936;
scrollbar-shadow-color: #777;
scrollbar-darkshadow-color: #333;
scrollbar-3dlight-color: #0000;
scrollbar-base-color: #f1b936;
scrollbar-face-color: #f1b936;
font-family:Geneva, Arial, Helvetica, sans-serif;

}

p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
	
}

P.top_heading {
	color:#CC0000;
	padding:9px 35px 0 0;
	margin:0;
	font-size:17px;
	font-weight:700;
	text-align:center;
}
h1 {
	font-size:28px;
	color:#fdc84f;
	text-align:center;
}
h2 {
	font-size:18px;
	color:#fdc84f;
	text-align:center;
}
ul {
padding-left:100px;
}
ul li {
	color:#FFFFFF;
	text-align:left;
	list-style-type: square ;
	
}
a {
	text-decoration:none;
	color:#000000;
}
.sub {
	min-width:25%;
	float:right;
	padding:0.5em;
	margin:1em 1em 1em 1em;
	border:1px solid #FFF;		
}
#wraper_top {
	width:714px;
	height:106px;
	background-image:url(../images/asterix_03.jpg);
}
#wraper_bottom {
	width:714px;
	height:44px;
	background-image:url(../images/asterix_08.jpg);
}

#side_baner_left {
	width:22px;
	height:83px;
	background-image:url(../images/asterix_05.jpg);
	float:left;
}

#side_baner_center {
	width:357px;
	height:83px;
	background-color:#888;
	float:left;
}

#side_baner_right {
	width:335px;
	height:83px;
	background-image:url(../images/asterix_07.jpg);
	float:left;
}
#side_baner_bottom {
	width:714px;
	height:45px;
	background-image:url(../images/asterix_08.jpg);
	float:left;

}
#left_side_menu {
	width:19px;
	height:453px;
	float:left;
	background-image:url(../images/asterix_09.jpg);
	display:inline;
	margin:0;
	border:0;
	padding:0;
}
#right_side_menu {
	width:45px;
	height:453px;
	float:left;
	background-image:url(../images/asterix_11.jpg);
	display:inline;
	
}
#right_side_line {
	width:29px;
	height:453px;
	float:left;
	background-image:url(../images/asterix_13.jpg);
	display:inline;
	
}
#top_heading {
	width:465px;
	height:38px;
	background-image:url(../images/asterix_12.jpg);
	background-repeat:no-repeat;
	display:block;
}
#bottom_heading {
	width:465px;
	height:39px;
	background-image:url(../images/asterix_26.jpg);
	background-repeat:no-repeat;
	display:block;
}
#content_line_top {
	background-image:url(../images/asterix_15.jpg);
	height:5px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	line-height:0;
}
#content_line_bottom {
	background-image:url(../images/asterix_25.jpg);
	width:465px;
	height:4px;
	background-repeat:no-repeat;
	display:block;
}
#heading_line_bottom {
	background-image:url(../images/asterix_27.jpg);
	width:465px;
	height:24px;
	background-repeat:no-repeat;
	display:block;
}
#content_main {
	padding:5px;
	height:333px;
	background-color:#888;
	overflow:auto;
	display:block;
}
.menu {
	float:left;
	display:block;
	width:156px;
}
.container {
	width:714px;
	border:1px solid #f2b936;
	margin:0 auto;
}
#examples {text-align: center;}
#examples img {
	border:1px dotted #f2b936;
	margin:10px;
	padding:10px;
	height:100px;
	
}

#info{
	border-top:1px dotted #fdc84f;
	width:714px;
	margin:10px auto;
}

#info p {
	color:#fdc84f;
	font-size:12px;
	text-align:center;
}
#info a{
	text-decoration:underline;
	color:#fdc84f;
}
#menuLeft {
width:156px;
float:left;
}

#menuLeft img {
display:block;
border:0;
margin:0;
padding:0;
}
#menuLeft a img {
display:block;
border:0;
margin:0;
padding:0;
}