body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
p, td, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 130%;
	}

/*the headings. Note the Verdana does not get very bold, I have
it set to the thickest width possible and it doesn't seem to 
change.???*/
h1 {
	font-size: 100%;
	font-weight: bold;
	color: #5183D5;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0em;
	margin-bottom: 0.5em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #5183D5;
	margin-top: 0em;
	margin-bottom: 0.5em;
}
/*this is the content div for the top page*/

#topcontent  {
	position:absolute;
	left:205px;
	top:107px;
	width:370px;
	height:244px;
	z-index:3;
}
/*this pads the images in the right column on the top page*/
.toppageImages {
	padding-bottom: 20px;
}
/*this is for the quote on the top page*/

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-style: italic;
	color: #000000;
	line-height: 1.5em;
}
/*this is for the heading for the Inman News on the top page and its
associated link properties*/

.inmanHead {
	font-size: 85%;
	font-weight: bold;
	color: #7DA2E0;
}
/*these next two elements get rid of the dotted box Firefox always puts on visited links*/
a {
outline: none;
}

:focus {
  -moz-outline-style: none;
}
a.inman:link	{
	color: #7DA2E0;
	text-decoration: underline;
}
a.inman:visited	{
	color: #7DA2E0;
	text-decoration: underline;
}
a.inman:hover	{
	color: #7DA2E0;
	text-decoration: underline;
}

/*this controls the text that appears in the ticker tape on
the top page*/

.tickerText {
	color: #003366;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

/*the overall links for the site*/

a:link {
	color: #003399;
}
a:visited {
	color: #999999;
}	
a:hover {
	color: #999999;
}

.textlist {
	margin-left: 1em;
	padding-left: 0em;
	margin-top: -.5em;
	padding-top: 0em;
}	
.textlist li {
	margin-bottom: .2em;
	padding-bottom: 0em;
}
.orderedlist {
	margin-left: 1.5em;
	padding-left: 0em;
	margin-top: -.5em;
	padding-top: 0em;
}	
.orderedlist li {
	margin-bottom: .2em;
	padding-bottom: 0em;
}




/*these are the divs that are common to all pages*/

#topbanner  {
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:69px;
	z-index:1;
}
#sidebarnav  {
	 position:absolute;
	 left:0px;
	 top:69px;
	 width:150px;
	 z-index:2;
}




/*this is the content div for the secondary pages*/

#content {

	position:absolute;
	left:205px;
	top:107px;
	width:70%;
	height:244px;
	z-index:3;
}
/*this is for the address at the bottom of each page*/

.bottomlinks {
	font-size: 65%;
	line-height: 2.3em;
	width: 500px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #5183D5;
	margin-top: 2em;
	margin-bottom: 0em;
	padding-bottom: .5em;
	padding-top: 8px;
	vertical-align: bottom;
	clear: left;
}
/*this is for the address at the bottom of each page*/

.bottominfo {
	font-size: 65%;
	line-height: 1.3em;
	width: 500px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5183D5;
	margin-top: 0em;
	margin-bottom: 3em;
	padding-bottom: 3em;
	padding-top: 2px;
	vertical-align: bottom;
	clear: left;
}
/*this is for information called out to the right side of each page*/

.rightsidebar  {
	width:170px;
	z-index:7;
	top: 10px;
	padding: 8px 0px 0px 8px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #5183D5;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #5183D5;
	}
	
.rightsidebar p {
	padding: 0px;
	margin: 0px;
}

/*this is the content div for the portfolio pages*/

#portfolioContent  {
	position:absolute;
	left:0px;
	top:50px;
	width:560px; 
	z-index:3;
}

/*this is the div that holds the pictures on the top page*/

#rightsidebar  {
	position:absolute;
	left:620px;
	top:107px;
	width:140px;
	height:100px;
	z-index:4;
}

/*this is the div that holds the address up in the upper right on
all pages. It will float to the right as the browser is opened*/

#topaddress  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	height: 69px;
	width: 200px;
	text-align: right;
}

/*these links are for the email address in the topaddress div*/

a.topaddress:link	{
	color: #FFFFFF;
	text-decoration: underline;
}
a.topaddress:visited	{
	color: #FFFFFF;
	text-decoration: underline;
}
a.topaddress:hover	{
	color: #FFFFFF;
	text-decoration: underline;
}




.portfolioTdHeads {
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.portfolioTdProperties {
	font-weight: normal;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 10px;
}
.imgfloatright {
	margin: 0px;
	padding: 0px;
	float: right;
}
.imgfloatleft {
	margin: 0px;
	float: left;
	padding-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
}
hr {
	font-weight: bold;
	color: #7DA2E0;
	width: 75%;
	height: 1px;
	clear: left;
	text-align: left;
}
/*This is the left side navigation layer. It has a blue border along the right edge and is set to 700px tall. */
#sidenav {
	position:absolute;
	left:0px;
	top:69px;
	height: 600px;
	width:150px;
	overflow: visible;
	z-index:5;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: #7DA2E0;
	visibility: visible;
	}

/*This is to position John's picture below the left side navigation topics. */
#sidenavpicture {
	position:absolute;
	left:0px;
	top:380px; 
	width:150px;
	overflow: visible;
	z-index:5;
	border-right-style: none;
	border-right-width: 1px;
	border-right-color: #7DA2E0;
	visibility: visible;
	}
/*These are the link styles for the flyout side nav items, which are displayed as list items within the menu magic generated layers. */	

.navlist  {
	background-color: #7DA2E0;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	margin-left: 5px;
	padding-left: 3px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	list-style-type: none; 
}
.navlist li {
	font-size: 80%;
	font-weight: bold;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 4px;
	padding-top: 0px;
	color: #FFFFFF;
 }

#sidetopblue {
	position:absolute; 
	width:150px; 
	height:115px; 
	z-index:401; 
	left: 0px; 
	top: 69px; 
}
/* attributes used for the magic menu styling */

.p7tbsub {
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	border-top: 0.1px solid #FFFFFF;
	border-right: 0.1px solid #FFFFFF;
	border-bottom: 0.1px solid #FFFFFF;
	border-left: 1px none #7DA2E0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: auto;
}

.p7tbsub a {
	background-color: #7DA2E0;
	display: block;
	width: 100%; /* IE 5 PC reads this */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px; /* IE5Mac IE6 Mozilla Opera read this */
}
.p7tbsub a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.p7tbsub a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.p7tbsub a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.p7tbsub a:active {
	color: #FFFFFF;
	text-decoration: none;
	}
.p7tbdn { /* not called out since we're using graphic navigation buttons */
	color: #FF9900 !important; 
	font-weight: bold;
}
 
#p7TBtrig10 {
	position:absolute; 
	left: 0px; 
	top: 103px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
#p7TBsub10.p7tbsub {
	position:absolute; 
	left: 150px; 
	top: 103px; 
	width: 180px; 
	z-index: 400; 
	visibility: hidden;
}
#p7TBtrig20 {
	position:absolute; 
	left: 0px; 
	top: 128px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
#p7TBsub20.p7tbsub { 
	position:absolute; 
	left: 150px; 
	top: 128px; 
	width: 180px; 
	z-index: 400; 
	visibility: hidden;
}
#p7TBtrig30 {
	position:absolute; 
	left: 0px; 
	top: 170px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig40 {
	position:absolute; 
	left: 0px; 
	top: 212px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig50 {
	position:absolute; 
	left: 0px; 
	top: 241px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig60 {
	position:absolute; 
	left: 0px; 
	top: 283px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig70 {
	position:absolute; 
	left: 0px; 
	top: 312px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig80 {
	position:absolute; 
	left: 0px; 
	top: 341px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
#p7TBtrig90 {
	position:absolute; 
	left: 0px; 
	top: 370px; 
	width: 150px; 
	z-index: 300; 
	visibility: visible;
}
 
.portfoliophoto {
	padding: 0px;
	float: left;
	margin-right: 10px;
}
.companyplease {
	font-style: italic;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5183D5;
	padding-top: .5em;
	margin-top: 1em;
}