/* CSS Document */
@import url('list.css');
@import url('table.css');

body{
	font-family: Arial,sans-serif;
	color: #526368;
	line-height: 1.55;	
	margin: 0px;
	padding: 0px;
	/*background-image:url(img_useincss/bg.jpg);*/
	background-color:#4a7993;
}

/***************************************************************/
/************************** basik links ************************/
/***************************************************************/
a{
	color: #029dcc;
	text-decoration: none;
}

a:link{
	color: #029dcc;
	text-decoration: none;
}

a:visited{
	color: #029dcc;
	text-decoration: none;
}

a:hover{
	color: #029dcc;
	text-decoration: underline;
}

a.gross:link, a.gross:visited, a.gross:hover {
font-size:120%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.1em;
} 

a.change_list:link, a.change_list:visited, a.change_list:hover {
font-size:66%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.1em;
} 

/***********************************************************/
/***********************************************************/

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
/*
h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #99b9c2;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
*/


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/******************************** DIVs *********************************/
/********** layout *************/
#logo{position:absolute; left:3%; top:15px; z-index:5;}

/******************* d_divs ***********************/
/*#d_primary{
position:absolute;
right:31%; 
top:25px; 
z-index:4;

margin:0;
padding:3px 6px;
}*/


#direction{position:absolute; right:3%; top:32px; width:70%; z-index:5;}

.direction_table { 
background-image:url(img_useincss/f4_top_bg.jpg); 
background-position:right;
background-repeat:repeat-y; width:100%; text-align:right;
line-height:1;}

.direction_table a:link, .direction_table a:visited {
float:right;
margin:3px;
padding:3px 6px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:80%;
color:#FFFFFF;
}

.direction_table a:hover, .direction_table a:active {
text-decoration:underline;
}

a.secondary:link, a.secondary:visited {
position: relative;/*position:absolute;
right:188px; 
top:33px; */
z-index:4;
margin:3px;
padding:3px 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
background-color:#029dcc;
}

a.secondary:hover, a.secondary:active {
text-decoration:underline;
}

a.tertiary:link, a.tertiary:visited {
position: relative;/*position:absolute;
right:36px; 
top:33px; */
z-index:4;
margin:3px;
padding:3px 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
background-color:#029dcc;
}

a.tertiary:hover, a.tertiary:active {
text-decoration:underline;
}

.blue_tl {
	position:absolute;
	top: 0px;
	left: 0px;
	border:0px;
}

.blue_tr {
	position:absolute;
	top: 0px;
	right: 0px;
	border:0px;
}

.blue_bl {
	position:absolute;
	bottom: 0px;
	left: 0px;
	border:0px;
}

.blue_br {
	position:absolute;
	bottom: 0px;
	right: 0px;
	border:0px;
}

/*#d_secondary{
position:absolute; right:17%; top:25px; z-index:3;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:80%;
background-color:#029dcc;
margin:0;
padding:3px 6px;
}
#d_tertiary{
position:absolute; right:3%; top:25px; z-index:2;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:80%;
background-color:#029dcc;
margin:0;
padding:3px 6px;}*/
/********************/

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	height:67px;
	background-image:url(img_useincss/header_bg.gif);
	background-repeat:repeat-x;	
	z-index:1;
}

#gnl {
	position: absolute;
	top: 0px;
	left:-1px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:-1px;
}
/**************************************** p a g e c e l l ********************************************/
#pagecell1{
	position:absolute;
	top: 111px;
	left: 2%;
	right: 2%;
	/*bottom: 100 px;*/
	/*float:left;
	margin:100px 2% 10px 2%;*/
	width:95.6%;

	background-color: #ffffff;
	border-right:1px solid #315062;
	/*border-bottom:2px solid #315062;*/
	
	/*padding-bottom:2em;*/
}


#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#bl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	/*position:absolute;
	bottom: -2px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;*/
}

#br {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	/*position:absolute;
	bottom: -2px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;*/
}

/************* navigation DIVs ****************/

#pageNav{
	float: left;
	width:118px;
	margin:10px 0px 10px 10px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 1px solid #b2ced6;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font: small Verdana,sans-serif;
}

/************ sectionLinks **************/

#sectionLinks{
	margin: 0px 0px 30px 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #b2ced6;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	/*border-top: 1px solid #ffffff;*/
	border-bottom: 1px solid #b2ced6;
	font-weight: bold;
	padding: 3px 0px 3px 6px;
/*	color: #126780;*/
color:#007C00;
}

#sectionLinks a:hover{
	/*border-top: 1px solid #ffffff;*/
	/*background-color: #caeaf3;*/
	background-color:#ccffcc;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/********************************* content_top styles ************************************/

#content_top{
position:relative;
	padding: 3px 3px 3px 9px;
	margin: 10px 10px 10px 145px;
	background-color:#99b9c2;
	/*border-bottom:1px solid #ccd2d2;*/
}



#gray_tl {
	position:absolute;
	top: 0px;
	left: 0px;
	
}

#gray_tr {
	position:absolute;
	top: 0px;
	right: 0px;
	
}

#gray_bl {
	position:absolute;
	bottom: -1px;
	left: 0px;
	
}

#gray_br {
	position:absolute;
	bottom: -1px;
	right: 0px;
	
}


#content_top h2{
	font: bold 114% Arial,sans-serif;
	color: #ffffff;
	margin:0px;
	padding: 0px;
}
/*
#content_top img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}*/

/************* breadCrumb styles ***************/

#breadCrumb{
	position:absolute;
	top: 85px;
	left: 3%;
	right: 2%;
	width:94.6%;
	color:#FFFFFF;
	font-size:small;
}

#breadCrumb a{
	color: #ffffff;
}

#breadCrumb a:hover{
	color: #ccffcc;
	text-decoration: underline;
}

/********************************************** content & components *******************************************/

#content{
	/*float:left;*/
	/*position:relative; - this is not printable */
	padding: 0px 3px 3px 0px;
	margin: 30px 10px 10px 151px;
}

#first_blok
{position: absolute; left:0; top:0; margin:0; width:50%;}

#jump_blok
{float: right;
 margin:0 0 9px 9px; padding:10px; width:30%; border:1px solid #b2ced6;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#fafafa;
z-index:1001;}
/*
#jump_tl {
	position:absolute;
	top: 0px;
	left: 0px;
	
}

#jump_tr {
	position:absolute;
	top: 0px;
	right: 0px;
	
}

#jump_bl {
	position:absolute;
	bottom: 0px;
	left: 0px;
	
}

#jump_br {
	position:absolute;
	bottom: 0px;
	right: 0px;
	
}*/

/*---------------- anons styles */

.anons{

      /*margin:0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
	font-size: 80%;
	
	font-family: Arial, Helvetica, sans-serif;
	*/
	
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .anons {height: auto;}

.anons h3{
	font: bold 175% Arial,sans-serif;
	color: #6d0000;
	/*007c00*/
	padding: 0px 0px 0px 0px;
}

.anons img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/*================= pagetext styles */

.pagetext {

    margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: small;
	max-width: 100ex;
}

#pagetext_r {width:45%; float:right; margin-right:10px;}

#pagetext_l {width:45%; float:left;}

#nolimit {max-width: 100%;}

.pagetext h1{
	font: bold 125% Arial,sans-serif;
	color: #6D0000;
	padding:0 0 0.3ex 0;
	
}

#jump_blok .pagetext h1{font: bold 100% Arial,sans-serif;}

.pagetext h2{
	font: bold 114% Verdana, Arial,sans-serif;
	color: #6D0000;
	padding:0 0 0.3ex 0;	
}

#jump_blok .pagetext h2{font: bold 80% Verdana, Arial,sans-serif;}

.pagetext h3{font: bold 114% Arial,sans-serif; color: #006699; padding:0 0 0 0; margin:0;}

#jump_blok .pagetext h3{font: bold 80% Verdana, Arial,sans-serif;}

.pagetext h4{font: bold 100% Arial,sans-serif; color: #6d0000; padding:0 0 0 0; margin:0;}

.pagetext h5{font: bold 100% Arial,sans-serif; color: #000000; text-align:right; margin:0; padding:0 1em 1em 0;}

.pagetext p {
	padding: 0px 0px 3px 0px; margin:0;
}

#jump_blok p/*, #jump_blok h1, #jump_blok h2, #jump_blok h3, #jump_blok h4, #jump_blok h5, #jump_blok h6 */{ font-size:x-small;}


.pagetext p.aside {float: right; width: 15em; margin:0.5em; padding: 0.5em 1em; border: 1px solid;  background-color:#ccffcc;}

.pagetext p.akcent {margin:1em 1em 1em 0; padding: 0.5em 2em; /*background-color:#ccffcc;*/  background-image: url(img_useincss/akcent_bg.gif); background-repeat:repeat-y; font-size:x-small; font-family:Verdana, Arial, Helvetica, sans-serif; color:
#000000;}

/*#jump_blok .pagetext p.akcent {clear:both; margin:1em 0 1em 0; padding: 0.5em 1em; background-color:#4a7993; color:white;}*/

.pagetext a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.pagetext a.capsule:hover{
	text-decoration: underline;
}

td.pagetextLeft{
	padding-right: 12px;
}
/*************************************************** f i r s t    p a g e    s t y l e s **********************/



#content_top_fp{
position:relative;
	padding: 3px 0px 0px 9px;
	margin: 10px 10px 10px 150px;
	background-color:#99b9c2;
	/*border-bottom:1px solid #99b9c2;*/
	height:272px;
}

/************************ top foto *********/

#topfoto {
/*float:right;*/
/*position:relative;*/
position:absolute;
right:4px;
bottom:0;
margin:0;
padding:0;
z-index:30;
}


/************************ slogan div ***********/
#slogan{
position:absolute;
top: 12px;
right: 18px;
width:45%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:77%;
color:#FFFFFF;
font-weight:bold;
z-index:31;
}

#whu_are_we{
position:absolute;
bottom: 7px;
left: 18px;
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
z-index:31;
}

#whu_are_we a{
    display:block;
	/*text-align:right;*/
	color: #ccffcc;
	text-decoration: underline;
	display:block;
	padding-bottom: 5px;
}

#whu_are_we a:hover{
	color:#FFFFFF;
}

/************** p r o d u c t s ************/
#product_1{
position:absolute;
top: 18px;
left: 18px;
width:128;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
font-weight:bold;
z-index:33;
}

#product_2{
position:absolute;
top: 18px;
left: 158px;
width:128;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
font-weight:bold;
z-index:34;
}

#product_3{
position:absolute;
top: 112px;
left: 18px;
width:128;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
font-weight:bold;
z-index:34;
}

#product_4{
position:absolute;
top: 112px;
left: 158px;
width:128;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#FFFFFF;
font-weight:bold;
z-index:34;
}


/*************************************************** e n d   f i r s t    p a g e    s t y l e s **************/

/********************************** f o o t e r *****************************************/

#footer {/*position: absolute;
         left:0;
		 right:0;
		 bottom:0px;*/
		/* width:width:95.6%;*/
		
		
		 padding:10px 0px 10px 10px;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:80%;
		 color:#007C00;
		 /*new*/
		 /*background-color:#4a7993;*/
		 background-color:#CCFFCC;
		 clear:both;
		 border-top: 1px solid #007C00;
		 }
#copy { float:left; width:400px;}
#counter { float:right; background-color:#FF0000; z-index:30000; width:200px; margin-right:10px;}

/************** patch ********************/
table.patch {display:inline;}