@charset "utf-8";
body  {
	font: 85% "Times New Roman", Times, serif;
	background-image:url(images/body_bg.jpg); background-repeat:repeat-x;
	background-color: #e6e6e6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6b6b6b;
}
.twoColFixLtHdr #container { 
	width: 999px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 
.twoColFixLtHdr #header { 
	 
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to removethe padding. */
	background-image:url(images/header.jpg); background-repeat:no-repeat;
	height:348px; 
	width:999px;
	margin: 0px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position:relative;
} 

.twoColFixLtHdr #headerinside { 
	 
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/header-inside.jpg); background-repeat:no-repeat;
	height:177px; 
	width:999px;
	margin: 0px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position:relative;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #header p {
	width:200px;
	text-align:center;
	margin:50px 0 0 50px;
	font-weight:600;
	font-size:12px;
	}


#utilnav {
float:left;
padding:0;
margin:0;

	}
#utilnav ul {
	list-style-type:none;
	margin:0px 0 25px 40px;
	padding:10px 0 0 0;
	}
#utilnav ul li {
	display:inline;
	padding:0 20px;
	background-image:url(images/bullet1.png); background-repeat:no-repeat; background-position:left;
	}
#utilnav ul li a {
	color:#3b3c40;

	}
#utilnav ul li a:hover {
	color:#4071a2;
	text-decoration:underline;
	
	}
#search {
	float:right;
	width:200px;
	padding-top:5px;
	}
#search input {
	background-image:url(images/search.jpg); background-repeat:no-repeat;
	}
#search img {
	position:relative; top:4px; left:0;
	}
	
#nav {
	float:right;
	width:650px;
	font-family:Arial, Helvetica, sans-serif;padding:10px;
	
	}
#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	
	}
#nav ul li {
	display:inline;
	text-transform:uppercase;
	/*padding-right:25px;*/
	line-height:37px;
	text-align:center;
	}
#nav ul li a {
	color:#fff;
	padding:25px 5px 0 5px;
	margin-right:15px;
	}
#nav ul li a:hover {
	border-bottom:8px solid #a55a09;
	
	}
#logo {
	margin-left:30px;
	float:left;
	}
#logo a img {
	width:258px;
	height:91px;
	background-image:url(images/logo-gasco.jpg); background-repeat:no-repeat; background-position: 0 0;
	}
#logo a:hover img	{
	background-position:0 -91px;
	}

/* ******************************************** */
#logo-cpn {
	float:left;
	margin-left:60px;
	}
#logo-cpn a img {
	width:149px;
	height:125px;
	background-image:url(images/logo-patient-navigators.png); background-repeat:no-repeat;
	background-position:0 0;
	}
#logo-cpn a:hover img	{
	background-position:-149px 0px;
	}
/* ******************************************** */	
.twoColFixLtHdr #mainContent { 
	margin:0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the  div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the # space when the content in # ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(images/content-repeat.jpg); background-repeat:repeat-y;
	min-height:500px;
  height:auto !important;
  height:500px;
}

.twoColFixLtHdr #mainContent h1 img { 
	position:relative;
	top:5px; left:0;
	}

#mainContentwrap {
	padding:10px 40px 20px 10px;
	margin:0 0 0 280px;
	}
#mainContentwrapframes {
padding:10px 40px 20px 10px;
	margin:0 0 0 10px;
	}
#mainContentwrap ul li {
	padding:5px 0;
	}

/*-------------- home page callouts -------------------------------------*/
#home-page-callouts {
	height:113px;
	margin:0 0 10px 14px;
	padding:0;
	
	}

#callout-1 {
	width:309px;
	height:113px;
	background-image:url(images/call1.jpg); background-repeat:no-repeat;
	float:left;
	margin-right:1px;
	
	}
#callout-1 p {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 30px 0 25px;
	font-size:12px;
	}
#callout-1 p a {
	float:right;
	background-image:url(images/bullet2-blue.png); background-repeat:no-repeat; background-position:left;
	padding-left:12px;
	color:#6b6b6b;
	font-weight:600;
	}
#callout-1 p a:hover {	
	color:#000;
	}

		
#callout-members{
	width:221px;
	height:113px;
	background-image:url(images/callout-members.jpg); background-repeat:no-repeat;
	float:left;
	margin-right:1px;
	}
h2.callout {
	/*padding:5px 0 10px 5px;*/
	margin:5px 0 0 5px;
	}
h2.callout a {
	color:#fff;
	font-size:18px;
	/*line-height:24px;*/
	}
h2.callout a:hover {
	/*border-bottom:4px solid #fff;*/
	color:#000;
	}	

#callout-members ul {
	margin:10px 0 0 5px;
	padding:0;
	}	
#callout-members ul li{
	list-style-type:none;
	background-image:url(images/bullet2-blue.png); background-repeat:no-repeat; background-position:left;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
#callout-members ul li a {
	color:#fff;
	}
#callout-members ul li a:hover {
	color:#000;
	}

	
#callout-navigators {
	width:220px;
	height:113px;
	background-image:url(images/callout-navigators.jpg); background-repeat:no-repeat;
	float:left;
	margin-right:1px;
	}
#callout-navigators ul {
	margin:10px 0 0 5px;
	padding:0;
	}
#callout-navigators ul li {
list-style-type:none;
	background-image:url(images/bullet3-green.png); background-repeat:no-repeat; background-position:left;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
#callout-navigators ul li a {
	color:#fff;
	}
#callout-navigators ul li a:hover {
	color:#000;
	}


#callout-news {
	width:218px;
	height:113px;
	background-image:url(images/callout-news.jpg); background-repeat:no-repeat;
	float:left;
	}

#callout-news p {
	width:125px;
	margin-left:5px;
	}
#callout-news p a {
	color:#fff;
	}
#callout-news p a:hover {
	color:#000;
	}
	
	
	
/*-------------- inside page callouts -------------------------------------*/
#inside-page-callouts {
	height:80px;
	width:660px;
	margin:-1px 20px 0 0px;
	padding:0;
	float:right;
	}
		
#callout-members-sm a img{
	width:218px;
	height:69px;
	background-image:url(images/call-sm-mbr.jpg); background-repeat:no-repeat;background-position:0 0;
	float:left;
	margin-right:1px;
	}
#callout-members-sm a:hover img{ 
	background-position: 0 -70px;
	}
	
#callout-navigators-sm a img {
	width:218px;
	height:69px;
	background-image:url(images/call-sm-nav.jpg); background-repeat:no-repeat;background-repeat:no-repeat;background-position:0 0;
	float:left;
	margin-right:1px;
	}
#callout-navigators-sm a:hover img {
	background-position: 0 -70px;
	}

#callout-news-sm a img {
	width:218px;
	height:69px;
	background-image:url(images/call-sm-sign.jpg); background-repeat:no-repeat;background-repeat:no-repeat;background-position:0 0;
	float:left;
	}
#callout-news-sm a:hover img {
	background-position: 0 -70px;
	}

/*------------ breadcrumb-----------------*/
#breadcrumb{
	background-color:#becfdf;
	height:25px;
	width:970px;
	margin:0px 0 0 14px;
	padding-bottom:5px;
	border:1px solid #376a9c;
	}
#breadcrumbtree {
	/*this is daves definition*/
	margin-left:25px;
	padding-top:10px;
	line-height:12px;
	}
a.breadcrumb {
	
	}	
/*---------------meetings column----------------------*/
.twoColFixLtHdr #meetings {
	float: left; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding: 5px 10px 5px 5px;
	background-image:url(images/line.jpg); background-repeat:no-repeat;
	background-position:top right;
	min-height:600px;
  height:auto !important;
  height:600px;
  margin:0 20px 0 30px;
}


.twoColFixLtHdr #meetings h2 {
	margin:0 0 20px 0px;
	padding:0;
	line-height:20px;
	}
.twoColFixLtHdr #meetings h2 img {
	position:relative;
	top:3px; left:1px;
	}


/*--------------- column----------------------*/
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	color:#fff;
	background-color:#7b8050;
	min-height:300px;
  height:auto !important;
  height:300px;
  margin:0 10px 0 14px;
  padding: 20px;
}
.twoColFixLtHdr #sidebar1 ul li {
	padding-bottom:5px;
	}

.twoColFixLtHdr #sidebar1 ul li a, .twoColFixLtHdr #sidebar1 a {
	color:#fff;
	}
.twoColFixLtHdr #sidebar1 ul li a:hover, .twoColFixLtHdr #sidebar1 a:hover {
	text-decoration:underline;
	}
.twoColFixLtHdr #sidebar1 h2 {
	margin:0px;
	padding:0;
	}

	

/*--------------------- sidebar 2 is the news column with newspaper--------*/
#newspaper {
	width:210px;
	height:197px;
	background-image:url(images/newspaper.jpg); background-repeat:no-repeat;
	float:right;
	margin:60px 0 20px 20px;
	position:relative;
	top:0; left:0;
	}

#newspaper h2 {
	text-align:center;
	font-size:16px;
	margin-top:15px;
	padding:0;
	}
#newspaper h3 {
	margin:0;
	padding:0;
	}
	 
/*-------------------------------- footer -------------------------------*/	
.twoColFixLtHdr #footertop {
	width:999px;
	height:10px;
	background-image:url(images/footertop.jpg); background-repeat:no-repeat;
	}
	
.twoColFixLtHdr #footerbottom {
	width:999px;
	height:20px;
	background-image:url(images/footerbottom.jpg); background-repeat:no-repeat;
	}
		
		
.twoColFixLtHdr #footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image:url(images/footerrepeat.jpg); background-repeat:repeat-y;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	line-height:14px;
}
.twoColFixLtHdr #footer ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	}
.twoColFixLtHdr #footer ul li {
	display:inline;
	padding-right:10px;
	}
.twoColFixLtHdr #footer ul li a, #footer p a {
	color:#808080;
	}
	
.twoColFixLtHdr #footer ul li a:hover, #footer p a:hover {
	color:#000;
	}	

/*-------------------------- misc styles -----------------------------------*/
a img {
	border:none;
	}
a {
	text-decoration:none;
	color:#35679a;
	}
#mainContentwrap a:hover, #meetings a:hover {
	text-decoration:underline;
	}
.blue {
	color:#35679a;
	}
.green {
	color:#565a35;
	}
.orange {
	color:#a55a09;
	}
.gold {
	color:#ce9213;
	}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




a[href $='.pdf'] { 
   padding-right: 30px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}



/* NEWSTICKER STYLES----------------------------------------------*/
.cat p {
	padding-bottom:20px;
	margin-top:0;
	border:0px solid red;
	}
div.info a {
	border:0px solid blue;
	}
.meetdatetick a {
	font-weight:600;
	background-image:url(images/m.jpg); background-repeat:no-repeat; padding-left:25px;
	}
	
.formhdr {
  vertical-align:top;
	text-align:right;
	text-decoration:bold;
}
.formtext {
  vertical-align:top;
	text-align:left;
	text-decoration:bold;
	color:#000000;
}

/*------------contact form CPN------------------*/
table.tb1 {
	background-color:#575b35;
	}

table.tb2 {
	background-color:#969c63;
	background-image:url(images/contactformcpn/bg-gradient.jpg); background-repeat:repeat-x; background-position:top;
	font: .9em/25px arial,sans-serif;
	color:#fff;
	text-align:left;
	}
	
table.tb2 td input {
	background:none;
	border:none;
	width:170px;
	height:23px;
	padding:2px 5px 0 5px;
	
	}
table.tb2 td input.txt {
	background-image:url(images/contactformcpn/input-text.png); background-repeat:no-repeat; 
	
	}

/* NOT USED HERE  .checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/contactformcpn/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(images/contactformcpn/radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 252px;          With the padding included, the width is 190 pixels: the actual width of the image. 
	height: 21px;
	padding: 0 24px 2px 8px;
	color: #000;
	font: 12px/21px arial,sans-serif;
	background: url(images/contactformcpn/select.gif) no-repeat;
	overflow: hidden;
}*/

table.tb1 td input { /*only input in table 1 is the submit so style submit here*/
	background:none;
	border:none;
	}
table.tb1 td input.submit { /*style submit button*/
	background-image:url(images/contactformcpn/submit-bg.png); background-repeat:no-repeat;
	width:90px;
	height:22px;
	font-size:14px;
	font-weight:600;
	padding:0 0 2px 0;
	color:#575b36;
	}




/*-------contact form for GASCO--------*/
table.tb3 {
	background-color:#b87f3a;
	}
table.tb4 {
	background-image:url(images/contactformgasco/bg-gradient.jpg); background-repeat:repeat-x; background-position:top;
	font: .9em/25px arial,sans-serif;
	color:#fff;
	text-align:left;
	}
	
table.tb4 td input {
	background:none;
	border:none;
	width:170px;
	height:23px;
	padding:2px 5px 0 5px;
	}
table.tb4 td input.txt {
	background-image:url(images/contactformgasco/input-text.png); background-repeat:no-repeat; 
	}

table.tb4 td select {
	background-color:#cc9547;
	}

.select {
	position: absolute;
	padding: 0 px;
	background: url(images/contactformgasco/select.gif) no-repeat;
	overflow: hidden;
	border:none;
	width:180px;
	height:23px;
	color:#000;
	padding:0 0 0 5px;
}

textarea {
	background-color:#cc9547;
	border:0;
	}

table.tb3 td input {
	background:none;
	border:none;
	}


table.tb3 td input.submit { /*style submit button*/
	background-image:url(images/contactformgasco/submit-bg.png); background-repeat:no-repeat;
	width:90px;
	height:22px;
	font-size:14px;
	font-weight:600;
	padding:0 0 2px 0;
	color:#000;
	}
tr.row1 td {
	border-bottom:1px solid #ccc
	}
td {
	vertical-align:top;
	}
	
.sig_topic_text {	
 font-size:8pt;
 font-family:arial;
 padding-left:15px;
 line-height:15px; 
}
.sig_topic_title{
 font-size:9pt;
 font-weight:bold;
}
.sig_post_bg_color1{
 background-color:#F7F7DF;
 border-bottom:1px solid #a55a09;
  										
}
.sig_post_bg_color2 {
 background-color:#F7F7EF;
 border-bottom:1px solid #a55a09;

}
.sig_post_view_all_replies_table {
  width:640px;
	font-size:8pt;
 border:1px solid #a55a09;	
	 
}
.sig_post_bg_row_color1{
 background-color:#F7F7DF;
 border-bottom:0px solid #a55a09;
 height:20px;  										
}
.sig_post_bg_row_color2 {
 font-size:8;
 background-color:#ffffff;
 border-bottom:0px solid #a55a09;
 height:20px;
}
.sig_post_bg_row_hdr {
 font-family:arial;
 font-size:9pt;
 background-color:#B77F67;
 color:#ffffff;
 font-weight:bold;
 border-bottom:0px solid #a55a09;
 height:20px;
 vertical-align:middle;
}
.sig_post_td_cell {
 vertical-align:middle;
}
/*-----Print styles -------------*/
.screenonly {
	display:block;
	}

.printonly {
	display:none;
	visibility:hidden;
	}