img {
border-width:0; 
}

/* ============================================================
    RESET HTML5 elements to block-level, for non-hip browsers
============================================================ */
section {
display: block; 
}

nav {
display: block; 
}

menu {
display: block; 
}

hgroup {
display: block; 
}

header {
display: block; 
}

footer {
display: block; 
}

figure {
display: block; 
}

aside {
display: block; 
}


article {
display: block; 
}

/* =================================================================================
	MAKE SURE THAT FOLLWING IS IN THE .htaccess FILE IN THE WEBSITE ROOT DIRECTORY
================================================================================== 

AddType text/xml .xml
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg
AddType video/quicktime .mov
AddType video/ogg .ogv .ogg
AddType video/webm .webm
AddType audio/mp4 .m4a .m4b .m4r
AddType audio/mpeg .mp3
AddType audio/playlist .m3u
AddType audio/x-scpls .pls
AddType audio/ogg .ogg
AddType audio/wav .wav
AddType php .html .htm
AddType application/x-shockwave-flash swf
AddHandler application/x-httpd-php .html .htm
*/

/* ============================================================
    JAVASCRIP ERROR MESSAGE styling
============================================================ */

.error-message {
    background-color: #F3E3E6;
    border: 1px solid;
    border-color: #E599AA;
    padding-left: 2em;
    padding-top:1em;
    padding-bottom:1em;
    margin-bottom:3em;
    color: #80001C;
	line-height: 1.6;
	font-size: 0.875em;
	font-weight:bold;
	text-align:justify;
	position: relative;
	z-index: 1000;
}

/* ===========================================================
    LOCAL BOOKMARKS LIST styling
============================================================ */

.bookmarks{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:-1.375em;
    margin-bottom:0.5em;
    text-align:center;        /*center the list items*/
    list-style:none;
}

.bookmarks li{
    display:-moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
    display:inline-block;/* modern browsers */
    margin-left:0em;
    margin-right:1.75em;
    margin-top:0.5em;
    margin-bottom:0em;
}

.bookmarks li.last{
    margin-right:0em;
}

/* ============================================================
    BODY styling - general
============================================================ */


/*  
	"width" & "height" = width & height of element content 
	padding = around content  = 20 px
	border = around padding   = 1 px
	margin = around border    = 0 px
	total size = content + padding + border + margin
	max total width = 1080px --> max (content) width = 1080 - 20 - 1 - 0 = 1059  1036
	min total width = 736px --> min (content) width = 780 - 20 - 1 - 0 = 759     736
*/	

body {
	margin: 0; 
	background-color: #DADAC8;     /* viewport background */
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; /*  black */
	font-size: 1.0em; /* 16px/16=1.0em */
	font-weight: normal;
	line-height: normal;
	text-align:justify;
	float: none;               /* TBC TBC TBC TBC TBC TBC TBC*/
	margin-bottom: 2em;
}

#page-container {             /* needed for sticky footer   */
	min-height:100%;
	position: relative;
	top: 0px;
	left: 0px;
}

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

img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:none;
	height: auto;
}

img.center-left {
	display: block;
	margin-left: 0;
	margin-right: auto;
	height: auto;
}

.nl{ 
	height:6px;
	width:100%;
}

/* ============================================================
    MASTHEAD styling
============================================================ */


#masthead{
	clear: both;
	height: auto;
	padding-bottom: 0.2em;
	padding-top:0.2em;
 }


/* =====================================================================
    TOP & BOTTOM NAVIGATION BAR styling : see separate MENUS style sheet
======================================================================= */

div.center {
	margin-left: auto;
	margin-right: auto;
	height:auto;
 }


/* ============================================================
    MAIN CONTENT styling
=========================================================== */

#LR-padding {
	padding-right: 20px;  /* 20/16px=1.25em */
	padding-left: 20px;  /* 20/16px=1.25em */
}

.red-dot {
	color:#FF0000;
}

.blue-dot {
	color:#0000FF;
}

.main-content {
/* 	min-width: 736px;         		/* also set to same value for .masthead-outside, and #search-box and to 778 in menu.css */
	max-width: 1076px;         		/* also set to same value for .masthead-outside, and #search-box and to 778 in menu.css */
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF; /*  white  */
	padding-top: 0;  
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}

/* center text */
.center {
	text-align:center;
}

/* section-heading styling */
h1 {
	font-size: 1.25em; /* 20px/16=1.25em */
	font-weight: bold;
	color: black;
	text-align: left;
	text-transform: uppercase;
	line-height: normal;
	padding-top:0.25em; /* 4px/16=0.25em */
	margin-top: 0.5em;  /* 8px/16=0.5em */
	margin-bottom: 1em;
	border-top-style: solid;
	border-top-color:  #0000FF;  /* blue */
    border-top-width:2px;
 }

/* create blue line */
h1.notxt {
	width:80%;
	margin: 1em auto; 
	padding-top:0.5em;
	border-top-style: solid;
	border-top-color:  #0000FF;  /* blue */
    border-top-width:2px;
 }


/* image caption formatting - first line*/
h2 {
	font-size: 1.0em; /* 16px/16=1.0em */
	font-weight: bold;
	font-style: italic;
	color: #800080;       /* purple; original: maroon #800000  */
	line-height: normal;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
 }

h2.left {
	font-size: 1.0em; /* 16px/16=1.0em */
	font-weight: bold;
	font-style: italic;
	color: #800080;       /* purple; original: maroon #800000  */
	line-height: normal;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
 }


/* image caption formatting - second line */

h3 {
	font-size: 0.9375em; /* 16px/16=1.0em */
	font-weight: normal;
	font-style: italic;
	color: #800080;       /* purple; original: maroon #800000  */
	text-align: center;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 1em;         /* 16px/16=0.25em */
 }

/* section-heading styling - without blue line */

h4 {
	font-size: 1.25em; /* 20px/16=1.25em */
	font-weight: bold;
	color: #000000; /* black */
	text-align: left;
	text-transform: uppercase;
	line-height: normal;
	padding-top:0; 
	margin-top: 0;  
	margin-bottom: 1em;
 }


/* header formatting for audio & video players */

h5 {
	font-size: 1.125em; /* 18px/16=1.125em */
	font-weight: bold;
	color: #000000; /* black */
	text-align: left;
	text-transform: uppercase;
	line-height: normal;
	padding-top:0em;
	padding-bottom:0.25em; 
	margin-top: 0em; 
	margin-bottom: 0.1em;
	border-top-style: solid;
	border-top-color: #0000FF;  /* blue */
    border-top-width:2px;
 }


/* paragraph formatting */

p {
	/* 16px/16=1.00em */
	line-height: normal;
	margin-top: 0;
	margin-bottom: 1.0em;
}


p.narrow {                    /*used for reduced-width text div */
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


p.small-print {
	font-size: 0.6875em;          /* 11px/16=:"0.6875em */
	margin-bottom: -6px;
	text-align: center;
}


p.double-blue{
	font-weight: bold;
	text-align: center;
	margin-top: 1em; 
	margin-bottom: 1em;
	border-top-style: solid;
	border-top-color: #0000FF;  /* blue */
    border-top-width:2px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;  /* blue */
    border-bottom-width:2px;
}
p.blue-below{
	font-weight: bold;
	margin-top: -0.225em; 
	margin-bottom: 1em;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;  /* blue */
    border-bottom-width:2px;
}

p.pre-list{
margin-bottom:0.25em;
}

div.width35{
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}

div.width80{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


div.width90{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div.width95{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

p.blue {
	color:  #0000FF;  /* blue */
}


p.blue-nopad {
	color:  #0000FF;  /* blue */
	padding:0;
}


p.red {
	color:  #FF0000;    /* red   */
}


p.red-bold{
	color: #FF0000;    /* red   */
	font-weight: bold;
}


p.blue-ital {
	color: #0000FF;  /* blue */
    font-style: italic;
}

div.cell-left{
	display:table;
	float:left
}

div.cell-right{
	display:table;
	margin-left:auto; 
	margin-right:auto
}


/* ============================================================
    LINK styling
============================================================ */


/* unvisited link - blue text, underlined=default */
a:link {
    color: #0000FF;  /* blue */
}


/* visited link - darkred text*/

a:visited {
    color: #8B0000;    /* DarkRed */
}


/* mouse over link - blue text, yellow background */
a:hover {
    color: #0000FF;  /* blue */
    background-color: #FFFF00;  /* yellow  */
}


/* ============================================================
    PATENT TABLE styling
============================================================ */

.patent-table {
    font-family: Arial, Helvetica, sans-serif;
    width: 95%;
    border-collapse: collapse;  /* single border between cells */
	margin-left:auto;
    margin-right: auto;
}



.patent-table th {
    font-size: 0.875em;  /* 14px/16=0.875em */
    font-weight: bold;
    text-align: center;
    border: 1px solid #0000FF;  /* blue */
    padding: 0.3125em;   /* 5px/16=0.3125em */   /* top right bottom left  */
    color: #000000; /*  black */
    background-color: #A9A9A9;     /* DarkGray  */
}



.patent-table td {
    font-size: 0.75em;  /* 14px/16=0.875em */
    padding: 0.25em;   /* 4px/16=0.25em */   /* top right bottom left  */
    border: 1px solid #0000FF;  /* blue */
    text-align: center;
}



.patent-table tr.alt td {
    color: #000000;   /* black */
    background-color: #F5F5F5;    /* WhiteSmoke  */
}


/* ============================================================
FREQ LIST TABLE 
============================================================ */

.freq-table {
    line-height: normal;
    display: block;
    table-layout:auto;
    border: 1px solid blue;
    border-collapse: collapse;  /* single border between cells */
}

.freq-table-cell {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;  /* 14px/16=0.875em */
    text-align:left;
    padding: 0.25em;   /* 4px/16=0.25em */   /* top right bottom left  */
    border: 1px solid blue;
    border-collapse: collapse;  /* single border between cells */
    text-align: left;
}


/* ============================================================
    LIST styling - with red & blue markers
============================================================ */


ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* list items, marker = redball image */

.marker-red {
	background-image: url("../img-ant/redball.gif");   /* url is relative to location of this style sheet */
	background-repeat: no-repeat;
	background-position: 2em 0.25em;  /* w.r.t. left & top; 20/16px=1.25em     4/16px=0.25em */
    line-height: normal;
    padding-left: 3.5em; /* 1.0em + 1.25 = 2.25em */
    padding-bottom: 0.2em;
    margin: 0;
    display: block;
}

.marker-red-bold {
	background-image: url("../img-ant/redball.gif");   /* url is relative to location of this style sheet */
	background-repeat: no-repeat;
	background-position: 1.25em 0.25em;  /* w.r.t. left & top; 20/16px=1.25em     4/16px=0.25em */
    line-height: normal;
	padding-left: 2.5em; /* 1.0em + 1.25 = 2.25em */
	padding-bottom: 0.2em;
    margin: 0;
    display: block;
    font-style:italic;
    font-weight: bold;
}

/* list items, marker = blueball image */

.marker-blue {
	background-image: url("../img-ant/blueball.gif");     /* url is relative to location of this style sheet */
	background-repeat: no-repeat;
	background-position: 2em 0.25em;  /* w.r.t. left & top; 20/16px=1.25em     4/16px=0.25em */
    line-height: normal;
    font-weight: normal;
    padding-left: 3.5em; /* 1.0em + 1.25 = 2.25em */
    padding-bottom: 0.2em;
    margin: 0;
    display: block;
}

.marker-blue-ind {
	background-image: url("../img-ant/blueball.gif");     /* url is relative to location of this style sheet */
	background-repeat: no-repeat;
	background-position: 5em 0.25em;  /* w.r.t. left & top; 20/16px=1.25em     4/16px=0.25em */
    line-height: normal;
    font-weight: normal;
    padding-left: 6.5em; /* 1.0em + 1.25 = 2.25em */
    padding-bottom: 0.2em;
    margin: 0;
    display: block;
}
.marker-green-2xind {
	background-image: url("../img-ant/greenball.gif");     /* url is relative to location of this style sheet */
	background-repeat: no-repeat;
	background-position: 8em 0.25em;  /* w.r.t. left & top; 20/16px=1.25em     4/16px=0.25em */
    line-height: normal;
    font-weight: normal;
    padding-left: 9.5em; /* 1.0em + 1.25 = 2.25em */
    padding-bottom: 0em;
    margin: 0;
    display: block;
}