@charset "utf-8";
/* CSS Document */

/* reset css */

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;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
}


/* typography.css
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #333; 
  background: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333; }

h1 { font-size: 1em; line-height: 1; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; color:#fcba63; color: #9e0b0f; font-weight:bold;}
h3 { font-size: 1.2em; line-height: 1.4; font-weight: bold; }
h4 { font-size: 0.9em; line-height: 2; color: #fff; }
h5 { font-size: 0.9em; line-height: 35px ; color: #666;}
h6 { font-size: 0.9em; line-height:1.4; color:#aaa; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p, ol, ul	{font-family: Arial, Helvetica, sans-serif; line-height:16px;}

a:focus, 
a:hover     { color: #9e0b0f; text-decoration: underline; border: 0; margin:0; padding:0;}
a           { color: #9e0b0f; text-decoration: none; border:0; margin:0; padding:0;}

a.language:focus, 
a.language:hover     { color: #9e0b0f; text-decoration: underline; border: 0; margin:0; padding:0;}
a.language   { color: #9e0b0f; text-decoration: none; border:0; margin:0; padding:0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.current	{color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

a.more:focus, 
a.more:hover     {text-decoration: none;}
a.more   { color: #9e0b0f; text-decoration: underline; font-size:10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}

a.footer	{color: #999; text-decoration:none; font-size:10px; font-weight:normal;font-family: Arial, Helvetica, sans-serif;}
a.footer:focus, a.footer:hover {text-decoration:underline;}

/* DIV 
---------------------------------------------------------------*/

#language	{text-align: right; height: 20px;}
#container 	{width: 960px; margin:0 auto; padding:0;}
#logo	{width: 220px; background:url(../images/topbanner_01.jpg) no-repeat; height: 130px; margin:0; padding:0; float:left; background-color:#9e0b0f;}
#logo a	{width: 220px; height:130px; display:block; text-indent:-9999px;}
#topbanner	{width:740px; background:url(../images/topbanner_02.jpg) no-repeat; height:130px; float:right; margin:0; padding:0;background-color:#9e0b0f;}
#topbanner a	{width:740px; height:130px; display:block; text-indent:-9999px;}
#topimage	{width: 960px; height:260px;}
#content	{width: 100%; margin-top:20px; background-image: url(../images/spliter.jpg); background-repeat:repeat-y; background-position: 220px;}
#sidenav	{width: 210px; float:left; margin-left:10px; margin-top:20px;}
#sidenav ul li	{font-size:18px;}
#copy		{width:460px; float:left; padding-left:20px; }
#copy2		{width: 710px; float:right; padding-left:20px; }
#copy ol	{margin-left:20px; list-style:outside;list-style-type:decimal; }
#copy ol li	{padding-bottom: 5px; list-style:inside; list-style-position:outside; list-style-type:decimal; }
#copy ul	{margin-left: 20px;}
#rightcol	{width: 240px; float:right;}
#registration	{background:url(../images/bg_registration.jpg) no-repeat; width:238px; height:197px;}
#registration p{padding: 10px;}
#registration img	{margin: 3px 20px;}
#footer 		{margin-top:10px; border-top:1px solid #999; padding-top:10px; font-size:10px; color:#999; line-height:16px; font-family:Arial, Helvetica, sans-serif;}

/* Style
---------------------------------------------------------------*/
tr		{line-height: 25px; font-family: Arial, Helvetica, sans-serif;}
.margintop	{margin-top:30px;}

.borderbottom	{border-bottom: 1px solid #aaa;}
.borderbottom_red	{border-bottom: 1px solid #9e0b0f;}
.borderleft		{border-left:1px solid #aaa;}
.borderleft_red		{border-left:1px solid #9e0b0f;}
.borderright_red 	{border-right:1px solid #9e0b0f;}
.lighttext		{color:#fff; font-weight:bold;}

.flower		{text-align:center; vertical-align:top;}

/* Drop Down */
#nav {
	background-color: #fff;
	background-image: url(../images/bg_nav.jpg);
	background-repeat: repeat-x;
	width:960px;
	text-align:right;
	border: 0;
	margin: 0; 
	padding: 0;
}

#menubar, #menubar ul {
	padding: 0;
	margin: 0 20px 0 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#menubar {float:right;}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. The border right creates a
separator between links. Font-size is set here and will apply to all menu levels.
Font color is set to light gray.
*/
#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 14px;
	color: #fff;
}
/*
Class assigned to those Root-Level links that have associated Sub-Menus.
The top and bottom padding assigned this element must be the same as
that assigned to the menubar a element. The right padding is increased
to accomodate the display of background image depicting a downward
pointing arrow.
*/
/*
The Root-Level list items. Floating left allows
them to appear horizontally. Width is for IE5 Mac. The last rule in
this style sheet will set the width for this element to auto for all
other browsers - hiding it from IE5 Mac. The width is proportional.
As you add and edit root menu items, you will need to test this width
to ensure it is wide enough to accomodate all text.
*/
#menubar li {
	float: left;
	width: 9em;
	font-weight:bold;
	margin: 0px;
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#menubar li ul , #menubar ul li {
	width: 20em;
	font-size: 11px;
		/* for IE */
   filter:alpha(opacity=80);
    /* CSS3 standard */
   opacity:0.8;
   float:left;
}

#menubar li ul a, #menubar ul li a{
	font-size: 11px;
	float:left;
}
/*
The sub-menu links. We set color and turn off the right border, which
would otherwise be inherited from the root link rule. We set top and 
bottom padding less than the root items and increas the left padding
to indent the sub-menu links a small amount in from the root links.
*/
#menubar ul li a  {
	color: #a60b1c;
	border-right: 0;
	padding: 3px 10px 3px 12px;
}
#menubar li {width: auto;}

#menubar div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	/*border: 1px solid #5970B2;*/
	filter:alpha(opacity=80);
    /* CSS3 standard */
   	opacity:0.8}

	#menubar div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #000;
		font: 11px Georgia, "Times New Roman", Times, serif;
		filter:alpha(opacity=80);
    	/* CSS3 standard */
   		opacity:0.8;
		border-bottom: 1px dotted #999;}
		
	#menubar div a:hover
	{	background:#a60b1c;
		color: #FFF;}


/* Drop Down */

#sidenav ul li	{ line-height:25px; background: url(../images/bullet.jpg) no-repeat; padding-left: 30px; font-size:14px; font-weight:bold;}

#sidenav a {color: #666;}
#sidenav a:hover, #sidenav a:focus {color:#9e0b0f; text-decoration:none;}

/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. The border right creates a
separator between links. Font-size is set here and will apply to all menu levels.
Font color is set to light gray.
*/

/*#sidebar a {
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 14px;
	color: #fff;
}
/*
Class assigned to those Root-Level links that have associated Sub-Menus.
The top and bottom padding assigned this element must be the same as
that assigned to the sidebar a element. The right padding is increased
to accomodate the display of background image depicting a downward
pointing arrow.
*/
/*
The Root-Level list items. Floating left allows
them to appear horizontally. Width is for IE5 Mac. The last rule in
this style sheet will set the width for this element to auto for all
other browsers - hiding it from IE5 Mac. The width is proportional.
As you add and edit root menu items, you will need to test this width
to ensure it is wide enough to accomodate all text.
*/
#sidebar li {
	float: left;
	width: 9em;
	font-weight:bold;
	margin: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#sidebar li ul , #sidebar ul li {
	font-size: 11px;
		/* for IE */
   filter:alpha(opacity=80);
    /* CSS3 standard */
   opacity:0.8;
   float:left;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar li ul a, #sidebar ul li a{
	font-size: 11px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*
The sub-menu links. We set color and turn off the right border, which
would otherwise be inherited from the root link rule. We set top and 
bottom padding less than the root items and increas the left padding
to indent the sub-menu links a small amount in from the root links.
*/
#sidebar ul li a  {
	color: #a60b1c;
	border-right: 0;
	padding: 3px 10px 3px 12px;
}
#sidebar li {width: auto;}

#sidebar div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	/*border: 1px solid #5970B2;*/
	filter:alpha(opacity=80);
    /* CSS3 standard */
   	opacity:0.8;
	font-family:Georgia, "Times New Roman", Times, serif;}

	#sidebar div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #000;
		font: 11px Georgia, "Times New Roman", Times, serif;
		filter:alpha(opacity=80);
    	/* CSS3 standard */
   		opacity:0.8;
		border-bottom: 1px dotted #999;}
		
	#sidebar div a:hover
	{	background:#a60b1c;
		color: #FFF;}

/*-----------------------MooTool ----------------------------------*/

#m5, #m4, #m3, #m2, #m1, #m6, #m7, #m8, #m9, #m10, #m11, #m12, #m13, #m14, #m15, #m16, #m17, #m18, #m19, #m20, #m21, #m22, #m23, #m24, #m25 {
	color: #333;
	padding: 10px;
	margin: 0px;
}
 
.faq {
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	}