/***** 1. RESET ******/
@charset "UTF-8";

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,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	background: transparent;
}

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

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

hr{
	width:100px; 
	text-align:center;
	margin:0 auto;
	/*color:#ececec;*/
}
/***** 2. GENERAL STYLES ******/

body {
	font : normal 12px Tahoma, Helvetica, sans-serif;
	color : #000000;
	margin : 0;
	padding : 0;
	background: #fff;	
}

p { margin : 0;padding : 0; text-align:justify; line-height:1.2em;}
a:visited, a:link {color : #285cff;text-decoration : none;background:none;}
a:hover {color : #c52a2a;text-decoration : none;background:none;}

h1 { color : #fff; padding: 5px; font-size: 14px; height: 34px; background: transparent url("../images/bg_h1.png") repeat-x; }
h2 { color : #c52a2a; font-size: 13px;font-style: normal;}
h3 {color : #285cff;margin : 10px 0;padding-bottom : 5px;font : bold 13px;border-bottom : 1px solid #c52a2a;}
h4 {color : #285cff;margin : 5px 0;padding-bottom : 5px;font : bold 12px ;}


br.Clearline, 
div.Clearline {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 0px;
}
/*** Layout ****/

div#Container {
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	margin: 0 auto; /* Centers the design, not in IE5 */
	width: 678px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 0px;	
		background: #fff;	
}


* html div#Container {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#header{height:50px;width: 678px; float:left; background:url(../images/header.png) no-repeat; display:block; clear:both;}
#header a{height:50px;width: 678px;display:block;}

#Top {width: 678px; float: left; height: 212px; background:url(../images/bg_top.jpg) no-repeat;}

#topmenu{width: 450px; float:left;}
#topmenu ul{margin: 0px; padding: 3px 20px;	}
#topmenu li { margin: 4px; list-style: none; }
#topmenu li a{
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left:10px;
}
#topmenu li a:hover{
	color: #c52a2a;
}

#logo{height:200px;width: 202px; margin-right: 18px;float:right; background:url(../images/logo.jpg) no-repeat;}
#logo a{height:200px;width: 202px;display:block;}

#main-content {margin : 0; padding: 5; }

#line_sm {float: left; width: 300px; height: 5px; background: url("../images/bg_line.png") repeat-x; margin: 10px 0;}
#line_lg {float: left; width: 620px; height: 5px; background: url("../images/bg_line.png") repeat-x; margin: 10px 0;}

#left-column {float: left; width: 300px; margin-left: 20px; display:block; margin-bottom: 10px;}
#left-data {float: left; width: 250px; padding-left: 35px; padding-top: 10px; display:block;background: url("../images/misc_earth.png") no-repeat; height: 180px;}

#right-column {float: left; width: 300px; margin-left: 20px; display:block;}
#right-data {float: left; width: 250px; padding-left: 35px; padding-top: 10px; display:block;background: url("../images/misc_envelop.png") no-repeat; height: 180px;}


#main-column {float: left; width: 620px; padding: 0px 15px; display:block;}
#main-data {float: left; width: 600px; padding-left: 10px; padding-top: 10px; display:block;min-height: 400px; }


.data {float: left; padding: 0px 5px 10px 5px; }
.data ul {
	margin: 15px 15px 15px 15px;
}
.data ul li {
	padding: 0 0 2px 10px;
	background: transparent url("../images/bullet.gif")  no-repeat;
	list-style: none;
}
.data ol {
	margin: 15px 15px 15px 15px;
}

#footer {float: left; width: 678px; height: 50px; background: url("../images/bg_footer.png") repeat-x;}


form label { display:block;	font-size:12px;	width: 115px; float: left; }
form input{	display:block;  margin: 5px; 	background: #cccccc; border: #232323 1px solid; width: 300px; }
form textarea{	display:block; margin: 5px; background: #cccccc; border: #232323 1px solid; width: 300px;}
form select{	display:block; margin: 5px; background: #cccccc; border: #232323 1px solid; width: 300px;}
form input  {	margin-left: 115px;}