﻿body
{
	padding: 0px;
	margin: 0px;
	background: #AEAEAE;
}
a,
a:visited
{
color: blue;
}

a:hover
{
color: red;
}

#cont
{
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    /* background: url('images/top.gif') repeat-x top white; */
    background: white;
}

div.align
{
	position: relative;
    width: 880px;
    margin: 0 auto;
    padding: 0px;
}

div#content
{
	position: relative;
	float: left;
    width: 800px;
    margin: 0px;
    padding: 0px 40px 0px 40px;
    font-family: arial;
    font-size: 14px;
}

div#content ul
{
	margin: 10px 0 15px 0;	
	width: 400px;
}
div#content ul li
{
	margin: 5px 0 0px; 0;
	width: 400px;	
}

div#content ul li a,
div#content ul li a:visited
{
	color: navy;
	text-decoration:  none;
}

div#content ul li a:hover
{
	color: navy;
	font-weight: bold;
}

div#top_bg_left
{
	position: absolute;
	top: 0px; left: 0px;
	width: 50%;
	height: 217px;
	background: url('../images/top_left.jpg');
}

div#top_bg_right
{
	position: absolute;
	top: 0px; left: 50%;
	width: 50%;
	height: 217px;
	background: url('../images/top_right.jpg');
}

div#top
{
	position: relative;
	float: left;
	width: 880px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	background: url('../images/top_logo.jpg') no-repeat;
}

/* ############################################ */

div#bottom
{
	position: relative;
    float: left;
    width: 100%;
    height: 108px;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    background: url('../images/bottom.gif') repeat-x bottom;
}

div#bottom div
{
	position: relative;
    width: 880px;
    height: 108px;
    margin: 0 auto;
    padding: 0px;
    background: url('../images/bottom_bg.gif') no-repeat top;

}

div#bottom ul
{
	position: relative;
    float: left;
    width: 840px;
    padding: 0px 0px 0px 40px;
    margin: 20px 0px 0px 0px;
    list-style-type: none;
}

div#bottom ul li
{
	position: relative;
    float: left;
    width: auto;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    list-style-type: none;
    border-right: 1px solid #777777;
}

div#bottom ul li a
{
	position: relative;
    float: left;
    width: auto;
    padding: 0px;
    margin: 0px;
	color: #777777;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial;
}

div#bottom ul li a:hover,
div#bottom ul li.used a
{
	color: #5E39CA;
	background: url('../images/bot_menu_hover.gif') bottom repeat-x;
}

div#bottom p
{
	position: relative;
	float: left;
	width: 835px;
    padding: 0px 0px 0px 45px;
    margin: 20px 0px 0px 0px;
	color: #777777;
	font-size: 14px;
}

/* ############################################ */

div#top_menu
{
	position: relative;
	float: left;
	width: 800px;
	height: 37px;
	margin: 0px 0px 20px 0px;
	padding: 0px 40px 0px 40px;
	background: url('../images/top_menu.gif') repeat-x;
}

div#top_menu ul
{
	position: relative;
	float: left;
	width: 800px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#top_menu ul li
{
	position: relative;
	float: left;
	height: 37px;
	margin: 0px;
	padding: 0px;
}

div#top_menu ul li a
{
	position: relative;
	float: left;
	height: 25px;
	margin: 0px;
	padding: 12px 12px 0px 12px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

div#top_menu ul li a:hover
{
	color: #FFEC67;
}

div#top_menu ul li.used
{
	background: url('../images/top_menu_right.gif') no-repeat right;
}

div#top_menu ul li.used a,
div#top_menu ul li.used a:hover
{
	background: url('../images/top_menu_left.gif') no-repeat left bottom;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #4621B2;
}

/* ############################################ */

div.field
{
	position: relative;
	float: left;
	width: 458px;
	margin: 0px;
	padding: 0px;
	background: url('../images/field_bottom.gif') no-repeat bottom;
}

div.field div
{
	position: relative;
	float: left;
	width: 428px;
	margin: 0px;
	padding: 15px;
	background: url('../images/field_top.gif') no-repeat top;
}

div.field h1
{
	position: relative;
	float: left;
	width: 428px;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 32px;
	color: #532EBD;	
}

div.field h1 span
{
	font-family: Arial;
	font-size: 32px;
	color: black;	
}

div.field p
{
	position: relative;
	float: left;
	width: 428px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 14px;
	color: #2C2C2C;
	font-weight: normal;
	line-height: 150%;
	text-indent: 20px;
}

div.field p a
{
	font-family: Arial;
	font-size: 13px;
	color: #5E39CA;
	font-weight: bold;
}


/* ############################################ */


div.field2
{
	position: relative;
	float: right;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background: url('../images/field2_bottom.gif') no-repeat bottom;
}

div.field2 div
{
	position: relative;
	float: left;
	width: 270px;
	margin: 0px;
	padding: 15px 15px 15px 15px;
	background: url('../images/field2_top.gif') no-repeat top;
}

div.field2 h1
{
	position: relative;
	float: left;
	width: 270px;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 32px;
	color: #532FBD;	
}

div.field2 h1 span
{
	font-family: Arial;
	font-size: 32px;
	color: black;	
}

div.field2 label
{
	position: relative;
	float: left;
	width: 270px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: black;	
}

div.field2 input
{
	position: relative;
	float: left;
	width: 180px;
	height: 28px;
	margin: 0px 50px 0px 0px;
	padding: 10px 20px 0px 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: black;
	border: none;
	background: url('../images/login_input_bg.gif') no-repeat;
}

div.field2 input.check
{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: none;
}

div.field2 label.check
{
	position: relative;
	float: left;
	width: 240px;
	height: 20px;
	margin: 10px 0px 0px 10px;
	padding: 2px 0px 0px 0px;
	background: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

div.field2 span.button
{
	position: relative;
	float: left;
	height: 42px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	background: url('../images/button_left.gif') no-repeat 0px 0px;
}

div.field2 span.button button
{
	position: relative;
	float: left;
	height: 42px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	border: none;
	background: url('../images/button_right.gif') no-repeat top right;
	cursor: pointer;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: white;
}

/* ########################################## */

div.field2 ul
{
	position: relative;
	float: left;
	width: 260px;
	padding: 60px 0px 60px 0px;
	margin: 0px;
	list-style-type: none;
}

div.field2 ul li
{
	position: relative;
	float: left;
	width: 260px;
	padding: 0px;
	margin: 3px 0px 3px 0px;
}

div.field2 ul li a
{
	position: relative;
	float: left;
	width: 235px;
	height: 22px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #4E7600;
	text-decoration: none;
	background: url('../images/menu_arrow.gif') no-repeat 9px 5px;
}

div.field2 ul li.used a,
div.field2 ul li a:hover
{
	background: url('../images/menu_1level_hover.gif') no-repeat;
}

/* ########### */

div.field2 ul li ul.sub1,
div.field2 ul li ul.sub1 li,
div.field2 ul li ul.sub1 li ul.sub2
{
	padding: 0px;
	margin: 0px;
}

div.field2 ul li ul.sub1 li a
{
	width: 225px;
	height: 18px;
	padding: 6px 0px 0px 35px;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #323232;
	text-decoration: none;
	background: url('../images/menu_2level.gif') no-repeat 12px 0px;
}

div.field2 ul li ul.sub1 li.used a,
div.field2 ul li ul.sub1 li a:hover
{
	background: url('../images/menu_2level.gif') no-repeat 12px 0px;
	text-decoration: underline;
}

/* ########### */

div.field2 ul li ul.sub1 li ul.sub2 li a
{
	width: 210px;
	height: 18px;
	padding: 6px 0px 0px 50px;
	margin: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #7E7E7E;
	text-decoration: none;
	background: url('../images/menu_3level.gif') no-repeat 12px 0px;
}

div.field2 ul li ul.sub1 li ul.sub2 li.used a,
div.field2 ul li ul.sub1 li ul.sub2 li a:hover
{
	background: url('../images/menu_3level.gif') no-repeat 12px 0px;
	text-decoration: underline;
}
/* ####################################################### */


div#content2
{
	position: relative;
	float: left;
    width: 800px;
    margin: 0px;
    padding: 0px 40px 0px 40px;
    background: url('../images/content_top.gif') no-repeat 40px 0px;
}

div#content2 div.cont_ins
{
	position: relative;
	float: left;
    width: 760px;
    margin: 0px;
    padding: 20px;
    background: url('../images/content_bottom.gif') no-repeat bottom left;
}

div#content2 h1
{
	position: relative;
	float: left;
	width: 760px;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 32px;
	color: #532EBD;
}

div#content2 h1 span
{
	font-family: Arial;
	font-size: 32px;
	color: black;	
}
div.text p
{
	position: relative;
	float: left;
	width: 800px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 14px;
	color: #2C2C2C;
	font-weight: normal;
	line-height: 150%;
	text-indent: 20px;
}

/* ############################################ */


div#black_field
{
	position: relative;
	float: left;
	width: 384px;
	height: 123px;
	margin: 5px 0px 5px 0px;
	padding: 15px;
	background: url('../images/black_field.gif') no-repeat;
}

div#black_field h1
{
	position: relative;
	float: left;
	width: 384px;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 20px;
	color: white;	
}

div#black_field h1 span
{
	font-family: Arial;
	font-size: 20px;
	color: #FFEB67;	
}


div#black_field ul
{
	position: relative;
	float: left;
	width: 384px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

div#black_field ul li
{
	position: relative;
	float: left;
	width: 384px;
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url('../images/arrow.gif') no-repeat 0px 3px;
}

div#black_field ul li a
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFEB67;
}

