body {
font-family: verdana, arial, sans serif;
width:100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 2%;
margin-left: 0px;
margin-right: 0px;
background: #36414D;
/* background: #61666B; */
}

/* ------------------------------------ */
/* ############ LINK STYLES ############# */
/* ------------------------------------ */

a {
color: #006994;  
text-decoration: underline;
}


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

a:visited {
color: #2D544A;  
text-decoration: underline;
}

A.white:visited { color: #FFFFFF; text-decoration: none; background: transparent; font-size: 8pt;}
A.white:link  { color: #FFFFFF; text-decoration: none; background: transparent; font-size: 8pt;}
A.white:hover { color: #000000; text-decoration: none; font-size: 8pt;}

A.dkblue:visited { color: #663366; text-decoration: none; font-size: 100%;  }
A.dkblue:link  { color: #333399; text-decoration: none; font-size: 100%;  }
A.dkblue:hover { color: #000000; text-decoration: none;  }

A.black:visited { color: #333333; text-decoration: none; font-size: 100%;  }
A.black:link  { color: #333333; text-decoration: none; font-size: 100%;  }
A.black:hover { color: #000000; text-decoration: none; }

A.brown:visited { color: #B26D3C; text-decoration: underline; font-size: 100%;  }
A.brown:link  { color: #B26D3C; text-decoration: underline; font-size: 100%;  }
A.brown:hover { color: #000000; text-decoration: none;  }

A.sectop:visited { color: #663366; text-decoration: none;  }
A.sectop:link  { color: #0000CC; text-decoration: none; }
A.sectop:hover { color: #000000; text-decoration: none; }

A.pic:visited { text-decoration: none; background: transparent;}
A.pic:link  { text-decoration: none; background: transparent;}
A.pic:hover { text-decoration: none; background: transparent;}

/* ------------------------------------ */
/* ######### TOP NAV STYLES ######### */
/* ------------------------------------ */

.toprow1
{ 
position: relative;
padding: 3px;
background-color:#999999; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #dad7de; 
border-right-color: #999999; 
border-left-color: #999999; 
border-bottom-color: #999999;
/* border-bottom-color: #dad7de; */
text-align: right;
color: #FFFFFF; 
font-weight: normal; 
font-size: .7em;
}

.middlerow
{ 
position: relative;
background-color:#5770A8; 
color: #FFFFFF;
padding-top: 7px;
padding-bottom: 7px;  
width: 100%;
text-align: center;
font-size: .7em;
}

#topimg1
{
float: left;
text-align: left;
vertical-align: top;
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#topimg2
{
float: right;
text-align: right;
background-color: #5770A8; 
vertical-align: top;
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
clear: both;
}


.middlerow2
{ 
position: relative;
display: block;
background-color:#5770A8; 
background-image: url('images/banimg8.jpg');
background-repeat: no-repeat;
background-position: left;
height: 90px;
border-style: solid; 
border-top-width: 0pt;
border-left-width: 0pt;
border-bottom-width: 6pt;
border-right-width: 0pt;
border-top-color: #dad7de; 
border-right-color: #5770A8; 
border-left-color: #5770A8; 
border-bottom-color: #A5D9EC;
 /* this sets the tab bar color */
padding-top: 0px;
padding-bottom: 0px;  
padding-right: 0px;
padding-left: 0px;  
width: 100%;
text-align: center;
font-size: .7em;
margin-top: 0px;
}



span#logo {
position: relative;
vertical-align: top;
left: 0px;
width: 200px;
height: 80px;
}

.middlerow2 a:hover
{ 
position: relative;
display: inline;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;   
background-color:#A6C9E7; 
/* background-color:#00A6E7; */
border-style: solid; 
border-width: 1pt; 
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #A6C9E7;
text-align: right;
color: #000000; 
font-weight: normal; 
font-size:100%; 
}
  
.middlerow2 ul 
{
float:right; 
text-align: left;
margin-top: 71px;
margin-bottom: 0px;
margin-right: 5px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
/* width property here properly positions buttons in IE 
and removes bottom scroll bar that is added from padding-left definition
padding-left: 120px; width: 300px;
*/
list-style-type: none;
clear: both;
}

.middlerow2 li 
{
float:left; 
text-align: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px -1px;
}


A.white2:visited{
position: relative; 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
background: #038CCC;
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #81C8E4;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px; 
}

A.white2:link  { 
position: relative;
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
background: #038CCC; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px; 
}

A.white2:hover {
position: relative; 
color: #000000; 
font-weight: normal; 
text-decoration: none; 
background: #E3F1BA; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #E3F1BA; 
border-right-color: #E3F1BA; 
border-left-color: #E3F1BA; 
border-bottom-color: #E3F1BA;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px; 
}


#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #A5D9EC;
border-style: solid; 
border-width: 1pt; 
border-top-color: #E3DDCF; 
border-right-color: #81C8E4; 
border-left-color: #E3DDCF; 
border-bottom-color: #A5D9EC;
background-repeat: no-repeat;
background-position: 0% 50%;
color: #000000;
}


.swirl
{
float: right;
text-align: right;
width: 172px;
vertical-align: top;
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
clear: both;
}

/* ------------------------------------ */
/* ######### LEFT NAV STYLES ######### */
/* ------------------------------------ */


#left-box
	{
	float:left;
	width: 202px; 
	vertical-align: top;
	font-family: verdana, arial, sans serif;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	}
	

#leftnav1	
	{ 
	background-color:#5770A8; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 197px; 
	/* 	border:#292E33 solid 1px; margin-top: 50px; */
	}

  
#leftnav1 ul 
{
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 5px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
width: 197px;
list-style-type: none;
list-style-position: outside;
display:  list-item;
}

#leftnav1 li a
{
	display: block;
	border: 1px solid ;
	border-top-color: #F5F7F8; 
	border-right-color: #F5F7F8; 
	border-left-color: #F5F7F8; 	
	border-bottom-color: #F5F7F8;
	font-size: .8em;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-left:5px;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color:#563F23; 
	color: #E3DDCF;
	text-align: left;
	width: 90%;
	text-decoration: none; 

}

#leftnav1 li a:hover
{

display: block;
padding-top: 3px;
padding-left: 6px;
padding-bottom: 5px;
padding-right: 0px;
margin-left:5px;
margin-top: 1px;
margin-bottom: 0px;
margin-right: 0px; 
background-color:#A6C9E7; 
border: 1px solid #5EB5D5;
border-top-color: #F5F7F8; 
border-right-color: #F5F7F8; 
border-left-color: #F5F7F8; 	
border-bottom-color: #F5F7F8;
text-align: left;
color: #000000; 
font-weight: normal; 
width: 90%;
text-decoration: none; 

}


#selected a:link, #selected a:visited,
#selected a:hover, #selected a:active
{

display: block;
padding-top: 3px;
padding-left: 6px;
padding-bottom: 5px;
padding-right: 0px;
margin-left:5px;
margin-top: 1px;
margin-bottom: 0px;
margin-right: 0px; 
background-color:#A6C9E7; 
border: 1px solid #5EB5D5;
border-top-color: #F5F7F8; 
border-right-color: #F5F7F8; 
border-left-color: #F5F7F8; 	
border-bottom-color: #F5F7F8;
text-align: left;
color: #000000; 
font-weight: normal; 
width: 90%;
text-decoration: none; 
/* background: url(images/arrow2.gif) right bottom no-repeat; */
}

	
.leftsec	
{
	display: block;
	color: #E3DDCF; 
	font-weight: bold; 
	font-size: .9em; 	 
	text-align: center;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

.leftnav2	
	{ 
	background-color:#EDDEC1; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 197px; 
	}
	
.leftnav_wh	
	{ 
	background-color:#FFFFFF; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 197px; 
	}


.arch	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch.gif) left top no-repeat;
	position: relative; 
	}
	
.topics	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch.gif) left top no-repeat;
	position: relative; 
	margin-top:0px; 
	border:0px solid #00533E;
	/* border:1px solid #999966; top:50px;*/
	border-top-color: #00533E; 
	border-right-color: #00533E; 
	border-left-color: #00533E; 	
	border-bottom-color: #00533E;
	width: 195px; 
	padding: 5px;
	text-align: center;
	vertical-align: top;
	}
	
	
.bottomarch	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch_bottom.gif) left bottom no-repeat;
	position: relative; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}
	
	
.bottomarch_bl	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch_bottom_blue.gif) left bottom no-repeat;
	position: relative; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	margin-left:0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	}	
	
.bottomarch_gr	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch_bottom_gr.gif) left bottom no-repeat;
	position: relative; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}
	
.bottomarch_br	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch_bottom_br.gif) left bottom no-repeat;
	position: relative; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

.topics2	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch2.gif) left top no-repeat;
	position: relative; 
	top:0px; 
	border:0px solid #00533E;
	/* border:1px solid #999966; */
	border-top-color: #00533E; 
	border-right-color: #00533E; 
	border-left-color: #00533E; 	
	border-bottom-color: #00533E;
	width: 195px; 
	padding: 5px;
	text-align: center;
	vertical-align: top;
	}
	
	
.topics3	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/arch3.gif) left top no-repeat;
	position: relative; 
	top:0px; 
	border:0px solid #00533E;
	/* border:1px solid #999966; */
	border-top-color: #00533E; 
	border-right-color: #00533E; 
	border-left-color: #00533E; 	
	border-bottom-color: #00533E;
	width: 195px; 
	padding: 5px;
	text-align: center;
	vertical-align: top;
	}


	
.sec	{
	color: #B2E7DF; 
	font-weight: bold; 
	font-size: .8em; 	 
	text-align: center;
	}

.sec2	{
	color: #333333; 
	font-weight: bold; 
	font-size:1em; 	 
	text-align: center;
	}
	
.sec3	{
	color: #E3DDCF; 
	font-weight: bold; 
	font-size:.8em; 	 
	text-align: center;
	}

.sec4	{
	color: #CEE4ED; 
	font-weight: bold; 
	font-size:.8em; 	 
	text-align: center;
	}

.linkpad3
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
padding-top: 5px; 
padding-bottom: 0px; 
padding-left: 5px; 
padding-right: 0px; 
list-style-type: none;
list-style-position: outside;
display:  list-item;
}

.line	
	{ 
	position: relative;
	border: 1px solid #5EB5D5;
	border-top-color: #F5F7F8; 
	border-right-color: #F5F7F8; 
	border-left-color: #F5F7F8; 	
	border-bottom-color: #F5F7F8;
	width: 90%;  
	font-size: .8em;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-left:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color:#BAD0EC; 
	text-align: left;
	}

.line2	
	{ 
	position: relative;
	display:  list-item;
	list-style-type: disc;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

.tech	
	{ 
	display: block;
	background-color:#CCCCCC; 
	position: relative; 
	top:1px; 
	border:1px solid #999999;
	/* border:1px solid #999966; */
	border-top-color: #999999; 
	border-right-color: #999999; 
	border-left-color: #999999; 	
	border-bottom-color: #999999;
	width: 143px; 
	padding: 3px;
	text-align: center;
	vertical-align: top;
	}

.popup
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #5B473B;
}


.popup  a:visited { color: #5B473B; text-decoration: underline; font-weight: normal; }
.popup  a:link  { color: #5B473B; text-decoration: underline; font-weight: normal;}
.popup a:hover { color: #000000; text-decoration: underline; font-weight: normal;}

.popup ul
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 10px; 
padding-right: 0px; 
list-style-type: none;
list-style-position: outside;
}

.popup h2
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 10px; 
padding-right: 0px; 
text-align: left;
}


.popup2OLD
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #124F2E;
}


.quote
{

	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #124F2E;
}

.author
{
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: right;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #124F2E;
}

.popup3
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #124F2E;
}


.quotetop	
	{ 
	display: block;
	background-color:#038CCC; 
	background: url(images/quotetop.gif) left top no-repeat;
	position: relative; 
	top:0px; 
	border:0px solid #00533E;
	/* border:1px solid #999966; */
	border-top-color: #00533E; 
	border-right-color: #00533E; 
	border-left-color: #00533E; 	
	border-bottom-color: #00533E;
	width: 195px; 
	padding: 5px;
	text-align: center;
	vertical-align: top;
	}

.quotetop_OLD	
	{ 
	display: block;
	background-color:#CEE4ED; 
	background: url(images/quotetop.gif) left top no-repeat;
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 197px; 
	text-align: center;
	vertical-align: top;
	}
	
.quotesec	
	{ 
	background-color:#A7DC92; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 197px; 
	}
	
.quotesec_OLD	
	{ 
	background-color:#A7DC92; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 175px; 
	border:1px solid;
	border-top-color: #09A58D; 
	border-right-color: #CEE4ED; 
	border-left-color: #CEE4ED; 	
	border-bottom-color: #09A58D;

	}


.quotable_OLD
{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #124F2E;
}

.quotebot	
	{ 
	display: block;
	background-color:#CEE4ED; 
	background: url(images/quotebot.gif) left bottom no-repeat;
	position: relative;
	text-align: left;
	vertical-align: top; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-right: 0px;
	}


/* ------------------------------------ */
/* ######### RIGHT NAV STYLES ######### */
/* ------------------------------------ */

RIGHT#pagecontalt {
position: relative; 
vertical-align: top;
font-family: verdana, arial, sans serif;
width:70%; 
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 50px;
margin-right: 0px;
background: #A5D9EC;
border:#292E33 solid 5px;
border-top: none;
/* width: 700px; */
}

RIGHT#right-box
	{
	float: right; 
	width: 200px; 
	vertical-align: top;
	font-family: verdana, arial, sans serif;
	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	}
	

RIGHT.rightnav	
	{ 
	background-color:#EDDEC1; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 197px; 
	}

RIGHT.popup
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #5B473B;
}


RIGHT.quotetop	
	{ 
	display: block;
	background-color:#CEE4ED; 
	background: url(images/quotetop.gif) left top no-repeat;
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -2px;
	font-size: 10pt; 	
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 197px; 
	text-align: center;
	vertical-align: top;
	}
	
RIGHT.quotesec	
	{ 
	background-color:#09A58D; 
	position: relative; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: normal; 
	font-size: 10pt; 	
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
	border-top: none;
	width: 175px; 
	border:1px solid;
	border-top-color: #09A58D; 
	border-right-color: #CEE4ED; 
	border-left-color: #CEE4ED; 	
	border-bottom-color: #09A58D;

	}

RIGHT.quotable
{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 80%; 
	font-weight: normal;
	color: #CEE4ED;
}

RIGHT.quotebot	
	{ 
	display: block;
	background-color:#CEE4ED; 
	background: url(images/quotebot.gif) left bottom no-repeat;
	position: relative;
	text-align: left;
	vertical-align: top; 
	width: 197px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

/* ------------------------------------ */
/* ######### PAGE STRUCTURE STYLES ######### */
/* ------------------------------------ */

#pagecont {
position: relative;
vertical-align: top;
font-family: verdana, arial, sans serif;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 230px;
background: #A5D9EC;
border:#292E33 solid 5px;
border-top: none;
/* NO WIDTH HERE ENABLES RIGHT FLEXIBLE SCALING */
/* KNOWN TRADE-OFF: LEFT COLUMN CUTS OFF IN IE WHEN LONGER THAN TEXT IN RIGHT COLUMN */
}

#pageconthome {
position: relative;
vertical-align: top;
font-family: verdana, arial, sans serif;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 230px;
background: #A5D9EC;
border:#292E33 solid 5px;
border-top: none;
/* NO WIDTH HERE ENABLES RIGHT FLEXIBLE SCALING */
/* KNOWN TRADE-OFF: LEFT COLUMN CUTS OFF IN IE WHEN LONGER THAN TEXT IN RIGHT COLUMN */
}

#pagecontblog {
position: absolute;
vertical-align: top;
font-family: verdana, arial, sans serif;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
background: #A5D9EC;
border:#292E33 solid 5px;
border-top: none;
width:76%;
/* THIS IS THE IE WORKAROUND USED ON BLOG PAGES SINCE LEFT COLUMN IS LONGER THAN RIGHT */
}

html>body #pagecontblog {position: relative; margin-left: 230px; width:auto;}
/* FIREFOX AND OPERA SEE THIS */


#pagecont_ORG {
position: relative;
vertical-align: top;
font-family: verdana, arial, sans serif;
width:68%; 
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 230px;
background: #A5D9EC;
border:#292E33 solid 5px;
border-top: none;
/* width: 700px; width:68%;*/

}

#pagesetup
	{
	background-color:#FFFFFF;
	width:100%; 
	}

#wrap
	{
	position: relative;
	background: #36414D;
vertical-align: top;
	border:#9CA1A6 solid 1px;
	margin:0px auto;
	position:relative;
	width:90%; 
	}

/* this creates the lt blue margin */
.maincontent	
	{ 
	font-weight: normal; 
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	text-align: left;
	vertical-align: top;
	}	


.mainsec {
background-color:#F5F7F8; 
border:#333366 solid 1px;
border-top-color: #5EB5D5; 
border-right-color: #5EB5D5; 
border-left-color: #5EB5D5; 
border-bottom-color: #5EB5D5;
margin: 0px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-top: 0px;
}

.mainsec2 {
float: left;
background-color:#F5F7F8; 
border:#333366 solid 1px;
border-top-color: #5EB5D5; 
border-right-color: #5EB5D5; 
border-left-color: #5EB5D5; 
border-bottom-color: #5EB5D5;
margin: 0px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-top: 0px;
}

#homewrapfl {
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

#homebox {
width: 99%;
vertical-align:top;
float:right;
background-color:#E9E9E9;
/*background-color:#4f5f70;*/
border: 1px solid #FFFFFF;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 	
border-bottom-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 15px;
}


#homeintro {
display: block;
float:left;
vertical-align: top;
width: 42%;
position: relative;
margin-left: 8px;
margin-top: 16px;
margin-bottom: 20px;
margin-right: 0px; 
padding-top: 0px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
border: 1px solid #FFFFFF;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 	
border-bottom-color: #FFFFFF;
background-color:#E9E9E9;
}

#homeintro p
{
font-family: verdana, arial, sans serif;
text-align: left;
padding-right: 10px; 
padding-top: 0px; 
}

#homeintro span
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 5px;
margin-left: 0px;
}

.frontcommentswh
{

margin-left: 0px;
margin-top: 15px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 10px;
padding-right: 0px;
padding-left: 17px;
padding-bottom: 10px;
border: 1px solid #FFFFFF;
background-color:#F5F7F8;
font-size: .9em; 
}


.tophdr
{
background-color:#5EB5D5;
border:#333366 solid 2px;
font-family: verdana, arial, sans-serif;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
font-size: 115%; 
color: #FFFFFF;
font-weight: normal;
padding: 10px;
text-align: center;
}

#pagefoot {
clear: both;
position: relative; 
vertical-align: top;
font-family: verdana, arial, sans serif;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
background: #5EB5D5;
border:#333366 solid 1px;
font-family: verdana, arial, sans-serif;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
}


.hidden-msg
{
height:1px;
width:1px;
overflow:hidden;
position:absolute;
top:-60px;
left:50%;
font-size:1%;
color:#292929;
}


	
/* ------------------------------------ */
/* ######### FONT FORMATTING STYLES ######### */
/* ------------------------------------ */

.tinytxt{
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 70%; 
color: black;
font-weight: normal;
}

.blue{
text-align: center;
font-family: verdana, arial, sans-serif;
color: #006994;
font-weight: normal;
}

.grey1{
font-family: verdana, arial, sans-serif;
color: #CCCCCC;
font-size: 80%; 
font-weight: normal;
}

.grey2{
font-family: verdana, arial, sans-serif;
color: #CCCCCC;
font-size: 70%; 
font-weight: normal;
}

.norm	{ 
	font-size: 10pt; 
	font-weight: normal;
	}

p	{ 
	font-size: 10pt; 
	font-weight: normal;
	}
	
.ital	{ 
	font-size: 10pt; 
	font-weight: normal;
	font-style: italic;
	}
	
span.rt	{ 
	font-size: 10pt; 
	font-weight: normal;
	text-align: right;
	padding-left: 50px;
	}
	
p.center	{ 
	font-size: 10pt; 
	font-weight: normal;
	text-align: center;
	}	
	
.empaward{
font-size: 10pt; 
font-family: verdana, arial, sans-serif;
color: black;
font-weight: normal;
font-style: italic;
padding-left: 22px;
margin-top: 50px;
margin-bottom: 10px;
}

/* ------------------------------------ */
/* ######### CONTENT STYLES ######### */
/* ------------------------------------ */


/* Used for the main title on each page */
H1	{ 
	color: #B36D21; 
	font-weight: normal; 
	font-size: 170%; 
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	}

H2_OLD	{ 	
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 10px;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding: 5px;
	}
	
H2
	{
	color: #B26D3C;
	font-weight: bold; 
	font-size: 9pt; 
	font-family: verdana, arial, sans-serif;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}
	
H2.sub
	{
	color: #333333; 
	font-weight: normal; 
	font-size: 9pt; 
	font-family: verdana, arial, sans-serif;
	text-align: right;
	padding: 0px;
	margin: 0px;
	}
	
H2.pagetitle
	{
	color: #5DA6B5;
	font-weight: bold; 
	font-style: italic;
	font-size: 14pt; 
	font-family: "times new roman", "georgia", serif;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 0px;
	margin: 0px;
	}

H2.blognav
	{
	color: #5DA6B5;
	font-weight: normal; 
	font-style: italic;
	font-size: 10pt; 
	font-family: "times new roman", "georgia", serif;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 0px;
	margin: 0px;
	}	
	
H2.blog
	{
	color: #B26D3C;
	font-weight: normal; 
	font-size: 9pt; 
	font-family: verdana, arial, sans-serif;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}

H3.fir
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 15px;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding: 5px;
}

H3
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 25px;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding: 5px;
}

H4
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 25px;
padding: 5px;
color: #333333;
}

H5{
font-size: 10pt; 
font-family: verdana, arial, sans-serif;
color: black;
font-weight: normal;
font-style: italic;
padding-left: 22px;
margin-top: 30px;
margin-bottom: 10px;
}

H6{
        font-family: verdana, arial, sans-serif;
        font-size: 92%;
        color: black;
        font-weight: bold;
        }

.ttxt5
{
font-family: verdana, arial, sans-serif;
font-size: 80%; 
color: black;
font-weight: normal;
margin-left: 20px;
margin-right: 20px;
    padding-top: 5px;
}

.nosee {
color: #FFFFFF;  
text-decoration: none;
}

.subheading1
	{
	border:1px solid #FFFFFF;
	background-color: #E4DDC5;
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF; 	
	border-bottom-color: #666666; 
	color: #333399; 
	font-weight: bold; 
	font-family: verdana, arial, sans-serif;
	padding: 4px;
	padding-bottom: 20px;
	}
	
.subheading2
	{
	display: block;
	position: relative; 
	color: #333333; 
	font-weight: normal; 
	font-size: 85%; 
	font-family: verdana, arial, sans-serif;
	text-align: right;
	}

#portnav
{
display: block;
position: relative; 
vertical-align: top;
text-align:right;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 8px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 8px;
}

#portnav span
{
font-family: verdana, arial, sans-serif;
font-size: 8pt; 
color: #666666;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

#portnav a:visited { color: #666666; text-decoration: none; font-weight: normal; }
#portnav a:link  { color: #666666; text-decoration: none; font-weight: normal;}
#portnav a:hover { color: #000000; text-decoration: none; font-weight: normal;}
 
#nextpages
{
display: block;
position: relative; 
vertical-align: top;
text-align:right;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 8px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 8px;
}

#nextpages span
{
font-family: verdana, arial, sans-serif;
font-size: 8pt; 
color: #666666;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

#nextpages a:visited { color: #666666; text-decoration: none; font-weight: normal; }
#nextpages a:link  { color: #666666; text-decoration: none; font-weight: normal;}
#nextpages a:hover { color: #000000; text-decoration: none; font-weight: normal;}
 
 
#viewslnk
{
font-family: verdana, arial, sans-serif;
font-size: 10pt; 
color: #666666;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}


.projbox {
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 10px;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

.projbox2 {
display: block;
position: relative; 
font-family: verdana, arial, sans serif;
color: #333333;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding-top: 10px;
padding-right: 10px;
padding-left: 0px;
padding-bottom: 10px;
}

.projbox3 {
display: block;
position: relative; 
font-family: verdana, arial, sans serif;
color: #333333;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-left: 0px;
padding-bottom: 10px;
}

.snapshot	{ 
	background-color:#CCCCCC;  
	border: 1px solid #999999;
	border-top-color: #999999; 
	border-right-color: #999999; 
	border-left-color: #999999; 	
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: top;
	}

.snapshot2	
	{ 
	float: left;
	background-color:#CCCCCC;  
	border: 1px solid #999999;
	border-top-color: #999999; 
	border-right-color: #999999; 
	border-left-color: #999999; 	
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	vertical-align: top;
	}		
	
.snapshot3	
	{ 
	float: left;
	margin: 0 auto;
	width: 90%;
	}	
	
.picview	
	{ 
	background-color:#333333;  
	border: 1px solid #999999;
	border-top-color: #999999; 
	border-right-color: #999999; 
	border-left-color: #999999; 	
	border-bottom-color: #999999;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: top;
	}
	
.picbord	
	{ 
	border: 1px solid #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.picbord2	
	{ 

background-color:#B0BFDB;  
border: 1px solid #87A1C7;
padding-top: 35px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 35px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
	}
	
	
img { 
border: 0px none; 
}



/* 

#rtinfo {
float: right;
position: relative;
margin-right: 0px;
margin-left: 0px;
padding-bottom: 20px;
background-color: #F5F7F8;
width: 28%;
}

border: 1px solid #FFFFFF;
width: 190px;
 */

#bio {
display: block;
float: right;
position: relative;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: 0px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
background-color:#F5F7F8; 
}

#bio img { 
border: 1px solid #CCCCCC;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}


#bio2 img { 
float: left;
padding-top: 5px;
padding-right: 25px;
padding-left: 5px;
padding-bottom: 0px;
text-align: left;
}

#home1 {
float: left;
position: relative;
vertical-align: top;
}

#blogad2 {
display: block;
float: right;
position: relative;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px; 
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
border: 1px solid #FFFFFF;
background-color:#E9E9E9;
}

#blogad2 p
{
font-family: verdana, arial, sans serif;
text-align: left;
padding-right: 10px; 
padding-top: 0px; 
}

#blogad2 span
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 5px;
margin-left: 0px;
}


#blogad2 ul
{
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
margin-top: 8px;
margin-bottom: 12px;
margin-right: 10px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}


#blogad2 li
{
font-family: verdana, arial, sans serif;
font-size: .75em; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 8px; 
}


#bloglnks {
display: block;
float: right;
position: relative;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
background-color:#E9E9E9;
border: 1px solid #FFFFFF;
}


#blogad {
display: block;
float: right;
position: relative;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
background-color:#E9E9E9;
border: 1px solid #FFFFFF;
}


#blogad span
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 5px;
margin-left: 15px;
}

#blogad ul
{
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
margin-top: 12px;
margin-bottom: 12px;
margin-right: 10px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}


#blogad li
{
font-family: verdana, arial, sans serif;
font-size: .75em; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 8px; 
}


#blogad p
{
font-family: verdana, arial, sans serif;
text-align: left;
padding-right: 10px; 
padding-top: 0px; 
background-color:#E9E9E9; 
}


#blogad3 {
display: block;
float:left;
vertical-align: top;
width: 42%;
position: relative;
margin-left: 15px;
margin-top: 16px;
margin-bottom: 20px;
margin-right: 0px; 
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
border: 1px solid #FFFFFF;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 	
border-bottom-color: #FFFFFF;
background-color:#E9E9E9;
}

#blogad3 p
{
font-family: verdana, arial, sans serif;
text-align: left;
padding-right: 10px; 
padding-top: 0px; 
}

#blogad3 span
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 5px;
margin-left: 0px;
}


#blogad3 ul
{
list-style-type: disc;
list-style-position: outside;
margin-left: 0px;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 5px; 
padding-top: 3px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
}


#blogad3 li
{
font-family: verdana, arial, sans serif;
font-size: .75em; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 8px; 
}

/*
#blogad3 a:link, #blogad3 a:visited, #blogad3 a:hover, #blogad3 a:active
{
color:#967b65;
background-color:#cbc0b7;
}
*/

.frontposts
{
float: left;
clear:both;
width: 95%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
border: 1px solid #FFFFFF;
background-color:#dce3d3;
font-size: .9em; 
}

.frontcomments
{
float: left;
width: 95%;
margin-left: 0px;
margin-top: 15px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 10px;
padding-right: 0px;
padding-left: 17px;
padding-bottom: 10px;
border: 1px solid #FFFFFF;
background-color:#dce3d3;
font-size: .9em; 
}
/*background-color:#e3e1dc; dad7d0; eef0ec*/

.frontcomments img
{
border: 1px solid #FFFFFF;
padding: 0px;
margin-top: 10px;
margin-bottom: 8px;
}

.tracker
{
float: left;
width: 100%;
margin-left: 0px;
margin-top: 15px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
border: 1px solid #FFFFFF;
background-color:#dce3d3;
font-size: .9em; 
}


.tracker p
{
text-align: center;
padding-left: 28px;
}

.tracker2
{
float: left;
width: 100%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
border: 0px solid #FFFFFF;
background-color:#dce3d3;
font-size: .9em; 
}


.tracker2 p
{
text-align: left;
padding-left: 28px;
}

.tracker img
{
border: 0px;
padding: 0px;
}

.frontcomments .pdf
{
float: left;
border: 0px;
padding: 0px;
margin-left: 15px;
margin-top: 5px;
}

.frontcomments .pr
{
float: left;
border: 0px;
padding: 0px;
margin-left: 0px;
padding-top: 15px;
font-size: .8em;
}

.frontcomments p
{
margin-left: 15px;
margin-top: 5px;
margin-bottom: 0px;
margin-right: 0px; 
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

.ubox_OLD
	{ 
	float: left;
	background-color:#B0BFDB;  
	border: 1px solid #87A1C7;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 0px;

	}
	
.ubox
	{ 
	position: relative; 
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}	
	
#ubox2
{
position: relative; 
background-color:#B0BFDB;  
vertical-align: top;
border: 1px solid #87A1C7;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 0px;
	text-align: center;
	width: 320px;
}
	
.pipe
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #FFFFFF;
}


.arrowl	
	{ 
	text-align: left;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.arrowr	
	{ 
	text-align: right;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


.linkpad4
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
padding-top: 5px; 
padding-bottom: 0px; 
padding-left: 20px; 
padding-right: 0px; 
list-style-type: disc;
list-style-position: outside;
}

.datetime
	{
	color: #3C566F;
	font-weight: normal; 
	font-style: normal;
	font-size: 8pt; 
	font-family: verdana, arial, sans serif;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-transform: uppercase;
	}


.blogpicbox	
	{ 
	margin: 40px 40px 40px 40px;
	text-align: center;
	}
	
.blogpic	
	{ 
	background-color: #E9E9E9;
	border: 1px solid #FFFFFF;
	padding: 20px 20px 20px 20px;
	}
	
.xtrapicbox	
	{ 
	margin: 10px 10px 10px 10px;
	text-align: left;
	}
	
.portshowbox	
	{ 
	margin: 10px 10px 10px 10px;
	text-align: center;
	}
	
.portshowbox2	
	{ 
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: .8em;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: top;
	text-align:center;
	border: 1px dashed #FFFFFF;
	color: #333333;
	width: 270px;
	height: 440px;
	}	
	
.portshowbox2 p	
	{ 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 9px;
	margin-left: 6px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 0px;
	vertical-align: top;
	}	
	
.portshowbox2 .leftadj	
	{ 
	text-align:left;
	vertical-align: top;
	}		
	
.xtrapic	
	{ 
	background-color: #E9E9E9;
	border: 1px solid #FFFFFF;
	padding: 5px 5px 5px 5px;
	}

.blogpiccaption	{
	color: #666666; 
	font-weight: normal;
	font-size: .7em; 	 
	text-align: center;
	}
	
.bloglist
{
	font-weight: normal; 
	font-size:.8em; 
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	}


/* ------------------------------------ */
/* ######### RESUME STYLES ######### */
/* ------------------------------------ */


#respage {
position: relative; 
vertical-align: top;
font-family: verdana, arial, sans serif;
width:90%;
padding: 0px;
margin-top: 0px;
margin-bottom: 2%;
margin-left: 4%;
margin-right: 6%;
background: #F5F7F8;
border:#292E33 solid 5px;
border-top: none;
}

.resmainsec {
background-color:#F5F7F8; 
border:#333366 solid 1px;
border-top-color: #5EB5D5; 
border-right-color: #AFAEAE; 
border-left-color: #AFAEAE; 
border-bottom-color: #AFAEAE;
margin-top: 0px;
}


.restophdr
{
background-color:#5EB5D5;
border:#333366 solid 2px;
font-family: verdana, arial, sans-serif;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
font-size: 115%; 
color: #FFFFFF;
font-weight: normal;
padding: 10px;
text-align: center;
}

#banner
{
display: block;
position: relative; 
vertical-align: top;
width: 98%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 10px;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 0px;
}

.banner2
{
display: block;
position: relative; 
text-align: right;
vertical-align: top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 10px;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 0px;
}

.smban
{

vertical-align: top;
font-family: verdana, arial, sans-serif;
font-size: 80%; 
color: black;
font-weight: normal;
}

.smimg

{
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 3px;
vertical-align: bottom;
}

.icon

{
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 1px;
vertical-align: bottom;
}

.smban1
{
position: relative; 
vertical-align: top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 10px;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 0px;
font-family: verdana, arial, sans-serif;
font-size: 80%; 
color: black;
font-weight: normal;
width: 40%;
}

.smbanmid
{

display: inline;
position: relative;
vertical-align: top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 10px;
padding-left: 70px;
padding-right: 0px;
padding-bottom: 0px;
font-family: verdana, arial, sans-serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
font-style: italic;
width: 230px;
}

.smban2
{

position: relative; 
vertical-align: top;
text-align: right;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-left: 30px;
padding-right: 5px;
padding-bottom: 0px;
font-family: verdana, arial, sans-serif;
font-size: 80%; 
color: black;
font-weight: normal;
width:40%;
}

H3.res
	{
font-family: verdana, arial, sans serif;
font-size: 100%; 
color: #196585;
font-weight: bold;
padding: 6px;
background: #E8F5F8;
border:#333366 solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #333366;
margin-top: 35px;
padding-top: 10px;
padding-bottom: 10px;
}

H3.first
	{
	font-family: verdana, arial, sans serif;
	font-size: 100%; 
	color: #196585;
	font-weight: bold;
	padding: 6px;
	background: #E8F5F8;
	border:#333366 solid 1px;
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF; 	
	border-bottom-color: #333366;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

H4.res 

{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-left: 0px;
margin-top: 35px;
}

.shade {
background-color:#D8D8D8; 
border:#AFAEAE solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
font-size: 110%; 
margin-top: 15px;
padding: 0px;
}

.shade2 {
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #E9E9E9; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
margin-top: 0px;
padding: 0px;
color: #333333;
}


.shade3	
	{ 
	background-color:#BFDCF3; 
	border:#007689 solid 1px;
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 10pt;
	color: #3C566F;
	}
	
.shade3first	
	{ 
	background-color:#BFDCF3; 
	border:#007689 solid 1px;
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 10pt;
	color: #3C566F;
	}
	
.shade4	
	{ 
	background-color:#E4EFFA; 
	border:#007689 solid 1px;
	border-top-color: #E4EFFA; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	font-size: 10pt;
	color: #3C566F;
	}

.klist{
font-family: verdana, arial, sans-serif;
font-size: 80%; 
color: black;
font-weight: normal;
margin-left: 50px;
}

.awards{
text-align: left;
font-family: verdana, arial, sans serif;
font-size: 80%; 
color: black;
font-weight: normal;
margin-left: 20px;
}


.adcd {
clear:both;
display: block;
position: relative; 
vertical-align: top;
text-align:left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.adcd img {
text-align:left;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}


#skillsB		
	{
		display: block;
		position: relative; 
		vertical-align: top;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 100px;
		margin-bottom: 0px;
		width: 65%;
		}
		
.skills1B
	{
float:left; 
text-align: left;
vertical-align: top;
margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 30px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 200px;
	}
	
.skills2B
	{
position: relative; 
vertical-align: top;
text-align: right;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
	
.linkpad3B
		{ 
		margin-left: 0px; 
		margin-top: 0px; 
		margin-right: 0px;
		padding-top: 0px; 
		padding-bottom: 0px; 
		padding-left: 0px; 
		padding-right: 0px; 
		}

.slist
{
text-align: left;
font-family: verdana, arial, sans-serif;
color: black;
font-weight: normal;
font-size: 75%; 
list-style-type: disc;
list-style-position:inside;
/* inside marker position shows bullets in IE -- outside doesn't */
}

.googme {
background-color: #D8DADA;
border:#AFAEAE solid 1px;
font-family: verdana, arial, sans-serif;
border-top-color: #AFAEAE; 
border-right-color: #AFAEAE; 
border-left-color: #AFAEAE; 
border-bottom-color: #AFAEAE;
font-size: 100%; 
color: #333333;
font-weight: normal;
padding: 20px;
text-align: center;
margin-top: 1px;
}

/* Wordpress Custom Styles */

.postmetadata 
{
display: block;
position: relative; 
vertical-align: top;
text-align:right;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 8px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 8px;
}

.postmetadata span
{
font-family: verdana, arial, sans-serif;
font-size: 11px; 
color: #666666;
font-weight: normal;
padding: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 1px;
margin-bottom: 0px;
margin-right: 0px;
}

.postmetadata  a:visited { color: #666666; text-decoration: underline; font-weight: normal; }
.postmetadata  a:link  { color: #666666; text-decoration: underline; font-weight: normal;}
.postmetadata  a:hover { color: #000000; text-decoration: underline; font-weight: normal;}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	color: #000000;
	}
	
.commentlist li {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-right: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 14px; 
	color: #333333;
	font-weight: bold;
	}

/*	border:#AFAEAE dashed 1px;
	border-top-color: #F5F7F8; 
	border-right-color: #F5F7F8; 
	border-left-color: #F5F7F8; 
	border-bottom-color: #AFAEAE;
*/
	
.highlighted {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-right: 0px;
	border:#AFAEAE dashed 1px;
	font-family: verdana, arial, sans-serif;
	border-top-color: #AFAEAE; 
	border-right-color: #AFAEAE; 
	border-left-color: #AFAEAE; 
	border-bottom-color: #AFAEAE;
	color: #333333;
	font-weight: normal;
	}
	
/* Begin Form Elements */


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
#commentform {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-right: 0px;
	}

#commentform input {
	width: 35%;
	padding: 2px;
	margin: 2px 2px 1px 0;
	}

#commentform textarea {
	width: 80%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	width: 200px;
	}
	
#searchform
{
	color: #000000; 
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 0px;
	}

#searchform label
{
color: #124F2E; 
font-weight: normal; 
font-size: 100%; 	 
text-align: left;
padding-left: 1px;
}

#searchform .submit
{
color: #000000; 
padding: 2px;
margin-top: 1px;
text-align: left;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	border:1px solid #418970;
	border-top-color: #418970; 
	border-right-color: #418970; 
	border-left-color: #418970; 
	border-bottom-color: #418970; 
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
	
/* End Form Elements */

/* border-bottom-color: #B2E7DF; */

/* ------------------------------------ */
/* ########  UNTOUCHED SAVED STYLES ########
----------------------------------------- 

A.white2:visited{
position: relative; 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
background: #038CCC;
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:3px; 
padding-right: 3px; 
}


A.white2:link  { 
position: relative;
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
background: #038CCC; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:3px; 
padding-right: 3px; 
}

A.white2:hover {
position: relative; 
color: #000000; 
font-weight: normal; 
text-decoration: none; 
background: #E3F1BA; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:3px; 
padding-right: 3px; 
}


#portnav
{
float:left; 
text-align: left;
vertical-align: top;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 5px;
padding-left: 50px;
padding-right: 0px;
padding-bottom: 1px;
}

#portnav span
{
font-family: verdana, arial, sans-serif;
font-size: 8pt; 
color: #666666;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

#portnav a:visited { color: #666666; text-decoration: none; font-weight: normal; }
#portnav a:link  { color: #666666; text-decoration: none; font-weight: normal;}
#portnav a:hover { color: #000000; text-decoration: none; background: #E3F1BA; font-weight: normal;}

*/

/* #################################################### */
/* ######### UNUSED STYLES FROM THIS POINT ON ######### */
/* #################################################### */

#navbar  { 
float:left; 
text-align: left;
background: #86CBEA;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
font-size: .7em;
clear: both;
width: 100%;
border-style: solid; 
border-top-width: 0pt;
border-left-width: 0pt;
border-bottom-width: 2pt;
border-right-width: 0pt;
border-top-color: #dad7de; 
border-right-color: #5770A8; 
border-left-color: #5770A8; 
border-bottom-color: #CAC7CD;
}

#navigation a
{
/*
color: #FFFFFF;
background: url(images/navl.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
position: relative;
 */
position: relative; 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
background: #038CCC;
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left:0px; 
padding-right: 0px; 
}
/*
#navigation a span
{
background: url(images/navr.gif) right top no-repeat;
padding-right: 10px;
font-size: .7em;
}
*/

/* shared properties for all tabs 
#navigation a, #navigation a span
{
position: relative;
display: inline;
vertical-align: top;
padding-top: 0px;
padding-bottom: 2px;
text-align: center;
}
*/

#navigation a:hover
{
/*
color: #fff;
background: #FFF url(images/navlh.gif) left top no-repeat;
padding-left: 10px;
*/
position: relative; 
color: #000000; 
font-weight: normal; 
text-decoration: none; 
background: #E3F1BA; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #81C8E4; 
border-right-color: #81C8E4; 
border-left-color: #81C8E4; 
border-bottom-color: #038CCC;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left:0px; 
padding-right: 0px; 
}

/* 
#navigation a:hover span
{
background: url(images/navrh.gif) right top no-repeat;
padding-right: 10px;
font-size: .7em;
}
*/

#navigation ul
{
/* 
float:left; 
text-align: center;
list-style: none;
padding: 0px;
margin: 0;
*/

float:left; 
clear: both;
text-align: left;
margin-left:  0px;
/* margin-top: 71px;*/
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left:0px; 
padding-right: 0px; 
/* width property here properly positions buttons in IE */
list-style-type: none;

}

#navigation li
{
float:left; 
text-align: left;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px 0px 0px -2px;
}


/* 
background: #3F6FA2;
background-color: #52B6DC;
*/

.middlerow3
{ 
position: relative;
background-color:#5770A8; 
background-image: url('banimg2.jpg');
background-repeat: no-repeat;
background-position: left;
height: 90px;
border-style: solid; 
border-top-width: 0pt;
border-left-width: 0pt;
border-bottom-width: 2pt;
border-right-width: 0pt;
border-top-color: #dad7de; 
border-right-color: #5770A8; 
border-left-color: #5770A8; 
border-bottom-color: #CAC7CD;
 /* this sets the tab bar color */
padding-top: 0px;
padding-bottom: 0px;  
width: 100%;
text-align: center;
font-size: .7em;
margin-top: 0px;
}

#left-box hovOLD
{
background: #B2E7DF;
width:100%;
}

.middlerow2 ul_ORIG 
{
float:left; 
text-align: left;
margin-top: 71px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 120px;
padding-right: 0px;
padding-bottom: 0px;
width: 300px;
/* width property here properly positions buttons in IE 
and removes bottom scroll bar that is added from padding-left definition
padding-left: 120px;
*/
list-style-type: none;
clear: both;
}

.codebox {
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 10px;
	border:1px solid #E9E9E9;
	background: #FFFFFF;
	}
	

#washme
{ 
position: absolute;
background-color: transparent; 
/*background-image: url('images/washme.png');*/
background-repeat: no-repeat;
background-position: left;
left: 35px; 
top: 305px;
height: 400px;
border: 0px; 
padding-top: 0px;
padding-bottom: 0px;  
width: 620px;	
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* for IE */
filter: alpha(opacity=50);       /* IE 4-7 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
opacity:0.5; /* Firefox, Safari(WebKit), Opera */
}

#washme-new
{ 
position: absolute;
background-color: transparent; 
/*background-image: url('images/washme.png');*/
background-repeat: no-repeat;
background-position: left;
left: 410px; 
top: -4px;
height: 270px;
border: 0px; 
padding-top: 0px;
padding-bottom: 0px;  
width: 420px;	
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* for IE */
filter: alpha(opacity=60);       /* IE 4-7 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
opacity:0.6; /* Firefox, Safari(WebKit), Opera */
}

#washme3
{ 
position: relative;
background-color: transparent; 
background-image: url('images/washme.png');
background-repeat: no-repeat;
background-position: left;
height: 400px;
border: 0px; 
 /* this sets the tab bar color */
padding-top: 0px;
padding-bottom: 0px;  
margin-top: -690px;
width: 620px;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.4;
}


#washme2
{
visibility: visible;
  position:absolute;
  left:40%;
  top:35%;
background-color: transparent; 
background-image: url('images/washme.png');
background-repeat: no-repeat;
background-position: left;
height: 400px;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

#overlay { position: relative; top: 15%; left: 10%;}