/*~  Default/shared styles
----------------------------------------------------------------------*/

body { padding-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:100%;}





a:link {font: normal 1em  Arial,Verdana, sans-serif;	color:#0099cc; text-decoration:underline;
}

a:visited {font: normal 1em Arial, Verdana, sans-serif;	color:#0099cc; text-decoration:underline;
}

a:hover{color:#000000;}






.contentheading, .componentheading {


  text-align       : left;
  color            : #484848;
  width            : 100%;
}



input.inputbox{ color:#666666; border-top:solid 1px #999999; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999; font-size:12px; width:100%;}

div#count { display:none;
}

p {
	font: 0.8em Arial, Helvetica, sans-serif;
}


a.name:link {font: normal 1.2em  Arial,Verdana, sans-serif;	color:#666666; text-decoration:underline;
}

a.name:visited {font: normal 1.2em Arial, Verdana, sans-serif;	color:#666666; text-decoration:underline;
}

a.name:hover{color:#000000;}



a.person:link {font: normal 1em Arial,Verdana,  sans-serif;	color:#ffcc99; text-decoration:underline;
}

a.person:visited {font: normal 1em Arial, Verdana, sans-serif;	color:#ffcc99; text-decoration:underline;
}

a.person:hover{color:#ffffff;}



a.abc:link {font: normal 0.7em Verdana, Arial, sans-serif;	color:#0099cc; text-decoration:underline;
}

a.abc:visited {font: normal 0.7em Verdana, Arial, sans-serif;	color:#0099cc; text-decoration:underline;
}

a.abc:hover{color:#000000;}



h1.great {
	font:normal 2.8em Georgia, "Times New Roman", Times, serif; color:#ff0066; display: inline;
}


h2 {
	font:normal 2.8em Arial, Helvetica, sans-serif; display: inline;
}



h3 {
	font: normal 1.8em Arial, Verdana, sans-serif; display:inline;
}


h3 a, a:link{
	color:#0099cc;
}

h3 a:hover{
	color:#333333;
}




h5 {
	font: normal 0.7em Arial, Verdana, sans-serif; display:inline;
}


h5 a, a:link{
	color:#0099cc;
}

h5 a:hover{
	color:#333333;
}



h6 {
	font: normal 0.8em Arial, Verdana, sans-serif; display:inline;
}


h6 a, a:link{
	color:#000000;
}

h6 a:hover{
	color:#ff0066;
}








dd {
	
}

ddd {
	
}

ddd1 { padding:0; margin:0;
	
}


ddt { padding:0; margin:0;
	
}



dt {
	font: bold 0.9em Verdana, Arial, sans-serif;
}

.bott {
   padding-top:25px; margin-top:25px; display:block; float:left;width:98%; height:100px; border-top:#999999 dashed 1px; 

}


.head {
  padding-left:2%;padding-right:1%; display:block; float:left;width:98%;

}


.head1 {
  padding-left:2%;padding-right:1%; display:block; float:left;width:98%;

}




.i_block {	
  height: 45px; min-height:45px;padding-top:15px;	font: bold 0.8em Arial, Helvetica, sans-serif; display: block;

}

.i_img {
 padding-right:10px; border:0;float:left;

}

.t_block {	
  height: 45px; min-height:45px; display: table-cell; vertical-align: middle;

}


.article {
	padding-left:10px;
	width:98%;
}





.columns { clear: both; width:95%; height:50px; padding-top:15px; }
    .columns .a,
    .columns .b
    { float: left; }
    .columns .a { width: 25%; //margin-right: -100%; }
    .columns .b { width: 73%; //margin-left: 26%; //display: inline; padding-left:2%; }
.wrong_columns { clear: both; width: 100%; margin-top: 1em; }
    .wrong_columns .a,
    .wrong_columns .b
    { float: left; }
    .wrong_columns .a { width: 30%; background: #ccffcc; }
    .wrong_columns .b { width: 70%; background: #ffcccc; }





/*~  Body class: pda_ver
----------------------------------------------------------------------*/
.pda_ver dl,
.pda_ver dt
 {
	margin: 0;
	padding: 0;
}


.pda_ver h3 {	font: normal 1.4em Arial, Verdana, sans-serif; display:inline;
}


.screen_ver a.name {font: normal 1.1em Arial, Verdana, sans-serif;
}



.pda_ver h1.great {	font:normal 2.2em Georgia, "Times New Roman", Times, serif; 
}


.pda_ver .tabbed { padding-left:1%;padding-right:1%;

}

.pda_ver dd{
	margin: 15px 10px 5px 10px;

}

.pda_ver .imagewrapper img {
	float:left; width:100px;
	margin: 15px 20px 10px 0px
}



/*~  Body class: pda_hor
----------------------------------------------------------------------*/
.pda_hor .tabbed {

}
.screen_hor h1.great {	font: normal 2.0em Georgia, "Times New Roman", Times, serif; display:inline;
}


.screen_hor h3 {	font: normal 1.4em Arial, Verdana, sans-serif; display:inline;
}

.screen_hor a.name {font: normal 1.0em  Arial, Verdana,sans-serif;
}


.pda_hor dl {
	position: relative;
	width: 100%;
}



.pda_hor dd {
	margin: 10px 0px 0px 10px;
	position: absolute;
	top: 0;
	z-index: 20;
}

.screen_hor .imagewrapper img {
	float:left; width:100px;
	margin: 15px 20px 10px 0px
}


/*~  Body class: screen_ultralow
----------------------------------------------------------------------*/

.screen_ultralow h3 {	font: normal 1.4em Arial, Verdana, sans-serif; display:inline;
}


.screen_ultralow a.name {font: normal 1.0em Arial, Verdana, sans-serif;
}


.screen_ultralow dl {
	position: relative;
	width: 100%;
}

.screen_ultralow dt {
	background: #CCC;
	clear: left;
	cursor: pointer;
	float: left;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	margin: 1px 0 1px 6px;
	padding: 2px 6px 2px 6px;
	position: relative;
	white-space: normal;
	width: 11px;
	z-index: 30;
}

.screen_ultralow dt.current {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-right: 1px solid #FFF;
	margin: 0 0 1px 4px;
	padding: 2px 6px 2px 7px;
	width: 12px;
}

.screen_ultralow dd {
	display: none;
}

.screen_ultralow dd.current {
	display: block;
	border: 1px solid #CCC;
	left: 0;
	margin-left: 0;
	padding: 12px;
	position: absolute;
	top: 26px;
	z-index: 0;
}


.screen_ultralow .imagewrapper img {
	float:left; width:100px;
	margin: 15px 20px 10px 0px
}



.screen_ultralow .contentheading {	font: normal 1.1em Arial, Verdana, sans-serif; display:inline; padding-left:10px; padding-bottom:10px;

}


/*~  Body class: screen_low
----------------------------------------------------------------------*/

.screen_low h3 {	font: normal 1.3em Arial, Verdana, sans-serif; display:inline;
}

.screen_low h4 {	font: normal 1em Arial, Verdana, sans-serif; display:inline;
}


.screen_low div.logo {	display: block; width:80px; float:left; text-align:center;

}

.screen_low div.sea {	display: block; width:100%; float:left; text-align:center;  margin-left:-25px; padding-top:15px;

}

.screen_low div.alfa {	display: block; width:100%; float: left; text-align:center; margin-left:5px; padding-top:13px;

}



.screen_low h1.great {
	font:normal 2.5em Georgia, "Times New Roman", Times, serif;
}


.screen_low a.name {font: normal 1.2em Arial, Verdana, sans-serif;
}


.screen_low .tabbed { padding-left:1%;padding-right:1%;

}

.screen_low dl {
	margin: 0;
	position: relative;
	width: 100%;
}


.screen_low dt,
.screen_low p {

}

.screen_low dd {
	margin: 10px 0px 0px 10px;
	float: left;
	width: 45%;
}


.screen_low ddt {
	margin: 10px 0px 0px 10px;
	float: left;
	width: 30%;
}



.screen_low .imagewrapper img {
	float:left; width:150px;
	margin: 15px 20px 10px 0px
}


.screen_low .contentheading {	font: normal 1.3em Arial, Verdana, sans-serif; display:inline; padding-left:10px; padding-bottom:10px;

}


* html .screen_low dt {
	display: block;
	margin-right: 0;
}



/*~  Body class: screen_med
----------------------------------------------------------------------*/




.screen_med div.logo {	display: block; width:100px; float:left; text-align:center;

}

.screen_med div.sea {	display: block; width:190px; float:left; text-align:center; margin-left:-85px; padding-top:15px;

}

.screen_med div.alfa {	display: block; width:350px; float: left; text-align:center; margin-left:-135px; padding-top:13px;

}



.screen_med h3 {	font: normal 1.5em Arial, Verdana, sans-serif; display:inline;
}

.screen_med h5 {	font:  0.8em Arial, Verdana, sans-serif; display:inline; padding-right:5px; }

.screen_med h4 {	font:  1.2em Arial, Verdana, sans-serif; display:inline; padding-right:5px; }



.screen_med h1.great {
	font:normal 3.4em Georgia, "Times New Roman", Times, serif;
}

.screen_med a.name {font: normal 1.3em  Arial, Verdana,sans-serif;
}


.screen_med .tabbed { padding-left:2%;padding-right:1%;

}




.screen_med dl {
	position: relative;
	margin: 0;
	width: 100%;
}

.screen_med dt {
	position: absolute;
	width: 29%;
	margin-top: -38px;
	margin-left: 0;
	padding-right: 20px;
	margin-right: 30px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	display: inline;
}

.screen_med dd {
	float: left;
	margin: 20px 0px 10px 20px;

	width: 30%;

}

.screen_med ddt {
	float: left;
	margin: 10px 0px 10px 20px;

	width: 30%;

}



.screen_med .imagewrapper img {
	float:left; width:200px;
	margin: 5px 20px 10px 0px
}


.screen_med .imagewrapper1 img {
	float:left; width:280px;
	margin: 5px 20px 10px 0px
}



.screen_med .imagewrapper2 img {
	float:left; width:450px;
	margin: 5px 20px 10px 0px
}





.screen_med .contentheading {	font: normal 1.6em Arial, Verdana, sans-serif; display:inline; padding-left:10px; padding-bottom:10px;

}

* html .screen_med dt {
	display: block;
	margin-right: 0;
	padding-right: 0;
}


/*~  Body class: screen_high
----------------------------------------------------------------------*/




.screen_high div.logo {	display: block; width:100px; float:left; text-align:center;

}

.screen_high div.sea {	display: block; width:250px; float:left; text-align:center; margin-left:-85px; padding-top:15px;

}

.screen_high div.alfa {	display: block; width:350px; float: left; text-align:center; margin-left:-75px; padding-top:13px;

}


.screen_high h3 {	font: normal 1.8em Arial, Verdana, sans-serif; display:inline; }

.screen_high h5 {	font: normal  1.0em Arial, Verdana, sans-serif; display:inline; padding-right:8px; }


.screen_high h6 {	font: normal  0.9em Arial, Verdana, sans-serif; display:inline; padding-right:8px; }




.screen_high h4{	font: normal  1.3em Arial, Verdana, sans-serif; display:inline; padding-right:8px; }



.screen_high .contentheading {	font: normal 2.0em Arial, Verdana, sans-serif; display:inline; padding-left:10px; padding-bottom:10px;

}


.screen_high h1.great {
	font:normal 4.2em Georgia, "Times New Roman", Times, serif;
}

.screen_high a.name {font: normal 1.4em Arial, Verdana, sans-serif;
}



.screen_high .tabbed { padding-left:2%;padding-right:1%;

}

.screen_high dl {

	margin: 0;
	position: relative;
	width: 100%;
}



.screen_high dd {
	float: left;
	margin: 25px 0px 20px 25px;
	width: 29%;
}

.screen_high ddt {
	float: left;
	margin: 10px 0px 20px 25px;
	width: 30%;
}




.screen_high ddd {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 20%; background:#cc0033; padding:15px; 
}

.screen_high ddd1 {
	margin: 0px 0px 0px 0px;
	float: right;
	width: 75%;
}


.screen_high .imagewrapper img {
	float:left; width:270px;
	margin: 5px 20px 10px 0px
}

.screen_high .imagewrapper1 img {
	float:left; width:400px;
	margin: 5px 20px 10px 0px
}

.screen_high .imagewrapper2 img {
	float:left; width:600px;
	margin: 5px 20px 10px 0px
}





.screen_high .article { display:block; float:left; width:96%;

}


* html .screen_high dt {
	display: block;
	margin-right: 0;
	padding-right: 0;
}

/*~  Body class: screen_wide
----------------------------------------------------------------------*/


.screen_wide div.logo {	display: block; width:150px; float:left; text-align:center;

}

.screen_wide div.sea {	display: block; width:350px; float:left; text-align:center; margin-left:-65px; padding-top:15px;

}

.screen_wide div.alfa {	display: block; width:550px; float: left; text-align:center; margin-left:-25px; padding-top:13px;

}


.screen_wide h3 {	font: normal 1.9em Arial, Verdana, sans-serif; display:inline;

}

.screen_wide .contentheading {	font: normal 2.4em Arial, Verdana, sans-serif; display:inline; padding-left:10px; padding-bottom:10px;

}





.screen_wide h5 {	font: normal 1.3em Arial, Verdana, sans-serif; display:inline; padding-right:10px; padding-left:10px;

}


.screen_wide h6 {	font: normal 1em Arial, Verdana, sans-serif; display:inline; padding-right:10px;

}


.screen_wide h4 {	font: normal 1.5em Arial, Verdana, sans-serif; display:inline; margin-top:10px;

}






.screen_wide h1.great {
	font:normal 5.3em Georgia, "Times New Roman", Times, serif;
}


.screen_wide a.name {font: normal 1.6em  Arial, Verdana,sans-serif;
}

.screen_wide a.person {font: normal 1em  Arial, Verdana,sans-serif;
}



.screen_wide .tabbed { padding-left:2%;padding-right:1%;

}



.screen_wide dl {
	margin: 0;
	position: relative;
	width: 100%;
}


.screen_wide ddt {
	margin: 10px 0px 20px 25px;
	float: left;
	width: 22%;
}

.screen_wide dd {
	margin: 30px 0px 20px 25px;
	float: left;
	width: 22%;
}

.screen_wide ddd {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 20%; background:#cc0033; padding:15px; 
}

.screen_wide ddd1 {
	margin: 0px 0px 0px 0px;
	float: right;
	width: 75%;
}



.screen_wide .imagewrapper img {
	float:left; width:340px;
	margin: 5px 25px 10px 0px
}


.screen_wide .imagewrapper1 img {
	float:left; width:500px;
	margin: 5px 25px 10px 0px
}


.screen_wide .imagewrapper2 img {
	float:left; width:750px;
	margin: 5px 25px 10px 0px
}





.screen_wide .article { display:block; float:left; width:100%;

}







.screen_wide .tabbed {
	margin:0; margin-top:0;
}

* html .screen_wide dt {
	display: block;
	margin-right: 0; 
	padding-right: 0;
}

/*~ 
----------------------------------------------------------------------*/



ul#mainlevel-nav {
  list-style       : none;
  padding          : 0;
  margin           : 0;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 6px;
  padding-right    : 6px;
  float            : left;
  margin           : 0;
  width            : auto !important;
  white-space      : nowrap;

}
ul#mainlevel-nav li a {
  display          : block;
  text-decoration  : none;
	color:#0099cc;
  background       : transparent; text-decoration:underline;
}
ul#mainlevel-nav li a:hover {	color:#333333;

}


a.mainlevel  {
  margin           : 0px;
  padding          : 0px; padding-top:5px; padding-bottom:5px;
font: normal 1em Arial,Verdana,  sans-serif;	color:#ffcc99; text-decoration:underline;
}
a.mainlevel: link {
font: normal 1em Arial,Verdana,  sans-serif;	color:#ffcc99; text-decoration:underline;
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block; padding-top:5px; padding-bottom:5px;
font: normal 1em Arial,Verdana,  sans-serif;	color:#ffcc99; text-decoration:underline;
}
a.mainlevel:hover {
font: normal 1em Arial,Verdana,  sans-serif;	color:#ffffff; text-decoration: none;
}