/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html { height: 100%; margin-bottom: 1px; } 	/* This "fakes" the browser out to make it think it needs a scrollbar at all times.*/ 
																						/* This prevents movement of the page in 'scroll' to 'no-scroll' situations. */

body {
	margin: 0px;
	padding: 0px;
	background: #849814 /*url(../images/page_bg2.gif) repeat-x top*/;
}


/* template and layout styles **************************************************/

#canvasWrapper { /* this creates the gray border around the black border */
	background: #7D7476;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 782px;
}

#canvas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 14px;	
	background: #FFFFFF;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 761px;
	border-top: 8px solid #000;
	border-right: 8px solid #000;
	border-bottom: 0;
	border-left: 8px solid #000;
}

#masthead { /* this style paints the bg color, full width the area behind the logo */
	margin: 0px 0px 3px 0px;
	width: 100%;
}

/* these are the calls to the header graphics used for each page */

#masthead.index { /* this style sets the contact image as the background image on the Home page only */
	background: url(../images/pic_header_index.gif) no-repeat right bottom;
}

.about { /* this style sets the contact image as the background image on the About page only */
	background: url(../images/pic_header_about.gif) no-repeat right bottom;
}

.insurance { /* this style sets the contact image as the background image on the Insurance page only */
	background: url(../images/pic_header_insurance.gif) no-repeat right bottom;
}

.faqs { /* this style sets the contact image as the background image on the FAQs page only */
	background: url(../images/pic_header_faqs.gif) no-repeat right bottom;
}

.contact { /* this style sets the contact image as the background image on the Contact page only */
	background: url(../images/pic_header_contact.gif) no-repeat right bottom;
}

.helpful { /* this style sets the contact image as the background image on the Helpful page only */
	background: url(../images/pic_header_helpful.gif) no-repeat right bottom;
}

#nav {
	width: 100%;
	border-top: 1px solid #DA1F11;
	border-bottom: 1px solid #DA1F11;
	background: #000;
	text-align: center;
}

#nav ul {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#nav li {
	display: inline;
	margin:  0px -3px 0px -3px;
	padding: 0px 0px 0px 0px;
}


#content {
	width: 100%;
	background: #FFFFFF;
	font-size: 11px;
	margin: 16px 0px 16px 0px;
}

#content.index {
	margin-top: 4px;
	margin-bottom: 8px;
}

.indexContentLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(../images/pic_affiliations.gif) no-repeat bottom;
	color: #849814;
	font-size: 11px;
	width: 341px;
	padding: 0px 12px 0px 12px;
	margin: 0px;
}

.oneColBody {
	margin: 0px 0px 16px 0px;
 	padding: 0px 12px 12px 12px;
}

.twoColBodyLeft {
	width: 535px;
	margin: 0px 0px 16px 0px;
 	padding: 0px 12px 12px 12px;
	background: url(../images/1pxV.gif) repeat-y right;
}

.twoColBodyRight {
	width: 535px;
	margin: 0px 0px 16px 0px;
 	padding: 0px 12px 12px 12px;
	background: url(../images/1pxV.gif) repeat-y left;
}

#sidebar{
	margin-left: 12px;
	width: 180px;
}

#sidebar h1 {
	font-size: 13px;
	color: #5B5D2A;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing: 1px;
}

#sidebar p {
	margin: 0px;
	padding: 0px 12px 8px 0px;
	line-height: 15px;
}

#sidebar p.aboutUs {
	font-size: 12px;
	color: #849814;
}


.sidebarRight {
/* to do something exclusively to the right sidebar, put styles here */
}

.sidebarLeft {
/* to do something exclusively to the left sidebar, put styles here */
}

#footer {
	padding-top: 4px;
	font-size: 12px;
	background: #000;
	border-top: 3px solid #849814;
	color: #849814;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
#footerBottomCap {
	background: url(../images/pic_footerBottomBG.gif) no-repeat top;
}

/* body content elements  ***********************************/

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #849814;
	margin: 0px 0px 8px 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin: 4px 0px 0px 0px;
}

p {
	margin: 0px 0px 9px 0px;
	line-height: 16px;
}

p.index {
	margin: 7px 0px 7px 0px;
	line-height: normal;
}

ul li{
	list-style-image: url(../images/bullet.gif);
	padding-bottom: 3px;
}

a, a:visited {
	color: #DA1F11;
}

a:hover {
	color:#3333FF;
}

a.active {
	color: #3333FF;
}

.contentRule { /*  creates the 1px dotted horizontal line */
 background: url(../images/1pxH.gif) repeat-x;
 display: block;
 height: 1px;
 line-height: 1px;
 font-size: 1px;
 margin-top: 16px;
 margin-bottom: 16px;
 width: auto;
}

.bioContactInfo {
	color: #849814;
}

/* table styles *********************************************************************/

.dataTable{
	border-top: 1px solid #8C8C4A;
	border-left: 1px solid #8C8C4A;
	border-right: 1px solid #8C8C4A;
	margin: 2px 0px 24px 0px;
	width: 100%;
}

.dataTable th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	border-right: 1px solid #8C8C4A;
	border-bottom: 1px solid #8C8C4A;
	border-left: 1px solid #FFF;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	background: #BDBD65;
}

.dataTable th.last{
	border-right: none;
}

.dataTable th.noBG{
	border: none;
	background: none;
}

.dataTable td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #8C8C4A;
}

.dataTableNoBorder {
	border: 0;
	margin-bottom: 4px;
}

/* LEFT NAV STYLES ************************************/

/* leftNav styles *************************/

#secondaryNav {																				/* DEFINES THE CONTAINER AROUND THE NAV */
	margin: 0px;																				/* sets no margin around the nav */
	padding: 0px;																				/* sets for no padding inside the nav */
	width: 192px;																				/* sets the width of the nav */
}

.leftNav {
	display: block;																		
	width: 100%;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.leftNav a, .leftNav a:visited { 												/* SETS THE BASE STYLES OF THE LEFT NAV */
	font-family: Verdana, Arial, Helvetica, sans-serif;		/* sets the font */
	font-size: 11px;																			/* sets the font size */
	line-height: 14px;																		/* sets the line-height (leading) */
	color: #333;																					/* sets the font color */
	display: block;																				/* tells it to be block-- carriage returns */
	border-top: 1px solid #FFF;														/* adds a border between each item at the top */
	padding-left: 12px;																		/* pushes the text 12 px in from the left */
	padding-right: 8px;																		/* sets the padding on the right, so if the word is long, it won't bump the right border, it'll wrap */
	padding-top: 6px;																			/* top padding */
	padding-bottom: 6px;																	/* bottom padding */
	text-decoration: none;																/* no underline */
	margin: 0px;																					/* no margin */
}

.leftNav a:hover { 				/* MOUSEOVER STATE OF THE LEFT NAV */
	color: #000; 						/* font color */
	background: #849814; 		/* background color */
	text-decoration: none; 	/* no underline */
}

.leftNav.active {					/* SELECTED STATE OF THE LEFT NAV */
	background: #849814;		/* set the background color */
	background: #849814;
}

.leftNav div.divider {		/* THE DIVIDERS BETWEEN THE LEFT NAV ITEMS */
	background: #E6E6EC;		/* sets teh background color */
	display: block;					/* sets the carriage returns to be stacked, instead of inline */
	height: 1px;						/* sets them to be 1 px in height - this is for all Netscape and Mozilla */
	line-height: 1px;				/* sets it to be 1px for IE */
	font-size: 1px;					/* sets the font to be 1px so if a non-breaking space is there, it won't make unnecessary height */
}

.leftNav.active div.divider {	/* SETS THE DISTINCTIVE LINE UNDERNEATH THE SELECTED STATE  */
	background: #FA8B46;
}

/********************* end **********************/