/*
	screen_all.css
	
	General-purpose stylesheet for ASCO website
	MSIE 6 exceptions in screen_msie6.css
	MSIE 7 exceptions in screen_msie7.css
*/


/* general-purpose declarations */
body {

	margin-top:60px;
	margin-bottom:40px;

	padding:0;


	background-size: contain;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#036;
	}

#home {margin-top:60px;
	margin-bottom:40px;
	padding:0;
	background-size: contain;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#036;
	background: url(../images/backgrounds/lcf_acso_themany_blue_web.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	}		
	
	
div,form {
	position:relative;
	margin:0;
	padding:0;
	}

img { border:0; }

a {
	color:#900;
	text-decoration:none;
	}

a:visited {
	}

a:hover {
	text-decoration:underline;
	}

a:active {
	text-decoration:underline;
	}
	
ul.nobulletnoindent {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
}

ul.openhouse {
	list-style-type:none;
	margin-left: 20px;
	padding-left: 10px;
	}


/* fixed-width container DIV */

#page {
	width:800px;
	margin:0 auto;
	background:#fff;
	border:solid #2b4077 1px;
	position: relative;
	-webkit-box-shadow: 0px 0px 60px #ffffff;
	-moz-box-shadow: 0px 0px 60px #ffffff;
	box-shadow: 0px 0px 60px #ffffff;
	}

/* title area  ------------------------ */
#title {
	clear:both;
	float:none;
	}

#title img {
	display:block;
	}

#title_graphic {
	height: 162px;
	}
	
#title_graphic_home {
	height: 249px;
	}

#title_photo {
	height: 65px;
	background: url('../header_images/title_photo_1.jpg');
	}

#title_photo_home {
	height: 152px;
	}

#title_image {
	display:block;
	position:relative;
	z-index:1;
	}



/* top menus  ------------------------ */
#menu_control,#menu_main {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	}

#menu_control {
	position:absolute;
	top:84px;
	left:529px;
	z-index:2;
	}

#home #menu_control {
	top:82px;
	}

#menu_main {
	position:relative;
	clear:both;
	float:none;
	z-index:2;
	}
#menu_rightb {
	position:absolute;
	top:159px;
	left:529px;
	z-index:2;
	}
#menu_infra {
	position:absolute;
	top:1px;
	left:360px;
	z-index:2;
}
#menu_right {
	position:absolute;
	top:175px;
	left:529px;
	z-index:2;
	}
#menu_rindex {
	position:absolute;
	top:260px;
	left:529px;
	z-index:2;
	}
#menu_social{
	position:absolute;
	top:267px;
	left:251px;
	}
#menu_soc{
position:absolute;
top:120px;
left:620px;
margin:0;
}
#menu_control li,#menu_main li {
	float:left;
	margin:0;
	}

#menu_control img,#menu_main img {
	display:block;
	}



#social {
	position: fixed;
	margin-top: -20px;
	margin-left: 280px;
	z-index: 2;
	top: 0px;
	width:240px;
	height:56px;
	line-style:none;
	padding: 0;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 10px #ffffff;
	-moz-box-shadow: 0px 0px 10px #ffffff;
	box-shadow: 0px 0px 10px #ffffff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
#social_plusone {
	margin-top: -34px;
	margin-left: 155px;
	}
#social img {
	margin: 22px 5px 5px 10px;
	display: inline;
	
	}
	
#social ul {
	margin:11px 0 0 8px;
	}

#social li {
	margin: 0 0 5px 0;
	}
	
	
	
	

	
	
	
	

/* content area ------------------------ */
#content {
	}
	
	
#sub #footer {
	margin-top:2em;
	}

#col_left {
	float:left;
	}

#home #col_middle {
	float:left;
	}

#sub #col_middle {
	clear:both;
	float:none;
	width:570px;
	margin:28px 0 0 64px;
	color:#000;
	}

#sub #col_middle.text { /* a wide version of #col_middle */
	width:685px;
	}

#sub #col_middle.catalog { /*a wide version of #col_middle for the product tables */
	width:682px;
	}
	
#sub_content {
	width:100%;
	}

.text #sub_content {
	width:406px;
	float:left;
	}

.catalog #sub_content {
	width:506px;
	float:left;
	}



#sub h1,#sub h2,#sub h3,#sub h4,#sub h5,#sub h6 {
	margin:1em 0 0.5em;
	color:#036;
	}

#sub h1 {
	margin:0 0 1em;
	}

#sub h2 {
	font-size:1.3em;
	}

#sub h3 {
	font-size:1.2em;
	}

#sub h4 {
	font-size:1.1em;
	}

#sub h5,#sub h6 {
	font-size:1.0em;
	}

#sub .content_title {
	width:100%;
	font-size:1.4em;
	color:#036;
	font-weight:bold;
	line-height:1.2em;
	background:url('../images/page/bg_h1.gif') repeat-x 0 1em;
	}

#sub h1.content_title .grey {
	font-size:0.8em;
	color: #aaa;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

#col_middle p {
	line-height:1.4em;
	margin:0 0 0.5em 0;
	}

#col_middle ul,#col_middle ol {
	margin:0 0 1em 1.3em;
	padding:0;
	}

#col_middle_pac {   /*6/29/11 - New PacClad Color Page  |  */
	width:790px;								/*		|  */
	margin-left:25px;							/*	   \ / */
	padding-top:1px; 
	}	

#col_middle_pac p {
	margin: -2px 0 -2px 0;
	text-align:center;
	display:inline;
	}
#pac_color {
	width:116px; 
	height:100%;
	margin-left:5px;
	padding-right:4px;
	position:relative;
	float:left;
	padding:10px;
	}
										  /*end 6/29/11 ----- */

#wrisco_color {   /*ADD WRISCO PAGE*/
	width:100px; 
	height:80px;
	margin-left:5px;
	padding-right:4px;
	position:relative;
	float:left;
	padding:10px;
	}										  
										  
										  
#col_middle_pac img {
	display:inline;
	}	
	
#col_right {
	float:left;
	}

.p_note {
	font-style:italic;
	color:#666;
	font-size:0.9em;
	
	}

#sub .productgroup {  /* products page only at this point */
	height: 100px;
	margin: -10px 0 17px 0;
	background: #f5f5f5;
	vertical-align: top;
	}

#sub .productgroup img {  /* products page only at this point */
	float:left;
	padding-right:15px; 
	}

#sub .productgroup h2 {  /* products page only at this point */
	padding-top:10px; 
	margin-bottom: 0.2em;
	}


#sub .projectbox {  /* project summary/link page only at this point */
	height: 87px;
	margin: 0px 0 5px 0;
	vertical-align: top;
	overflow: visible;
	}

#sub .projectbox h4, #sub .projectbox p.tight {  /* project summary/link page only at this point */
	margin: 0px 0 0px 85px;
	}

	
#sub .projectbox2 {  /* added for project11 Schools */
	
	margin: 0px 0 12px 0;
	vertical-align: top;
	overflow: visible;
	}

#sub .projectbox2 h4, #sub .projectbox p.tight {  /* added for project11 Schools */
	margin: 0px 0 0px 85px;
	}	

	

#sub_sidebar,#catalog_sidebar { /* zzz */
	float:left;
	margin:0 0 0 24px;
	padding:0 0 0 27px;
	color:#888;
	}

#sub_sidebar {
	border:solid #e5e5e5 1px;
	width:222px;
	height:100%;
	}

#catalog_sidebar {
	margin:0;
	width:114px;
	}

#sub_sidebar h1,#sub_sidebar h2,#sub_sidebar h3,#sub_sidebar h4,#sub_sidebar h5,#sub_sidebar h6,#catalog_sidebar h1,#catalog_sidebar h2,#catalog_sidebar h3,#catalog_sidebar h4,#catalog_sidebar h5,#catalog_sidebar h6 {
	font-size:1em;
	font-style:normal;
	}


/* some styles for quote and survey forms  ------------------------ */
#col_middle p.form_menu {
	padding:0.2em 0 0 0;
}

	
p.form_menu label {
	width:32%;
	text-align:left;
	margin-right:0.5em;
	float:left;
	}

p.form_menu input {
	width:64%;
	}
	
p.form_menu textarea, p.form_menu select{
	width:97%;
}
		
p #file{
	width:97%;
}

p #hiddeninput	{
	width:10%;
}
	
input, textarea, select{
	background: #f2f2fa;
	border: 1px solid #d8d8e0;
	padding: 1px;
	}

select{
	padding: 0px;
	}

#col_middle form  p.radio label { /* survey radio button spacing ------- */
	padding-right: 7px; }
	
#col_middle form  p.radio { /* survey radio pararaph spacing ------- */
	padding-bottom: 0.9em; }


/* catalog lists  ------------------------ */

div.catalog_name {
	background:url('../images/page/bg_catalog_list.jpg') repeat-y;
	width:420px;
	margin:6px 0 6px 0;
	vertical-align: middle;
	padding:0px 0px 0 0;
	clear:both;
}

.catalog_name p {
	color:#036;
	font-size:1.2em;
	font-weight:bold;
	padding:0.7em 0 0.7em 0.7em;
	}


.catalog_link {
	font-size:0.9em;
	font-weight:normal;
	padding: 0 0 0 0.5em;
	}

.catalog_name img {
	float:right;
	display:inline;
	padding:5px 4px 0 4px;
	}



/* catalog lists  ART STYLES------------------------ 
#content .catalog_list {
	margin:0;
	padding:0;
	list-style:none;
	}

.catalog_list li {
	background:url('../images/page/bg_catalog_list.jpg') repeat-y;
	width:420px;
	margin:0 0 6px;
	padding:0;
	clear:both;
	float:none;
	}

.catalog_list a {
	display:block;
	padding:0 1em;
	height:44px;
	}

.catalog_list .catalog_name {
	height:44px;
	padding:0;
	margin:0;
	float:left;
	line-height:1em;
	}

.catalog_list h3 {
	color:#036;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;float:left;
	}

.catalog_list .catalog_subtitle {
	display:block;
	margin:1.3em 0 0 0.5em;
	float:left;
	}

.catalog_list img {
	padding:5px 0 0 8px;
	display:block;
	float:right;
	}

*/


/* product tables  ------------------------ */
#product_table {
	width:405px;
	line-height:1em;
	}

#product_table .section_titles th,#product_table tfoot td {
	border-top:dotted #999 1px;
	}

#product_table .section_titles th {
	background:#d6dee6 url('../images/page/bg_product_table_hed.jpg') repeat-x;
	padding:3px 4px 1px;
	color:#036
	}

#product_table .column_titles th {
	background:#7598c3;
	color:#fff;
	padding:6px 4px 4px;
	border-top:solid #e9eef2 1px;
	border-bottom:solid #e9eef2 1px;
	border-right:solid #c0c0c0 1px;
	}

#product_table .column_titles .cta {
	background:#a7bed9 url('../images/page/bg_column_titles_cta.jpg') repeat-y;
	color:#036;
	border-right:none;
	}

#product_table .column_titles .ctb {
	background:#a7bed9;
	color:#036;
	border-right:none;
	}

#product_table .odd {
	background:#fff;
	}

#product_table .even {
	background:#e9e9e9;
	}

#product_table .table_mark {
	width:100%;
	height:15px;
	display:block;
	}

#product_table tbody td {
	border-bottom:solid #c7d3e3 1px;
	font-size:0.8em;
	padding:2px 0 1px 4px;
	}

#product_table tbody .pct {
	border-right:solid #c0c0c0 1px;
	text-align:center;
	padding-left:0;
	}

#product_table tbody .pct img {
	margin:-2px 0 -1px 0;
	display:block;
	}

#product_table tfoot td {
	font-size:0.8em;
	padding:4px 0 2px 4px;
	}

#product_table tbody .noborder {
	border-bottom:none;
	}


/* news pages  ------------------------ */

#meta {
	display: inline;
}

#col_middle.text #sub_content div.newslist h2 { /*  release title */
		font-size:1em;	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

#col_middle.text #sub_content div.newslist h4 { /*  release date */
		font-size:0.9em;	
		font-weight:normal;	
		font-style:italic;	
		color: #778;
		margin:0 0 0.2em 0;
		padding: 0 0 0 0;
	}
	
#col_middle.text #sub_content div.newslist p { /*  release date */
		margin:0 0 0.6em 0;
		padding: 0 0 0.5em 0;
		border-bottom: 1px solid #dde;
	}


/* footer  ------------------------ */
#footer {
	font-size:0.75em;
	padding-bottom:1em;
	}

#sub #footer {
	border-top:dotted #9c9c9c 1px;
	}

#asco_address {
	float: right;
	width:110px;
	color:#000;
	}

#home #asco_address {
	margin:0 44px 0 20px;
	float:left;
	}

#sub #asco_address {
	margin:12px 10px 0 0;
	}

#contact {
	color:#666;
	width:510px;
	}

#home #contact {
	margin:1.5em 0 0 190px;
	border-top:dotted #9c9c9c 1px;
	width:600px;
	}

#sub #contact {
	margin:0 0 0 65px;
	}

#contact_upper {
	text-transform:uppercase;
	margin:1.5em 0 0;
	}

#contact_second {
	text-transform:uppercase;
	margin:0.5em 0 0;
	}

#contact_upper a {
	padding-right:0.85em;
	}

#contact_second a{
	padding-right:0.85em;
	color:#966;
	}

.contact_smaller a {
	}

#contact_lower {
	font-style:italic;
	margin:0.5em 0 0;
	}



/* bottom of page  ------------------------ */
#bottom{
	width:100%;
	height:38px;
	background:#999 url('../images/page/bg_bottom.jpg') no-repeat;
	}




/* homepage-specific  ------------------------ */
#home #content {
	background:#fff url('../images/page/bg_content_home.gif') repeat-y bottom;
	}

#menu_products {
	width:147px;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	}
#menu_products a{
	border: 2px;
	text-shadow: 1px 2px 8px black;
	}
#menu_products li {
	/* REMOVED display:inline - 6/8/11 new left sidebar*/
	margin:0;
	}

#menu_products img {
	display:block;
	}

#msi	{
	width: 138px;
	height: 200px;
	position:relative;
	line-style:none;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 0;
	border: 2px solid black;
	}
#msi img {
	
	margin-left:9px;

	}
#msi p {
	text-align:center;
	margin: 5px;
	}
#msi em {
	text-align:center;
	margin: 15px;
	}
	
#home #col_left {
	height:100%;
	}

#home #col_right {
	width:230px; /* jul908--changed from 237 to 230 */
	margin:1px 0 0 31px; /* apr1811--changed from 33 to 1, removed marketing button */
	}

#home #col_middle {
	width:346px;
	margin-left:44px;
	padding-top:1px; /* apr1811--changed from 33 to 1 shorten */
	}

#feature_box {
	border:solid #e3e3e3 1px;
	background:#f9f9f9;
	padding:1em;
	margin-bottom:1em;
	}

#feature_box ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#feature_box li {
	float:left;
	margin:0;
	width:50%;
	}

#feature_box ul li p{
	font-weight:bold;
	}

#feature_box ul ul {
	margin:0.5em 1em 0 0;
	}

#feature_box .last_feature ul {
	margin-right:0;
	}

#feature_box li li {
	float:none;
	font-style:italic;
	color:#555;
	border-top:dotted #9c9c9c 1px;
	padding:0.2em 0;
	width:100%;
	}

#feature_box a {
	color:#900;
	text-decoration:none;
	}

#fab_box {
	width:230px; /* jul908--changed from 237 to 230 */
	background:#f6f8fa url('../images/page/home_fab_bg3.png');
	
	color:#333;

	overflow: hidden;
	}

	#fab_box hr {
	width: 100%;
	color: #2b4077
	}

	#fab_box div {
	font-size:0.9em;
	margin:0.2em 0.8em 0.8em;
	line-height:1.4em;
	}
	

	
/* ted fab styles*/

#fab_box h4, #fab_box p{
	margin:0.0em 0;	
	padding:0.0em 0;
	}
	
#fab_box h4 {
	font-size:1.0em;
	font-weight:bold;
	color:#036;
	}
	
#fab_box p {
	
	border-bottom:dotted #999 1px;
}

#fab_box p a {
	font-style:italic;
	text-decoration:none;
	color:#900;
}

#fab_box .noborder {
	border:none;
	}

/* subpage-specific  ------------------------ */
#sub #content {
	background-color:#fff;

	}

/* submenu under main menu */
/* art is grey tab shape*/
#submenu {
	background:url('../images/page/bg_sub_submenu.jpg') no-repeat top;
	height:41px;
	}

#submenu_nav,#submenu_path {
	position:absolute;
	left:66px;
	}

#submenu_nav {
	top:9px;
	color:#000;
	}

#submenu_path {
	top:32px;
	width: 480px;
	color:#999;
	font-style:italic;
	font-size:0.8em;
	}

#submenu_nav a,#submenu_nav a:visited {
	color:#000;
	}

#submenu_path a,#submenu_path a:visited {
	color:#999;
	}

#submenu_nav a:hover,#submenu_path a:hover {
	color:#00a;
	text-decoration:underline;
	}

#submenu_nav a:active,#submenu_path a:active {
	color:#600;
	text-decoration:underline;
	}




/* FAQ */
.gototop {
	text-align:right;
	font-size:0.9em;
	}

.faq h4 {
	margin-bottom:0.25em;
	}

/*Surplus Table added 06202013*/
table.surplus {
	border-collapse:collapse;
	}

.surplus tr {

	border-bottom:1px solid #c3c3c3;
	color:#669;
	padding:2px
	}
.surplus th {

	color:#001257;
	padding:4px 0 4px 0;
	}

/* used for inset tables on FAQ page  ------------------------ */
table.chart { 
	width: 390px;
	border-collapse: collapse;
	}

.chart { 
	border:solid #999 1px;
	margin-bottom:1em;
	}

.chart td,.chart th {
	padding:3px 5px;
	
	border:none;
	}

.chart th { 
	color:#036;
	text-align:left;
	}

.chart .dark td { 
	background:#ddd;
	}

.chart  td.center { 
	text-align: center;
	}


/* Pac Clad Color availability Table  ------------------------ */
table.color_availability { 
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font: Arial Narrow, Helvetica Narrow, Helvetica Condensed, Verdana, Arial, "sans-serif";
	}

.color_availability { 
	border:solid #fff 1px;
	margin-bottom:1em;
	}

.color_availability td,.color_availability th {
	padding:2px 2px 0px 2px;
	border:none;
	}

.color_availability p {
	font-size: 0.75em;
	margin: 0 0 0 0;
	padding: 0;
	}

.color_availability th { 
	color:#cdddee;
	font-weight: bold;
	background:#036;
	border-right:solid #fff 2px;
	border-bottom:solid #fff 1px;
}

.color_availability tr.dark td { 
	background:#ddd;
	}

.color_availability td.first, .color_availability th.first { 
	text-align: left;
	font-weight: bold;
}

.color_availability tr td.bull, .color_availability tr.dark td.bull { 
	font-weight: bold;
	background:#cfdce5;
	color:#5f7ca5;
	border-right:solid #fff 1px;
	border-bottom:solid #fff 1px;
	}

.color_availability tr td.bullyellow, .color_availability tr.dark td.bullyellow { 
	background:#f1e592;
	font-weight: bold;
	color:#5f7ca5;
	border-right:solid #fff 1px;
	border-bottom:solid #fff 1px;
	}

p.yellow { 
	background:#f1e592;
	padding: 0.2em 0.1em 0.2em 0.1em;
	}

/* general exceptions  ------------------------ */
.divider { /* insert a dotted horizontal pseudo-HR between elements. */
	font-size:0.1px;
	line-height:0.1px;
	padding-bottom:12px;
	border-top:dotted #ccc 1px;
	}

.spoken { display:none; }

.tleft { text-align:left; }

.tcenter { text-align:center; }

.tright { text-align:right; }

.floatleft { float:left;padding-right:10px; }

.floatright { float:right;padding-left:10px; }

.nofloat { float:none; }

.noborder { border:none; }

.small { font-size:0.8em; }

#col_middle p.tight {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	}

#col_middle h4.tight {
	margin-bottom: 0.2em;
	}

.clearall,.clearall_tiny {
	clear:both;
	float:none;
	}

.clearall_tiny {
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	}

#home .homelink{
	display: none;
	}

	

#submenu.hidden { /* omit submenu tab on main section pages */
	background:#fff url('../images/page/bg_sub.gif') repeat-y;
	height: 5px;
}

/* hide submenu items (if any) on main section pages */
/* ideally we would omit the HTML DIVs so this should be unneccessary */
#submenu.hidden #submenu_nav,#submenu.hidden #submenu_path {
	display: none;
	}

img.zoombutton {
	padding: 0 0 1px 0;
	}

img.zoombutton2 {
	padding: 0 0 1px 2px;
	}

img.image-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.navy-teaser {
  background-color: #00337e;
  color: white;
  padding: 15px;
  font-weight: bold; /* Makes the text bold */
  border-radius: 8px;
  text-transform: uppercase; /* Makes the text uppercase */
  letter-spacing: 1px; /* Adds spacing between letters */
}

p.navy-teaser {
	color:
}

.styled-hr {
  border: none; /* Remove the default border */
  border-top: 2px solid #00337e; /* Add a top border for the line */
  margin-top: 20px; /* Add margin above the line */
  margin-bottom: 20px; /* Add margin below the line (optional) */
}
.cta-container {
  background-color: #f0f0f0; /* Light gray background */
  padding: 20px;
  text-align: center; /* Center the content */
  border-radius: 8px; /* Rounded corners */
  margin: 20px 0; /* Add some top and bottom margin */
}

.cta-container h3 {
  color: #333; /* Dark gray heading text */
  margin-bottom: 10px;
}

.cta-container p {
  color: #666; /* Slightly lighter text for the paragraph */
  margin-bottom: 20px;
}

.cta-button {
  display: inline-block;
  background-color: #007bff; /* Blue button background */
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.cta-button:hover {
  background-color: #0056b3; /* Darker blue on hover */
}
.cta-phone {
	color:#00337e;
	font-size:3em;
}

.more-space{
	margin-top:20px;
	margin-bottom:20px;
}

.styled-header {
  text-align: left; /* Center the header block (optional) */
    margin-bottom: 20px; /* Add some space between header blocks */
}

.main-title {
  font-size: 2em; /* Adjust main title size */
  font-weight: bold; /* Make the main title bold (optional) */
  display: block; /* Make it a block element to take full width */
  margin-bottom: 0.2em; /* Adjust spacing between title and subtitle */
}

.sub-title {
  font-size: 1em; /* Adjust sub-title size */
  color: #777; /* Sub-title color (lighter gray) */
  display: block; /* Make it a block element */
}



#sub .projectbox3 {  /* project summary/link page only at this point */

	margin: 0px 0 30px 0;
	vertical-align: top;
	overflow: visible;
	}

#sub .projectbox3 h4, #sub .projectbox p.tight {  /* project summary/link page only at this point */
	margin: 0px 0 0px 85px;
	}

	


/* EOF */