/*common style*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
}

p, li, td, dt, dd  {
	font-size:75%;
	margin-top:0px;
	margin-bottom:8px;
	line-height: 120%;
}
td p {
	font-size: 100%;
}
td p ul li  {
	font-size: 100%;
}
.orderedList  {
	background-image: none;	
}

.nestedUnordered  {
	font-size:100%;
}

.secondli {
	font-size: 100%;
	background-image: none;
	list-style-type: none;
	text-indent: -1em;
}

h1  {
	font-family: Arial, Helvetica, sans-serif;
	color:#53A324;
	font-size:14px;
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 8px;
	clear: left;
}
h2  {
	font-family: Arial, Helvetica, sans-serif;
	color:#DF8600;
	font-size:80%;
	margin-bottom:5px;
}
a:link  {
	color:#275908;
	text-decoration:underline;
}

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

.greenBold {color: #275908}
.titleImage  { /*if they insist on graphic images for the page titles we will need this.*/
	margin-bottom:15px;
}

ul   { /*body unordered list*/
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

li   { /*body lists*/
	font-size: 75%;
	margin-left: 0px;
	background-image: url(images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0.05em 0.45em;
	padding-left: 1em;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 120%;
	margin-bottom: 5px;
}

.arrow   { /*This is for any list that uses little arrows */
	font-size: 75%;
	margin-left: 0px;
	background-image: url(images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0.05em 0.35em;
	padding-left: 1em;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 120%;
	margin-bottom: 8px;
}


#topBanner  { /*this holds the logo and the buttons at the top*/
	width:850px;
	margin-left:auto;
	margin-right:auto;
}
#topBannerMember {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	
}


#topButtons  { /*this holds the two top buttons on the righr*/
	width:107px;
	height:89px;
	float: right;
	text-align: right;
}

.button  { /*this styles the buttons to have some top space around them*/
	margin-top:11px;
}

.fmButton
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#content  { /*this holds the sidebar, navbar, textarea, copyright and bottominfo*/
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

#sidebar  { /*this holds the picture on the left and any subnav on the secondary pages*/
	width:184px;
	float:left;
}

.picture1  { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(images/background_sidebar_picture1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 450px;
}

.healthplan  { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(../members/images/background_sidebar_healthpl.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
}

.vendor  { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(../members/images/background_sidebar_vendor.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
}

.quality  { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(../members/images/background_sidebar_quality.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 450px;
}

.practice { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(../members/images/background_sidebar_practice.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
}

.administration { /*this styles the secondary page with the navigation. If we have other sections
that need subnavigation and we want other pictures we will have to create a few more of these.
If we don't have any subnav, we could just put in a picture like on the top page.*/
	background-color:#EBF6E3;
	background-image:url(../members/images/background_sidebar_administ.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
}

#subnav  { /*this holds the subnavigation on secondary pages*/
	width:158px;
	padding-left:12px;
	padding-right:12px;
	color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #96CE6A;
	border-left-color: #96CE6A;
	padding-top: 10px;
	overflow: visible;
}

#subnav p  { /*this styles the subnav items, make them paras*/
	font-size:75%;
	margin-top:0px;
	margin-bottom:12px;
	font-weight: bold;
}

#subnav a:link  {
	color:#53A324;
	text-decoration:underline;
}

#subnav a:visited  {
	color:#666666;
	text-decoration:underline;
}

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

#textNavArea  {
	width:658px;
	float: right;
}

#navbarNew  {
	width:658px;
	height:24px;
}

 
#navbar  { /*the navigation bar at the top*/
	width:658px;
	height:24px;
	float:right;
	position: relative;
}
#adminnav  { /*this holds the navigation across the top on admin pages*/
	width:850px;
	padding-left:0px;
	padding-right:0px;
	color: #666666; 
	padding-top: 10px;
	overflow: visible;
}

#adminnav li  { /*this styles the subnav items, make them paras*/
	font-size:75%;
	margin-top:0px;
	margin-bottom:12px;
	font-weight: normal;
	display: inline;
}

#adminnav a:link  {
	color:#53A324;
	text-decoration:underline;
}

#adminnav a:visited  {
	color:#666666;
	text-decoration:underline;
}

#adminnav a:hover  {
	color:#666666;
	text-decoration:underline;
}
#admintextarea  { /*holds the textarea in the admin section */ 
	width:750px;
	padding-top:20px;
	padding-bottom:25px;
	padding-left:0px;
	padding-right:0px;
	padding-left: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D1E9BD;
	border-bottom-color: #D1E9BD;
	background-color: #FFFFFF;
}
#textarea  { /*holds the textarea*/
	float:right;
	width:618px;
	padding-top:40px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #D1E9BD;
}
#rightColumn  { /*used on the top page, could be used on secondary pages too*/
	width:210px;
	float:right;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
}

#textbox  { /*this styles the textboxes in #rightColumn, the two classes below make the boxes 
have either a green or orange border*/
	width:198px;
	padding:5px;
	background-color:#FFFFFF;
	color:#666666;
}

.orange  {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F8981D;
	border-left-color: #F8981D;
}

.green  {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #7AC142;
	border-left-color: #7AC142;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7AC142;
}

#textbox p { /*styles the paras in the textbox*/
	font-size:70%;
}


#copyright  { /*styles the bar at the bottom of the page that holds the copyright*/
	width:628px;
	height:28px;
	padding-left:15px;
	padding-right:15px;
	float:right;
	background-image: url(images/background_copyright.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	vertical-align: bottom;
	padding-top: 7px;
}

#copyright p  {/*styles the p in copyright, I decided to make it pixels so it wouldn't grow*/
	font-size:11px;
}

#copyright a:link  {
	color:#FFFFFF;
	text-decoration:underline;
}

#copyright a:visited  {
	color:#FFFFFF;
	text-decoration:underline;
}
#admincopyright  { /*styles the bar at the bottom of the page that holds the copyright*/
	width:628px;
	height:28px;
	padding-left:15px;
	padding-right:15px;
	float:right;
	background-image: url(images/background_copyright.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	vertical-align: bottom;
	padding-top: 7px;
}

#admincopyright p  {/*styles the p in copyright, I decided to make it pixels so it wouldn't grow*/
	font-size:11px;
}

#admincopyright a:link  {
	color:#FFFFFF;
	text-decoration:underline;
}

#admincopyright a:visited  {
	color:#FFFFFF;
	text-decoration:underline;
} 
.privacy  { /*styles the privacy policy to float left of the copyright*/
	text-align: right;
	float: right;
}



#bottominfo  { /*the div that holds the address and Rareheron attribrute*/
	width:628px;
	float:right;
	text-align:right;
}

#bottominfo p  {
	color:#333333;
	font-size:65%;
	margin-top:0px;
	margin-bottom:5px;
}

#bottominfo a:link  {
	color:#333333;
	text-decoration:underline;
}

#bottominfo a:visited  {
	color:#333333;
	text-decoration:underline;
}
#adminbottominfo  { /*the div that holds the address and Rareheron attribrute*/
	width:628px;
	float:right;
	text-align:right;
}

#adminbottominfo p  {
	color:#333333;
	font-size:65%;
	margin-top:0px;
	margin-bottom:5px;
}

#adminbottominfo a:link  {
	color:#333333;
	text-decoration:underline;
}

#adminbottominfo a:visited  {
	color:#333333;
	text-decoration:underline;
}
#ColumnRight  {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-left: 10px;
	padding-bottom:  0px;
	padding-top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #275908;
	width: 150px;
}
#ColumnRight ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
#backToTop  {
	width: 150px;
	float:right;
	font-size: 75%;
	color: #000000;
	padding-top: 8px;
	text-align: right;
}

#backToTopLeft  {
	width: 150px;
	font-size: 75%;
	color: #000000;
	padding-top: 8px;
	text-align: left;
	padding-bottom: 5px;
}

#imageCaptionRight  { /*if you have a picture that you want to have a caption use this div to put
both the image and caption inside*/
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;	
}
.caption250  {
	font-style: italic;
	width: 250px;
}
.caption300  {
	font-style: italic;
	width: 300px;
}
.caption350  {
	font-style: italic;
	width: 350px;
}
.imageBordered  { /*make the images in the textarea of a border of black*/
	border: 1px solid #000000;	
}

.imageFloatLeft  { /*floated left images that don't need a caption*/
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #000000;
	clear: none;
}
.arrowFloatLeft  { /*floated left images that don't need a caption*/
	float: left;
	margin-top: -8px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: text-top;
}
.staff {
	clear: left;
	height: 190px;
}

.imageFloatRight  { /*floated right images that don't need a caption*/
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
	border: 1px solid #000000;
}

.clearit  { /*clears the #sidebar and divs that float to the right*/
	clear:both;
}
#content #textarea h1.pagetitle {
	text-transform: uppercase;
}
/* form rows and styles used on forms pages */
div.row {
clear: both;
padding-top: 10px;
width: 98%;
}
div.row span.left { 
float: left;
width: 48%;
text-align: left;
padding-right: 15px; 
}
div.row span.right {
float: right;
width: 48%; 
text-align: left;
} 
/* form rows and styles used on forms pages in member login area*/
div.formrow {
clear: both;
padding-top: 10px;
width: 98%;
}
div.formrow span.label { 
float: left;
width: 25%;
text-align: right;
padding-right: 15px;
font-size: 75%;
}
div.formrow span.data {
float: right;
width: 70%;
text-align: left;
} 

#boardDiv  {
	height:250px;
	overflow:visible;
	}
hr {
	color: #5AA929;
	height: 1px;
	clear: both;
	background-color: #5AA929;
	margin-top: 15px; 
}
td {
	height: 20px;
}
/* form rows and styles used on forms pages */
div.contractsrow {
clear: both;
margin-top: 0px;
padding-top: 10px;
width: 98%;
padding-margin: 15px;
}
div.contractsrow span.left { 
float: left;
width: 35%;
text-align: left;
padding-right: 15px;
font-size: 75%;
}
div.contractsrow span.right {
float: right;
width: 60%;
text-align: left;
font-size: 75%;
} 
.indentConvFactor {
	margin-left: 15px;
}
label {
	font-size:75%;
	margin-top:0px;
	margin-bottom:8px;
	line-height: 120%;
}
.asthma {
	width: 350px;
	color: #000000;
	background-color: #FAB45F;
	border: 1px solid #7AC142;
	text-align: center;
	height: auto;
	font-size: 110%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 20px;
}
@media print { 
#content {
	border:none;
	padding:0;
	width: auto;
	} 
#topBanner, #topBannerMember  { /*this holds the logo and the buttons at the top*/
	width:600px;
	margin-left:-150px; 
}
 
#topButtons, #sidebar, #subnav, #navbar, .privacy {
	display: none;  
	}
  
#textarea   { 
	width:6.5in;
	padding-top: 0;
	padding-bottom:5px;
	padding-left:-1in;
	margin-left:0px;
	padding-right:15px;
	border-top-width: 0px;
	border-bottom-width: 0px;
} 
 
#bottominfo  { /*holds the address info at bottom*/
	width: 660px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
text-align: left;
}

#copyright  { 
	width: 660px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left:  -13px;
text-align: left;
} 
#admintextarea  { /*holds the textarea in the admin section */ 
	width:750px;
	padding-top:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-left: 100px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D1E9BD;
	border-bottom-color: #D1E9BD;
	background-color: #FFFFFF;
}
#adminnav  { 
	display: none;  
}
#adminbottominfo  { 
	display: none; 
} 
#admincopyright  { 
	display: none; 
} 
p, h1, h2{
	color: black !important;
}
a:link, a:visited   {
	color: black; !important;
	font-weight: normal; !important;
	text-decoration: none; !important;
	padding-right: 5px; !important;
	padding-left: 5px; !important;
}
}