/*
#F1F179 tan
7EEF79 light green
91A5FE dark green
B3F051 olive
F7E53B yellow

1D3891 dark blue I like

*/
.Standout 
{
	LINE-HEIGHT: 16px; 
	COLOR: #333333; 
	FONT-SIZE: 13px
}
.StandoutSmall 
{
	LINE-HEIGHT: 14px;
	COLOR: #666666; 
	FONT-SIZE: 12px
}
.StandoutSmallItalic 
{
	LINE-HEIGHT: 14px; 
	FONT-STYLE: italic; 
	COLOR: #666666; 
	FONT-SIZE: 11px
}
.StandoutSmallOlive 
{
	LINE-HEIGHT: 14px; 
	COLOR: #6d6129; 
	FONT-SIZE: 12px
}
.StandoutSmallDarkGray
{
	LINE-HEIGHT: 14px; 
	COLOR: #333; 
	FONT-SIZE: 12px
}
.small
{
	font-size:10px;
}
.totop
{
	padding-top:20px;
	LINE-HEIGHT: 14px; 
	COLOR: #6d6129; 
	FONT-SIZE: 12px;
	text-align:right;
}
img.banner
{
    /* I could have done border: 0;  This removes the blue link
        border which will appear around the logo and add extra pixels
        and screw up the exact borders of the divs */
     border: 0px;
}
.login_left
{
	text-align:left;
	height: 28px;
	width: 80px;
}
.login_right
{
	text-align:right;
}
body 
{
	background-color:#DBDBBE;/*#BCBCA2; EEEECB*/ 
	/**/background-image:url("images/water bg tiles/background_tile.jpg");
	background-repeat:repeat;
	/*vertical-align:top;*/
	font-size: 12px;
	margin: 0px;
	padding:0px;
	/* verdana is the easiest to read, trebuchet MS is slightly artsy, but
       franklin gothic medium is hard to read but in small doses*/
	/*font-family: Verdana, Helvetica, sans-serif;*/
	FONT-FAMILY: trebuchet ms, arial, helvetica, serif; 
	/*FONT-FAMILY: franklin gothic medium, trebuchet ms, arial, helvetica, serif;*/
	color: #252525; 
}
.bg_top 
{
	margin:0px;
	padding:0px; 
	max-width: 820px;  
	height:22px; 
	background-image:url("images/bg_top2.png");
	background-repeat:no-repeat;
}
.bg_middle
{ 
	padding:0px;
	margin:0px; 
	max-width: 820px; 
	background:url("images/bg_middle2.png"); 
	background-repeat:repeat-y;
}
.bg_bottom
{ 
	margin:0px;
	padding:0px; 
	max-width: 820px; 
	height:22px; 
	background:url("images/bg_bottom2.png");
	background-repeat:no-repeat;
}
#wrap
{
	padding:0px;
	margin:0px;
}
#inner_wrap
{
	/* note: I HAD to add this wrap around the table, or the table
	 would just expand to the wrap around the table at 820px */
	max-width:800px;
}
.table_main {	
	/*background-color: #00FF00;*/
	border: 0px;
	margin: 0px;	
	padding:0px;
	background-image:url("images/water bg tiles/ac249.jpg");
	background-repeat:repeat;
	text-align:center;
}
.left 
{
	/*background-color:#9B0B0A;
	vertical-align:middle;
	text-align:right;*/
	border: solid 1px #FFF;
	background-color:#91A5FF;
	margin:0px;
	padding:0px;
	width:130px;
	max-width:130px;

}
.left3
{
	background-color:#91A5FF;
	height:15px;
}
.right3
{
	border: 1px solid #91A5FF;
	height:15px;
}
.middle
{
	margin:0px;
	padding:0px;
	border: 1px solid #FFF;
	background-color:#FFFFFF;
	/*background-image:url("images/tile_silver.gif");
	background-repeat:repeat;
	min-width:600px;*/
}
.right 
{	

	padding:0px;
	margin:0px;	
	/*background-image:url("images/tile_silver.gif");
	background-repeat:repeat;*/
	border: 1px solid #91A5FF;
}
.left2 
{
	padding-top:0px;
	vertical-align:top;
	height:500px;
}
.middle2 
{
	border: 1px solid #91A5FF;
	margin:0px;
	padding: 30px 30px 30px 30px;
	text-align:left;
	line-height:150%;
	vertical-align:top;
	height:500px;
	background-color:#FFF;
	background-image:url("images/backdrop12.png");
	background-repeat:repeat;/**/
}
.middle2 p
{
	color:#201e12;
}
.middle2 ul
{
	list-style-type:circle;
}
.middle2 li
{
	font-size:105%;
	padding: 0px 0px 5px 0px;
}
.heading
{
	LINE-HEIGHT: 22px; 
	/*FONT-FAMILY: franklin gothic medium, trebuchet ms, arial, helvetica, serif;*/ 
	COLOR: #D9AD57; 
	FONT-SIZE: 18px;
	padding-bottom:5px;
}
.small
{
	font-size: 80%;
}
.clearall
{
	clear:both;
}
.footer 
{
	width:800px;
	color:#888888;
	border-right: 0px D9BA6C solid;
	margin:0px;
	border:0px;
	height:10px;
	font:  10px/9px Georgia, Times, "Times New Roman", serif;
	text-align:center;
}
.highlight .ul
{
	list-style:none;
}
li 
{
	list-style-position:outside;
	list-style-image:none;
}
h1, h2, h3, h4, h5, h6 {
	color:#333;
	line-height:120%;
	margin:0px;
}
.right2 h4
{
	text-decoration:underline;
}
.middle2 hr
{
	width:90%;
}
.right2 hr
{
	width:50%;
}
blockquote
{
	padding:5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color:#DFF0FF;
	text-align:center;
	width:70%;
	font-style:italic;
	border: 1px #999999 solid;
}
.float_pic_right
{
    float:right;	
    margin-left: 15px;
    margin-bottom:8px;
}
.float_pic_left
{
	float:left;
    margin-right:15px;
    margin-bottom:8px;
}
.float_pic_center
{
	float:none;
	text-align:center;
	margin: 8px;
}
.bar
{
	height:10px;
	width:100%;
	text-align:center;
}
.bar1
{
	height:10px;
	width:66%;
	text-align:center;
}
.bar2
{
	height:10px;
	width:33%;
	text-align:center;
}
.highlight
{
	display:block;
	line-height:110%;
	padding:10px 2px 5px 10px;
	margin-bottom:10px;
	background-color:#FFF7A3;
	border:1px #999999 solid;
}
.testimonial
{
	display:block;
	line-height:110%;
	padding:10px 2px 5px 10px;
	margin-bottom:20px;
	background-color:#FFFF99;
	border:1px #999999 solid;
}
.spacer
{
	width:20px;
}
a:link
{
	color: #252525;
	text-decoration: underline;
}
a:visited {
	color: #252525;
	text-decoration: underline;
}
a:hover {
	color: #1D3891; 
	text-decoration: underline;
}
a:active {
	color: #252525; 
	text-decoration: underline; 
}
.right2 
{
	border: 1px solid #91A5FF;
	margin: 0px;
	padding: 10px 10px 30px 10px;
	text-align:center;
	line-height:120%;
	vertical-align:top;
	background-color:#91A5FF;
}
.right2 a:link
{
	color:#0000FF;
	text-decoration:underline;
}
.right2 a:visited
{
	color:#0000FF;
}
.right2 a:hover
{
	text-decoration:underline;
	background-color:#EFEFEF;
}
#nav 
{
	/* original green #91A5FE*/
	font-size: 14px;
	font-variant:small-caps;
	border-right: solid 1px #91A5FE;
	border-left: solid 1px #91A5FE;
	border-top:solid 1px #91A5FE;
}
#nav A:link 
{
	background:50% 50%;/*position the entire bg image centered horizontally and vertically*/
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:none;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav A:visited 
{
	background:50% 50%;/*position the entire bg image centered horizontally and vertically*/
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:none;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav A:hover 
{
	background:50% 50%;/*position the entire bg image centered horizontally and vertically*/
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav4.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav A:active 
{
	background:50% 50%;/*position the entire bg image centered horizontally and vertically*/
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .HomePage .HomeButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .AboutPage .AboutButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .ServicesPage .ServicesButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .AccessDatabasesPage .AccessDatabasesButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .WebDesignPage .WebDesignButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .PortfolioPage .PortfolioButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .ContactPage .ContactButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}
#nav .LoginPage .LoginButton {
	display: block; 
	padding-left: 20px; 
	background-image: url("images/background_nav_over.jpg"); 
	width: 130px; 
	color: #201e12; 
	text-decoration:underline;
	padding: 5px 0px 7px 20px; 
	border-bottom: #91A5FE 1px solid; 
	height: 16px; 
	text-align:left;
}