body { 
 margin: 0px 10px 10px 10px; 
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
 font: 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;  
 color: #444;
 padding: 0; 
 background-color: white;
 text-align:center;
 
 margin: 0px auto;	
 max-width: 1000px;
 text-align: left; 	
 padding: 0 20px; 
}

h1 {
 background: url(img/grads3.gif) repeat-y;
 border: 1px dotted #7E98CB;
 border-right: #7E98CB 1px solid;
 font: 1.4em Verdana, arial, sans-serif;
 padding : 3px 10px 5px 10px;
 margin: 0px;		
}
 

h2
{
 color: #607595;
 padding-bottom: 5px; 
 border-bottom: 1px solid #7E98CB;
 font: bold 120% Verdana, Arial, sans-serif; 
 margin: 15px 0 15px 0;
}


h3 {
 color: #607595;
 font-size: 110%;
 font-weight: normal;
 text-decoration: underline;
}

h4 {
 color: #607595;
 font-weight: normal; 
 font-size: 105%;
}


.news span
{ color: navy;
  background-color: #CAD4E9;
  font-style: italic;
  padding: 2px;
  border: 2px dotted white;
  margin: 0;
  padding: 0;
}

.news div
{
 margin: 30px 0;
}

.news h4
{
 margin: 10px 0 5px 0; 
}

.news img
{
 border: 1px solid #7E98CB;
}

.bord
{
color: black;
background-color: #CAD4E9;
border: 1px solid navy;
padding: 1px;
}

#main
{
 padding : 15px 20px 20px 20px;
 border:1px solid #7E98CB;
 border-width: 0px 1px 1px 1px;  
 background-color: #F6F8FC;
}

.autotrans
{
 background: url(img/auto.gif) repeat-y;
}

#content
{
 margin-top : 10px; 
 clear: both;
}

.cent
{text-align: center;
} 

.f
{
text-align: center;
border-top:2px dotted #6C6C6C;
padding: 30px 0 0 0;
margin: 30px 0 10px 0;
clear:both;
}

a
{
color: #607595;
}

a:hover
{
color: blue;
text-decoration: underline;
}

acronym, #hlp { 
 text-decoration: none;
 border-bottom: 1px dotted #000;
 cursor: help 
 }

.attn {
font: italic 90% Arial, Helvetica, sans-serif;
color: navy;
} 

#lnk li {
padding-top: 5px;
padding-bottom: 5px;
}

.top
{
background-color: #F6F8FC; /*#EBEFF7;*/
margin-top: 0px;
border : 1px solid #7E98CB; 
}


.top img 
{ 
 padding: 7px 8px 3px 7px;
 float: left;
}

.logo
{
 border: none;
 display:inline;
}

/*MENU*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;	
}

#nav
{ 
 font: 75% verdana,  arial, Sans-serif; 
 line-height: 22px;
 padding: 7px;
 float: left;
}


#nav li a 
{
display: block;
width: 10em;
color : black;
font-weight : bold;
text-decoration : none;
background-color : #CAD4E9; 
border : 1px solid #7E98CB; 
border-top  : 1px solid white; 
border-left : 1px solid white;
padding : 0 0.5em;	
}

#nav li a:hover 
{
color : white;
background-color : #7E98CB;
}


#nav li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
margin-top : 0px;
}

#nav li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	
}


#nav li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

form
{
 margin-top: 0px;
}

#snav
{
 float: right;
 padding: 0px;  
 width: 240px;
 margin-left: 20px; 
 text-align: center;
} 

#ga
{
 margin: 0;
 margin-bottom: 10px;
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
 border: 1px dotted #7E98CB;
 background-color: #F6F8FC; 
} 

.tga
{
 border: 1px solid #7E98CB; 
 margin-top: 5px; 
 padding-left: 2px;
} 

#param
{
 color: navy;
}

.tit
{
background-color: #CAD4E9;
display: block;
line-height: 20px;
border: 1px solid #7E98CB;
border-bottom: 0;
}

.so, #snav ul
{
 border: 1px solid #7E98CB;
 padding: 10px 5px 10px 5px;
 margin: 0 0 15px 0;
 background-color: white;
 list-style-position: inside;
 list-style-type: none;
}

.so li, #snav ul li {padding: 5px 0}

.vcent
{
 vertical-align: middle;  
}

.clear
{
clear: both;
}

.slog
{color: navy; 
text-align: center; 
font: 80% verdana, arial, Sans-serif; 
line-height: 7px; 
margin: 7px 0 1px 0;
padding: 1px;
}

.lang
{
 line-height: 22px; 
 font: 70% verdana,  arial, Sans-serif; 
 text-align: center; 
 text-transform: uppercase; 
 padding: 2px;
}

.lang a
{
 text-decoration: none; 
}

img 
{
 border:0;
 max-width: 100%;
 height: auto;
}

.cmds  li
{
padding: 5px;
}

dl
{
padding: 5px;
}

dt
{padding: 5px; padding-left: 15px;}

.cmd
{
background-color: white;
border: 1px dotted #7E98CB;
padding : 3px;
}

table.cmd {font-size:100%;}

.blu
{
color:#7E98CB;
}

h2 a, h2 a:visited, h2 a:hover, h3 a, h3 a:visited, h3 a:hover {color: #607595; text-decoration: none}

h2 a img {margin-right: 3px}

.n {color: #008000; vertical-align: super; 
font-size: 10px;
  background-color: #FFFF00;
  border: 2px dotted white;
}

.cmd td
{text-align:left;}

.nw
{
background: url(/img/nw.gif) no-repeat top left;
padding-left: 13px;
margin-left: 0px;
}

.hr 
{background: url(/img/cross.gif) no-repeat top center;
 height: 12px;
 margin: 16px;
 padding: 0;
}

.ad
{
text-align: center;
font: 75% verdana, arial, Sans-serif;
}

.dn
{
background-color: #fff; padding: 3px; border: 1px dashed gray; margin-bottom: 3px;}

.add
{
display:block; 
background: url(/img/add.gif) no-repeat center left;
padding-left: 18px;
margin-left: 0px;
}

.furl
{background: url(/img/furl.gif) no-repeat center left;}

.reddit
{background: url(/img/reddit.gif) no-repeat center left;}

.digg
{background: url(/img/digg.gif) no-repeat center left;}

.blink
{background: url(/img/blink.gif) no-repeat center left;}

.ahr {font-size: 70%; display: block; margin-top: 5px;}

.lnk li 
{
	padding: 5px 0 5px 0;
}

.note {
border: 1px solid #7E98CB; 
padding: 10px 10px 10px 50px; 
margin: 10px 0;
background: #fff url("/img/warn.gif") no-repeat 10px 10px;
min-height: 32px;
height:auto !important;
height:32px;
}

#mad {margin: 40px 0 30px 0;}

.botad
{
margin: 30px 0 30px 0;
}


.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}



.fb input, .fb textarea 
{
        display: block;
        width: 100%;
		max-width: 400px;
}

.fb label {
        text-align: right;		
        width: 200px;		
        padding-right: 20px;
}

.btn {
width: 75px !important;
}

.large
{
 font-size:120%;	
}

.hlist
{padding: 10px}

.hlist li 
{
 display: inline-block;
 margin: 2px;
 width: 160px;
 white-space: nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.hlist li img
{
 margin-right: 5px;
}

.foot
{
 border: none;
 margin-bottom: 10px;
}

@media screen and (max-width: 600px) 
{
  #main
  {
	  display: flex;
	  align-items: flex-start;
	  flex-wrap:wrap;
  }
  #cont
  {
	  order: 1;
	  width: 100%;
  }  
  #snav
  {
	  float: none;
	  order: 2;
	  width: 100%;	  
	  margin: 20px 0 0 0;
  }
  
  .f
  {
	  width: 100%;
	  order: 100;
  }
  
  .ab
  {
	  width: 100%;
	  order: 3;	  
  }
}

.am
{
	margin: 20px 0 20px 0;	
}

.ab
{
	margin: 20px 0 10px 0;	
	clear: both;
}

.red {color: red; font-weight: bold;}
.green {color: green; font-weight: bold;}

.mtb
{
	margin: 20px 0 20px 0;
}

code
{
font-weight: bold;	
}

.down
{
 margin-bottom: 20px;
}

.down h2
{
 margin: 40px 0 30px 0;
}

.down table tr > td:first-child
{ 
 width: 32px;
}

.down table tr > td:nth-child(2)
{ 
 width: 350px; 
}

hr
{
 margin:20px 0 15px 0;
 border: 2px dotted #6C6C6C;
 border-style: dotted none none none;  
}

.shadow
{
  box-shadow: 0 0 15px #a9a9a9;
  margin: 15px;
}


@media all and (max-width: 500px) 
{
 .down table tr > td:nth-child(2)
 {
  width: 60%;
 }
}