strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }

del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

BODY {
	BACKGROUND-COLOR: #000000; /*000000 black     ffffff white*/
	BACKGROUND-REPEAT: repeat; 
	text-align: center
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000;
}

A {
	FONT-FAMILY: @Arial Unicode MS; FONT-SIZE: 10px; FONT-WEIGHT: bold
}
A:link {
	COLOR: #003366; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #0000cc; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #3366ff; TEXT-DECORATION: underline
}

/* folloowing makes the width and alignment if the entire page with <div id="content"> or <table id="content" */
#content
{
text-align: left;
width: 900px;
margin: auto;  /* Makes the whole site centered */
background-color: #ffffff; /* changes color inside of content ffffff is white */
  color: #000000;

}
/* folloowing makes the width and alignment if the entire page with <div class="centered"> */
.centered {
   position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -25%;
  background-color: #ffffff; /*changes color inside of content */
  color: white;
} 
/*about {
  text-align: center
  font:18px Verdana, Geneva, Arial, Helvetica, sans-serif; 
  color:#000000;
  vertical-align: middle;
}
*/
table.background { 
background: url("../images/port/table-of-contents_blank.jpg") no-repeat;
 }

table.port { 
background-color: #ffffff; /*changes color inside of content */
  color: #000000;   /* text color */
 }

p.normal
{
border-style: solid;
}
p.padding
{
border-style: none;
font-size: 110%;
padding: 0.02cm .6cm .25cm .0cm;
color: #333333;
	font-family: Century Gothic, sans-serif;
} 

p.about
{
	border-style: none;
	padding: .22in .15in .25in .20in;
	color: #333333;  /* light gray */
	font-family: Century Gothic, sans-serif;

 	/*color:#4c4a4a; */
 	Vertical-align: middle;
 	TEXT-DECORATION: none;
}
#names   /* ie <div ID="names">  */
	{font-size: 80%;
	color: #333333;
	font-family: Century Gothic, sans-serif;
	}




/* MARGINS & PADDINGS 


.content blockquote *:first-child { margin: 0 0; } /*.8em 0;*/
/*
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, 
.content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
 NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */




.content h1 { margin: 0 0 .5em;  }
.content h2 { margin: .20em 0 .535em; } /*margin: 1.07em 0 .535em;*/
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 0 0 0 0; } /*margin: 1.23em 0 .615em;*/

.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }




.content th, .content td {text-decoration: none; weight; bold; color: #504634; padding: .2em; } /*.8em*/
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; text-decoration: underline; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; } /* was 1.5 DY */
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }
.content a:hover { text-decoration: none; weight; bold; color: #504634; } /*almost black*/



/* END CSS RESET FOR MAIN CONTENT */




/*=STRUCTURE
=== === === === === === === === === === */




/* { padding: 0; margin: 0; }*/




/*body {
 font-family: "Arial", Helvetica, sans-serif;
 font-size: 13px;
 background: #D6D85D;   
  } original before DY  This is the overall color of the whole background, was #504634    */

/*
body {margin:0; padding:0;
 font:13px  Arial, Helvetica, sans-serif;
 color:#000000;
 background:#FFFFFF url(images/background5.PNG) repeat;}
*/

/*#wrapper { 
 margin: 0 auto;
 width: 800px; 
}*/

/*#quicksearch {
float: right;
background: #D9D1BC;
padding: 1px;
width: 160px;
height: 210px;
margin: 0 8px 2px 0;
border: 2px solid black;
text-align: center;
}*/

#quicksearch {
float: right;
background: #D9D1BC;
padding: 1px;
width: 160px;
height: 230px;
margin-right: 2px;
margin-bottom: 2px;
border: 2px solid black;
text-align: center;
}

#advancedsearch {
float: right;
background: #D9D1BC;
padding: 1px;
width: 160px;
height: 230px;
margin-right: 2px;
margin-bottom: 2px;
border: 2px solid black;
text-align: center;
}

#idsearch {
float: right;
background: #D9D1BC;
padding: 1px;
width: 150px;
height: 230px;
margin-right: 2px;
margin-bottom: 2px;
border: 2px solid black;
text-align: center;
}


#mborder {
 background: #FFF;
 padding: .2em .2em .2em .2em;
}


#faux {
 background: url(img/2-col-bg.jpg); /* changed the file to be 150 wide on the dark brown side and changed from a gif to jpg then changed to be 120 wide*/
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}


/* use id="header" */	
#header {
 /*background: #D9D1BC url(img/header146.jpg) no-repeat;*/
 height: 25px; 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:22px;
 text-decoration: none; 
 weight; bolder;  /* more than bold */
 color: #4C4A4A;    /*#07196B  Blueish */
 }

#leftcolumn { 
 display: inline;
 color: 695F4C; /* this is the dark drown */
 margin: 0px;
 padding: 0px;
 width: 100px; /*was  100 126 195 DY*/
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 2px;  /*10*/
 padding: 0px;
 width: 674px; /*was 674 744 DY 675 how wide the content is*/
 display: inline;
 position: relative;
}
#footer {
 clear: both;
 color: #FFF;
 background: #695F4C;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }

#disclaim {
width: 90%;
margin: 0px 10px 0px 10px;
font-size: 10px;
float: bottom;
}

#font2 {
font-size: 12px;
}

#font3 {
font-size: 14px;
}


/*=TYPOGRAPHY
=== === === === === === === === === === */
h1 {

}
h2 {

}
h3,
h4 {

}
/*
p {
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}
*/

/* ceo headers */
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h1, h2, h4, h6 { font-weight: bold; }
h5, h6 { margin-top: 1em; }

hr { border:1px solid #695F4C; }

.copyright {
text-align: center;
font-size: 9px;
padding: 3px;
color: #cccccc;
}



/*=COMMON
=== === === === === === === === === === */
/*
img {
border: 0;
}
*/



/*img {
	border: 2px solid #847A67;
}*/
/*
img.float-right {
  padding: 5px;
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  padding: 5px;
  margin: 5px 15px 5px 0px;
} */

/*DY added tp remove borders from some images*/
#nobdr {
border:none;
}

/*
a img {  
  border: 1px solid #847A67; 
  padding: 5px;
  margin: 5px 15px 5px 0px;
  background-color: #fff;
}
*/





acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}




blockquote {
	margin: 15px; 	padding: 0 0 0 5px;  	
  	background: #FAFAFA; 
	border: 1px solid #eee; 
	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 
	color: #504634;	
}




a {
color: #464544;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #504634;
}








/*=MASTHEAD
=== === === === === === === === === === */
#masthead-m {




}




#nav ul{
position: absolute;
margin: 10px 10px 0 0;
padding: 0px 10px 0 0px;
text-align: left;
}




#nav li {
list-style: none;
display: inline;
color: #fff;
text-align: left;
margin:  10px 5px 10px 5px;
padding: 10px 5px 10px 5px;
}




#nav a {
text-decoration: none;
color: #fff;
}




#nav a:hover {
text-decoration: underline;
color: #D4CAB6;
}

#find {
 clear: right;
 float: right;
 Width: 150px; 
 margin:  2px 2px 2px 2px;  /*top */
 padding: 3px 5px 5px 5px;
 color: #FFF;
}






hr {
background:#f2f2f2;
height:1px;
color:#f2f2f2;
border:none;
margin:1em 0;
}




hr.sb  {
background:#847A67;
height:1px;
color:#847A67;
border:none;
margin:1em 0;
}

/*=CONTENT
=== === === === === === === === === === */


.content h1, h2, h3, h4, h5, h6 {
color: #695F4C;
font-weight: bold;
}

/*.content{ 
width: 670px; /* was 670 744 DY content is  675 */
}*/

/*=FOOTER
=== === === === === === === === === === */
#footer-m {

}




#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
color: #504634;
}




/*=PRINTER
=== === === === === === === === === === */




@media print{
/*hide the left column when printing*/
#leftcolumn{display:none;}
#rightcolumn{border-left:0;}
}




/*=OTHER
=== === === === === === === === === === */




/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center {	text-align: center; }




/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

/* THIS IS SECTION IS FOR OPEN REALTY */

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

td a, a:hover{
text-decoration: none;
}


div img {
border-width: 1px;
border-color: #000000;
border-style: dotted;
}

/*
> Hi All,
>
> What's the difference between:
>
> #header {
> width: 100%;
> }
>
> and
>
> div.header {
> width: 100%;
> }[/color]

#header applies the styles to any element with id="header", while
div.header applies the styles to divs with class="header".
*/