#access-links
{
/*	position:			absolute;*/
	top:				14px;
	left:				20px;
	width:				500px;
	height:				25px;
	color:				#FFFFFF;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
}

#access-links a:link
{
	text-decoration:	none;
	color:				#FFFFFF;
}

#access-links a:visited
{
	text-decoration:	none;
	color:				#FFFFFF;
}

#access-links a:hover
{
	text-decoration:	underline;
}

#access-links a:active
{
	text-decoration:	underline;
}

DIV#bannerphotos
{
	width:				410px; 
	height:				180px;
	background-image:	url(../graphics/CornerImage-white.jpg); 
	background-repeat:	no-repeat; 
}

body
{
	background-color:	#FFFFFF;
/*	margin-top:			10px;   PB removed*/  
}

body,td,th
{
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

/* My original container
#container
{
	position:			relative;
	width:				823px;
	height:				auto;
	background:			#000000;
	margin-left:		auto;
	margin-right:		auto;
	background-image:	url(../graphics/container-mid.gif);
	top:				10px;
}
*/

#container
{
	display:			inline-block;
	width:				720px;
}

#container-top
{
	width:				823px;
	height:				38px;
	background-image:	url(../graphics/container-top.gif);
	background-repeat:	no-repeat;
	padding-top:		5px;
	margin:				0px;
}

#container-bottom
{
/*	position:			relative; */
	display:			inline-block;
	float:				left;
	width:				823px;
	height:				82px;
	background-image:	url(../graphics/container-bottom.gif);
	background-repeat:	no-repeat;
	margin-bottom:		0px;
	margin-top:			10px;
}

#containment
{
	width:200px;
}

#content
{
/*	position:			relative; */
/*	margin-top:			2.8em; */
/*	margin-bottom:		-2.85em; */
	left:				10px;
	width:				513px;
	min-height:			560px;
	height:				auto !important;					/* These two lines ensure that min-height */
	height:				560px;								/* works in Internet Explorer 6 */
	background:			#FFFFFF;
	background-image:	url(../graphics/content-mid.gif);
	padding-left:		18px;
	padding-right:		18px;
	font-size:			90%;
	display:			inline-block;
}

#content a:link
{
	font-weight:		bold;
	text-decoration:	none;
	color:				#000000;
}

#content a:visited
{
	font-weight:		bold;
	text-decoration:	none;
	color:				#000000;
}

#content a:hover
{
	text-decoration:	underline;
	color:				#846cff;
}

#content a:active
{
	text-decoration:	underline;
}

#content-top
{
/*	position:			relative; */
	top:				45px;
	left:				10px;
	width:				549px;
	height:				19px;
	background-image:	url(../graphics/content-top.gif);
}

#content-bottom
{
/*	position:			relative; */
	top:				0px;
	left:				0px;
	width:				549px;
	height:				19px;
	background-image:	url(../graphics/content-bottom.gif);
	color:				#FFFFFF;
}

#content-bottom-table
{
/*	position:			relative; */
	margin-top:			0px; /*-17px;*/
	margin-left:		10px;
}

.content-bottom-text
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			center;
	color:				#ffffff;
	background-color:	#000000;
}

.content-bottom-text a:link
{
	text-decoration:	none;
	color:				#FFFFFF;
}

.content-bottom-text a:visited
{
	text-decoration:	none;
	color:				#FFFFFF;
}

.content-bottom-text a:hover
{
	text-decoration:	underline;
	color:				#626cff;
}

.content-bottom-text a:active
{
	text-decoration:	underline;
}

#featuredsites
{
/*	position:			absolute; */
	width:				350px;
	height:				165px;
	margin-top:			-150px;
	margin-left:		385px;
}

.features A
{
	display:			block;
	padding:			2px 10px 2px 10px;
	color:				white;
	font-size:			14px;
	font-weight:		bold;
	line-height:		20px;
}
.features A:visited
{
	color:				white;
}
.features A:link
{
	color:				white;
}
.features A:active
{
	color: white;
	text-decoration: underline;
}
.features A:hover  {
	background-color: #D0E8E4;
	color: red;
}
.featuresbox{
	background-color: #D0E8E4;
	width: 180px;
	margin: 0px 0px 10px 10px;
	font-size: 9pt;
	color: black;
	text-align: justify;
}
.featuresbox p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}

DIV#flyouts
{
	position:			absolute;
	margin-left:		auto;
	width:				823px;
	margin-right:		auto;
	text-align:			left;
	top:				0px;
	z-index:			200;
	visibility:			visible;
}

DIV#footer {
	background-color: #B5E35E;
	width: 760px;
	margin-bottom: 20px;
	cursor:pointer;
}

/*
h1
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#000000;
	font-size:			18px;
	text-decoration:	underline;
}*/

#header
{
/*	position:			relative; */
	width:				700px;
	height:				170px;
	margin-top:			0px;
	margin-left:		20px;
	vertical-align:		middle;
}

#image_placeholder
{
	display:			inline-block;
	margin-left:		15px;
	width:				149px;
	height:				382px;
}

#inside
{
	display:			inline-block;
	width:				823px;
	background-image:	url(../graphics/container-mid.gif);
	background-repeat:	repeat-y;
	margin:				0px;
	padding:			0px;
}

.jammer {
	margin: 10px 0px 0px 0px;
}

#left_column
{
	display:			inline-block;
	float:				left;
	width:				170px;
}

#main_table
{
	width:				87%;
	margin-top:			0px;
	margin-left:		0px;
}

#right_column
{
	display:			inline-block;
	float:				left;
	width:				549px;
	background-color:	#ffffff;
}

#navigation
{
/*	position:			relative; */
	width:				169px;
/*	height:				315px;*/
	top:				46px;
/*	left:				10px; */
/*	background-image:	url(../images/navigation.gif); */
}

/*
p
{
	font-size:			12px;
}
*/

.pagetext
{
	background-color:		#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.panel {
	margin: 5px 14px 5px 14px;
	padding: 3px 0px 7px 0px;
	font-size: 85%;
	width:328px;
	overflow:hidden;
}

.paneledit {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.panelstyles p {
	margin-top: 6px;
	margin-bottom: 0px;
}
.panelstyles			{color:white; text-decoration:none; }
.panelstyles	A		{color:white; text-decoration:none; }
.panelstyles A:link		{color:white; text-decoration:none}
.panelstyles A:visited	{color:white; text-decoration:none}
.panelstyles A:hover	{color:yellow; text-decoration:none}
.panelstyles A:active	{color:white; text-decoration:underline}

.panelstyles H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	padding: 0px;
}
.panelstyles H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.panelstyles H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.panelstyles H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.panelstyles H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#portfolio_short_description
{
	vertical-align:		top;
}

#portfolio_title
{
	height:				48px;
	vertical-align:		middle;
}

DIV#redline
{
	margin:				0px 0px 0px 0px;
	font-size:			1px;
	line-height:		1px;
	background-color:	#FC1A12;
	height:				7px;
	clear:				both;
}

#wholepage
{
	margin-left:		auto;
	width:				823px;
	margin-right:		auto;
	text-align:			left;
	font-size:			90%;
	height:				auto;
/* Next two statements removed to allow text highlighting to function
after introduction of <base href="<%=SiteBaseAddress%>" /> - for XML dimple URLs
	position:relative; 
	z-index:100; 	
*/	
	visibility: 		visible;	
}

.lh {
float:left; text-align:right; width:115px; line-height:22px; overflow:hidden; /*border: 1px solid #ff0000;*/
}
.rh {
float:right; width:375px; text-align:left; line-height: 21px; /*border: 1px solid #00ff00;*/
}
.lr {
padding: 3px 0px 0px 0px; clear:both; /*border: 1px solid #0000ff;*/
}

.elh {
float:left; text-align:right; width:100px; line-height:22px; overflow:hidden; /*border: 1px solid #ff0000;*/
}
.erh {
float:right; width:437px; text-align:left; /*border: 1px solid #00ff00;*/
}
.elr {
padding: 3px 0px 0px 0px; clear:both; /*border: 1px solid #0000ff;*/
}