/* CSS Document - Created January 1, 2004 - Revised June 6, 2009. Copyright 2004 through CurrentYear Vening Design - Suzanne Vening */


/*  Begin Website */
body {margin: 10px 0 10px 0; padding: 0; text-align: center; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #ffffff; background-color: #000000;
}

/*  Fixes the page jumping in Firefox  */
html {min-height: 100%;	margin-bottom: 1px;}

html, body {width:100%; height:100%;}

* {margin: 0; padding: 0;}

#wrap {width: 960px; margin: 0 auto; text-align: left;} /* width of div.wrapper is always 80% of viewport width */

/* Begin background image to maintain color columns based on nav and main content areas/columns
Thanks to Dan Cederholm for his article on faux columns http://alistapart.com/articles/fauxcolumns/ */

#contentbar {background: url(images/color_bar.png) repeat-y 50% 0;width: 960px;overflow: auto;}
/*  This makes the color bar flow correctly in all browsers.  Without this, IE displayed color bars, but Firefox and Opera did not  */

/* For pages with no navs - NOT IN USE */
#contentbargeneric {background: url(images/color_bar_generic.gif) repeat-y 50% 0;width: 960px;overflow: auto;}
/*  This makes the color bar flow correctly in all browsers.  Without this, IE displayed color bars, but Firefox and Opera did not  */

/* End background image to maintain color columns based on maincontent area */

/*  If using background image for website pages.  */
#background {position: absolute; z-index: 1; width: 100%; height: 100%;}


/*  Begin  Header */
#header {
	position: relative; /* This here and in NAV, along w/z-index helps NAV display on top of normal lists */
	z-index: 5;         /* push the menu up in the layer order a bit so it isn't hidden behind anything */
	display: block;   /*  This took care of a gap that appeared in IE6 and IE7.  Thanks Nadia!!  */
}
/*  End  Top of Website - Header */


/*  BEGIN 2ND COLUMN - MAIN AND MAIN CONTENT AREA -  */

/*  Begin Site Image Settings  */
img.right {float: right; clear: right; margin: .4em 1.20em 0 1.20em;}

img.left {float: left; clear: left; margin: .4em 1.20em 0 1.20em;}

img#siteimage {float: right; clear: right; margin: .4em 1.20em 0 1.20em; width: 210px;}
/*  End Site Image Settings  */


/* BEGIN First Column - Holds Navigation and News Box - */
/*  Left Column  */
#leftcol {
    width: 190px;  /* 268px; */
	float: left;
	z-index: 10;
	position: relative;
	/* min-height: 300px; */ /* 250px; 365px; */
	/* height: auto; */
}

/* BEGIN Left Nav */
/* The You Are Here Trick Indicator (persistent page indicator or setting current menu state.  This article explains
how to use Dreamweaver templates and still be able to set menu state:  http://www.communitymx.com/content/article.cfm?cid=F1394
and this articles provides a great explanation of setting the current menu state:
http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/  */

body#homepage li#home a, body#aboutpage li#about a, body#repspage li#reps a,
body#gallerypage li#gallery a, body#linkspage li#links a, body#contactpage li#contact a  {
    border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.  This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements. */
/* common styling */
#menu {font: 12px Verdana, Arial, Tahoma, Helvetica, sans-serif; width:170px; margin:0; border-right: 1px solid #000;
padding: 0; background-color: #90bade; color: #333;} /*150px;*/   /* height:1px;  removed due to IE 7 and could not set to 0 in IE
CC to make a difference.  This is what was making the menu jump when you hover over one of the non persistant page indicators. */
/*  float:left; position:relative; makes no difference, menu lines up, content doesn't */ /*margin:50px 0;*/ /* 15.9em;106px;*/
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#000; width:170px; text-align:left;
line-height:25px; font-size:12px; border-left: 10px solid #7f3c22; border-right: 10px solid #508fc4;
text-indent: 5px; background-color: #2175bc; color: #fff; border-bottom: 1px solid #90bade;}  /* height:25px; border-width:1px 1px 0 0;   */
#menu ul {padding:0; margin:0; list-style-type: none; /* border: none;*/}
#menu ul li {margin-right:1px;}  /* float:left; position:relative;  makes everything line up, but the content  */
#menu ul li ul {display: none;}
/* #menu li {border-top: 1px solid #90bade; border-bottom: 0;} */

/* specific to non IE browsers */
#menu ul li:hover a {border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff;}
#menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:170px;}
#menu ul li:hover ul li a.hide {background-color: #2586d7; color: #fff;}
#menu ul li:hover ul li:hover a.hide {width:170px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background-color: #2586d7; color: #fff; width:170px;}
#menu ul li:hover ul li a:hover {background-color: #2586d7; color: #fff;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
#menu ul li:hover ul li:hover ul li a {display:block; width:170px; background-color: #2586d7; color: #fff;}
#menu ul li:hover ul li:hover ul li a:hover {background-color: #2586d7; color: #fff;}

#menu li #active {border-bottom: 1px solid #90bade; border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0;
background-color: #2586d7; color: #fff;}
/* END Left Nav */

/* BEGIN News Box */
.box {border: 1px solid #4072aa; padding: 10px; margin-top: -1px; color: #000000; text-align:left; background-color: #c8e0f2;
  font: 12px Arial, Verdana, Tahoma, sans-serif; width: 168px;}
/* END News Box */

/* END First Column - Holds Navigation and News Box - */

/*  BEGIN Second Column - Main Content Area -  */
#rightcol {float: right; margin: -110.7em 1.20em 0 1.20em; z-index: 11; position: relative;}

#maincol {border-top: 1px solid #4072aa; border-left: 0; border-right: 1px solid #4072aa; width: 754px; padding: 6px 5px 10px 10px;
	margin-left: 190px; position: relative; z-index: 9;}

#main {
	border-top: 1px solid #4072aa; /*   #336600  7px #00659c This same code also used for Verity page  */
	/* border-bottom: 1px dotted #4072aa;  /*   #336600   #00659c; #764A1D;  */
	border-left: 0;  /*  1px solid #4072aa;  #336600   1px dotted #336600; #00659c; #764A1D;  */
	border-right: 1px solid #4072aa; /*   #336600    #00659c; #764A1D;  */
	width: 754px;  /* 676px; 754px; (592px; */ /* for 3 col)  794px;  594px;  */
	float: left;
	/* margin: -611px 0 0 190px;   -596px -536px -524px 0 0 190px;  -539px 0 0 190px (margin: -1px 0 0 166px; for 3 col)  margin: -1px 0 0 165px;  */
	/*  Changing the margin to -611, which was needed and needed when news changed, need to look at this and figure it out - made the margin
	be too close to the top on really long pages */
	padding: 6px 5px 10px 10px; /*  6px 5px 10px 10px;  */
	min-height: 175px;  /*  250px; 365px; */
	height: auto;
	/* margin: 12px 0 0 0;
	padding: 0 8px 0 8px; */
	color: #000000;
	background-color: #ffffff;  /*  transparent;  */
	/* background-image:url(images/siteBackground.png); */
	/* background-image:url(images/siteBackground.jpg); */
	/* background-image:url(images/siteBackground_fade.png); */
	/* background-image:url(images/site_background_main_content_large_grey_simple.png); */
	font: 13px Arial, Verdana, Tahoma, sans-serif;
	/* top: -0.04em;  left: -1px;  /*  -1px;  */
	/* top: -0.01em;  left: -0.05em; */
	/* top: 0.01em;  left: 0.05em;  */
	position: relative; /* This here and in NAV, along w/z-index helps NAV display on top of other sections */
    z-index: 9;         /* push the menu up in the layer order a bit so it isn't hidden behind anything */

}


#gallerycontent {
	background-color: #c8e0f2;  /* #76addb  #bccd97 #ffffff  */
}

.reps {
	border: 1px solid #4072aa;
	border-top: 7px solid #4072aa;
	/* border-bottom: 1px solid #4072aa;
	border-left: 1px solid #4072aa;
	border-right: 1px solid #4072aa; */
	width: 275px;
	padding: 7px;
}
.emptyreps {
	/* border: 1px solid #4072aa;
	border-top: 7px solid #4072aa;
	border-bottom: 1px solid #4072aa;
	border-left: 1px solid #4072aa;
	border-right: 1px solid #4072aa; */
	width: 275px;
	padding: 7px;
}

.quotebar {
  /* border-top: 7px solid #4072aa; */ /*  #003366  #ff9900    */
  /*  border-bottom: 1px solid #4072aa; /*     #336600  */
  /*  border-left: 1px solid #4072aa; /*     #336600    */
  /*  border-right: 1px solid #4072aa; /*     #336600    */
  -border-radius: 5px;  /*  1.6em;   */
  -webkit-border-radius: 5px;  /*  1.6em;   */
  border: 1px solid #4072aa;
  border-top: 7px solid #4072aa;
  padding: 10px;
  /* margin-top: 123px; */
  color: #000000;  /*  #00659c  */
  background-color: #c8e0f2;  /* #76addb  #bccd97 #ffffff  */
  font: 12px Arial, Verdana, Tahoma, sans-serif;
  width: 726px;  /* 298px;  */
  min-height: 75px;
}

.quote {
  /*  border-top: 7px solid #4072aa;  /*  #003366  #ff9900    */
  /*  border-bottom: 1px solid #4072aa; /*     #336600  */
  /*  border-left: 1px solid #4072aa; /*     #336600    */
  /*  border-right: 1px solid #4072aa; /*     #336600    */
  /* -border-radius: 5px; */  /*  1.6em;   */
  /* -webkit-border-radius: 5px;  */ /*  1.6em;   */
  border: 1px solid #4072aa;
  padding: 10px;
  /* margin-top: 123px; */
  color: #000000;  /*  #00659c  */
  background-color: #c8e0f2;  /* #76addb  #bccd97 #ffffff  */
  font: 12px Arial, Verdana, Tahoma, sans-serif;
  width: 398px;  /* 726px;  298px;  */
  /* min-height: 75px; */

}

.dropcap {
	float:left;
	color: #0070c0;  /* #000000;  #D4D4C7;  */
	font-size:100px;
	line-height:70px;
	padding-top:2px;
	font-family: Times, serif, Georgia;
}

.dropcapblk {
	float:left;
	color: #000000;  /* #000000;  #D4D4C7;  */
	font-size:100px;
	line-height:70px;
	padding-top:2px;
	font-family: Times, serif, Georgia;
}

/*  END Second Column - Main Content Area -  */


/*  Begin Footer and all elements in footer  */
#footer {
  /*  dotted solid #3F621F;  */
  border: 1px solid #4072aa;
  border-top-style: dotted;
  border-bottom: 7px solid #4072aa;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #ABA7A7;
  background-color: #c8e0f2;  /*  #bcce96;  */
  padding: 4px;
  text-align: center;
  width: 950px;	/* 740; 738px orig Size of total box */
  /* margin: 0 auto; */
  margin: 0 auto;
}

#copyright {
	/* border: 1px dotted #bccd97;  /* #ec7a14;  #336600; */
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #ABA7A7;
	background-color: transparent;
	padding: 4px;
	/*  margin: 11px 0 20px 120px;   top 58 (was 20px) is the only way the bottom image will show up completely; more starts a new image */
	width: 960px;			/*  515px 670px orig Size of total box */
}

/* Not current used, but keeping in case client needs to add Adobe documents later */
#adobe {border: none; color: #000000; background-color: transparent; font: 11px Arial, Verdana, Helvetica, sans-serif; padding: 4px;
  text-align: center; width: 838px;	/* Size of total box */ margin: -4px 0 0 -65px;}

img#adobeimg {float: right; margin: -42px -175px 0 -175px; width: 88px;}
/*  End Footer and all elements in footer  */

/*  END BOTTOM OF WEBSITE  */

/*  Text, Formatting, etc. Styles  */
hr {background-color: transparent;	color: #20577f;	margin-bottom: 3px;}

/* For 18px, bold text, left aligned for page titles*/
h1 { color: #000000; background-color: transparent; text-indent: 0; text-align: left; padding: 0; font: 18px Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;}

h1#main {margin-bottom: 15px;}

   /* For Paragraph Titles 15pxt, Bold text, Special Effects left aligned, Bottom 0  */
h2 {text-indent: 0; text-align: left; padding: 0; margin-bottom: 0; font: 15px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
  color: #000000; background-color: transparent;}

h2.bluetext {font-weight: bold; color: #0070c0;}

h2#main2 {margin-bottom: 10px;}

/* For Paragraph Titles 14px, bold text, left aligned */
h3 {color: #000000; background-color: transparent; text-indent: 0; text-align: left; padding: 0; font: 14px Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;}

h3.inline {display: inline;}

h3.bluetext {font-weight: bold; color: #0070c0;}

h3#main {margin-bottom: 10px;}

h3.fav {font-weight: normal;}

/* #000000  For 12px, bold text, left aligned, Bottom 0 */
h4 {color: #000000; background-color: transparent; text-indent: 0; padding: 0; margin: 0; font: 12px Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;}

/* For 12px, normal text, no align */
h5 {color: #000000; background-color: transparent; text-indent: 0; padding: 0; font: 12px Arial, Verdana, Helvetica, sans-serif;}

/*  #000000; For 9pt, normal text, centered TOP NAV WRITTEN OUT */
h6 {color: #764A1D; background-color: transparent; text-indent: 0; text-align: center; padding: 0; margin: 0;
font: 11px Arial, Verdana, Helvetica, sans-serif;}

.bluetext {color: #0070c0;}

.centercontent {display: block; font: 12px Arial, Verdana, Tahoma, sans-serif; text-align: center;}

.clear {clear: both;}  /*  This clears all floats from navs, content.  Used to make the footer section fall below the rest of the page, no span  */
p.clear {clear: both; margin: 0; padding: 0;}

.indentline {text-indent: 14px;	margin-bottom: 0; margin-top: 0;}
.indentpara {margin: -15px 0 0 89px; width: 275px;}
.italiccontent {font-style:italic;}

/* Ordered and Unordered List Effects */
ol.decimal {list-style: decimal inside;}
ol.lalpha {list-style-type: lower-alpha;}
ol.ualpha {list-style-type: upper-alpha;}
ol.lroman {list-style-type: lower-roman;}
ol.uroman {list-style-type: upper-roman;}
li.square {list-style: square inside;}
li.indent {list-style: none;text-indent: 22px;}
li.indent2 {list-style: none;text-indent: 32px;}
li.indentbot {list-style: none;	text-indent: 22px;	margin-bottom: 10px;}
li.linespacing {margin: 10px 0 10px 0;}
ul.square {list-style: square inside; margin: 0 0 0 15px;}
ul.indent {list-style: none; text-indent: 22px;}

/*  Text Styles  */
.wordtext {display: inline;}
.wordtitle {font-weight: bold;}

/*   LINKS FOR SITE  */
/* Bottom Text Link */
.bottext {color: #000000; background-color: transparent; font: 11px Arial, Verdana, Helvetica, sans-serif;}

/* Site Links, Search Box Link and other links using regular text -- Regular Site Links */
.sitelink {text-decoration: none; color: #000000; background-color: transparent; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.sitelink A:link {text-decoration: none; color: #003366; background-color: transparent; font: bold 12px Arial, Verdana, Helvetica, sans-serif;}
.sitelink A:visited {text-decoration: none; color: #003366; background-color: transparent; font: bold 12px Arial, Verdana, Helvetica, sans-serif;}
.sitelink A:hover {text-decoration: none; color: #0084bd; background-color: transparent; font: bold 12px Arial, Verdana, Helvetica, sans-serif;}
.sitelink A:active {text-decoration: none; color: #003366; background-color: transparent; font: bold 12px Arial, Verdana, Helvetica, sans-serif;}

/* Site Links, Search Box Link and other links using regular text -- Favorite Site Links */
.sitelinkfav {text-decoration: none; color: #003366; background-color: transparent; font: bold 14px Arial, Verdana, Helvetica, sans-serif;}
.sitelinkfav A:link {text-decoration: none; color: #003366; background-color: transparent; font: bold 14px Arial, Verdana, Helvetica, sans-serif;}
.sitelinkfav A:visited {text-decoration: none; color: #003366; background-color: transparent; font: bold 14px Arial, Verdana, Helvetica, sans-serif;}
.sitelinkfav A:hover {text-decoration: none; color: #0084bd; background-color: transparent; font: bold 14px Arial, Verdana, Helvetica, sans-serif;}
.sitelinkfav A:active {text-decoration: none; color: #003366; background-color: transparent; font: bold 14px Arial, Verdana, Helvetica, sans-serif;}

/* Bottom Links, Search Box Link and other links using smaller text than Regular Site Links */
.botsitelink {text-decoration: none; color: #000000; background-color: transparent; font: 11px Arial, Verdana, Helvetica, sans-serif;}
.botsitelink A:link {text-decoration: none; color: #4072aa;}
.botsitelink A:visited {text-decoration: none; color: #4072aa;}
.botsitelink A:active {text-decoration: none; color: #4072aa;}
.botsitelink A:hover {text-decoration: none; color: #0084bd;}

/* Bottom Navigation Links */
#botnav {text-decoration: none;	color: #003366; background-color: transparent; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 1px 5px 0 5px;}
#botnav A:link {text-decoration: none; color: #003366;}
#botnav A:visited {text-decoration: none; color: #003366;}
#botnav A:hover {text-decoration: none; color: #0084bd;}
#botnav A:active {text-decoration: none; color: #003366;}