/* Stylesheet for the Summit Construction Web Application project */

/* Header specific styles */

img.logo    {float: left; padding-left: 25Px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}


/* Common page styles */

body    {text-align: left; background-image: URL(pics/bodybckgrd.jpg);} /*use background image for Safari*/
.homeLink  {text-align: left;}
a.mainmenu:link  {color: white; text-decoration: none; text-align: left; font-family: Verdana; font-size: 9pt; font-weight: bold;}
a.mainmenu:visited   {color: white; text-decoration: none; text-align: left; font-family: Verdana; font-size: 9pt; font-weight: bold;}
a.mainmenu:hover     {color: white; text-decoration: underline; background-color: #464646; text-align: left; font-family: Verdana; font-size: 9pt; font-weight: bold;}
div.menu    {padding-top: 70px; font-family: Verdana; font-size: 9pt; color: white;}
.LastRow  {background-color: #333333; text-align: left; font-family: Verdana; font-size: 9pt; color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 20px;}
a.link {color: white; text-decoration: none;}
a.link:visited {color: white; text-decoration: none;}
a.link:hover {color: yellow; text-decoration: none;}


/* Sub-menu specific styles */


/* Home page (default.aspx) specific styles */

.homeTable  {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.homeTable tr.homeTableRow2   {background-color: white; height: 152px}
.homeTable td.homeTableRow2Cell1  {vertical-align: top;}
.homeTable img.home1   {float: left; width: 150px;}
.homeTable img.home2   {float: right; padding-left: 20px;}
.homeTable div.quote1  {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; padding-left: 20px; padding-bottom: 10px;}
.homeTable div.quote2  {text-align: left; font-family: Verdana; font-size: 8pt; padding-left: 100px;}
.homeTable tr.homeTableRow3   {vertical-align: top;}
.homeTable td.homeTableRow4Cell1  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable td.homeTableRow4Cell2  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable td.homeTableRow4Cell3  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable tr.homeTableRow5   {vertical-align: top;}
.homeTable td.homeTableRow8Cell1  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable td.homeTableRow8Cell2  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable td.homeTableRow8Cell3  {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable tr.homeTableRow9   {vertical-align: top;}
.homeTable td.homeTableRow10Cell2  {text-align: left; font-family: Verdana; font-size: 10pt; color: white; padding-right: 20px;}
.homeTable .bullet {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.homeTable img.homeline1 {float: left; width: 100%; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.homeTable img.homeline2 {float: left; width: 150px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.homeTable div.mission {padding-left: 50px; padding-right: 100px; text-align: left; font-family: Verdana; font-size: 12pt; font-style: italic; color: white;}


/* About Us page (aboutus.aspx) specific styles */

.aboutTable1  {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.aboutTable2    {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.aboutTable2 td.aboutTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.aboutTable2 td.aboutTable2Row1Col2 {width: 650px; vertical-align: top;}
.aboutTable2 img.aboutus1    {float: left; vertical-align: top;}
.aboutTable2 td.aboutTable2Row1Col1 div.menu1 {text-align: left; padding-left: 15px;}
.aboutTable2 a:link  {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: none;} 
.aboutTable2 a:link:visited  {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: none;}
.aboutTable2 a:link:hover    {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: underline;}
.aboutTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: white; padding-left: 30px; padding-right: 30px;}
.aboutTable2 tr.aboutTable2Row3   {vertical-align: top;}
.aboutTable2 img.aboutline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.aboutTable2 td.aboutTable2Row4Col2 {padding-left: 0px; padding-right: 10px;}


/* Employment page (employment.aspx) specific styles */

.employTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.employTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.employTable2 td.employTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.employTable2 td.employTable2Row1Col2   {width: 650px; vertical-align: top;}
.employTable2 img.employ    {float: left; vertical-align: top;}
.employTable2 td.employTable2Row2Col2 {padding-left: 0px; padding-right: 10px;}
.employTable2 div.title   {text-align: left; font-family: Verdana; font-size: 10pt; color: white; font-weight: bold; padding-left: 20px;}
.employTable2 img.employline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.employTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: white; padding-left: 20px; padding-right: 20px;}
.employTable2 td.employTable2Row4Cell2 {height: 300px;}

/* Plan room page (planroom.aspx) specific styles */

.planTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.planTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.planTable2 td.planTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.planTable2 td.planTable2Row1Col2   {background-color: #FFFFFF; width: 650px; vertical-align: top;}
.planTable2 img.planroom    {float: left; vertical-align: top;}
.planTable2 img.construction    {float: right; padding-left: 100px; padding-right: 100px; padding-top: 20px; padding-bottom: 20px;}
.planTable2 td.planTable2Row1Col2 div.underconstr   {text-align: left; padding-left: 100px; font-family: Verdana; font-size: 10pt; color: #464646;}
.planTable2 td.planTable2Row4Cell2 {height: 300px;}
.planTable2 div.datagrid {padding-left: 10px; padding-right: 10px; font-family: Verdana; font-size: 10pt; color: White;}

/* Capabilities page (capabilities.aspx) specific styles */

.capTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.capTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.capTable2 td.capTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.capTable2 td.capTable2Row1Col2   {width: 650px; vertical-align: top;}
.capTable2 img.capabilities   {float: left; vertical-align: top;}
.capTable2 td.capTable2Row2Col2 {text-align: left; font-family: Verdana; font-size: 10pt; color: white;}
.capTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: white; padding-left: 30px; padding-right: 30px;}
.capTable2 tr.capTable2Row3   {vertical-align: top;}
.capTable2 img.capline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.capTable2 td.capTable2Row4Col2 {padding-left: 0px; padding-right: 10px;}
.capTable2 td.capTable2Row4Col2 ul.square {list-style-type: square}

/* Safety page (safety.aspx) specific styles */

.safetyTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.safetyTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.safetyTable2 td.safetyTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.safetyTable2 td.safetyTable2Row1Col2   {width: 650px; vertical-align: top;}
.safetyTable2 td.safetyTable2Row1Col1 div.menu1 {text-align: left; padding-left: 15px;}
.safetyTable2 a:link  {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: none;} 
.safetyTable2 a:link:visited  {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: none;}
.safetyTable2 a:link:hover    {font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; text-decoration: underline;}
.safetyTable2 img.safety1    {float: left; vertical-align: top;}
.safetyTable2 td.safetyTable2Row2Col2   {vertical-align: top;}
.safetyTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: white; padding-left: 30px; padding-right: 30px;}
.safetyTable2 img.safetyline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}

/* Contact page (contact.aspx) specific styles */

.contactTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.contactTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.contactTable2 td.contactTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.contactTable2 td.contactTable2Row1Col2   {width: 650px; vertical-align: top;}
.contactTable2 img.contact    {float: left; vertical-align: top;}
.contactTable2 div.title   {text-align: left; font-family: Verdana; font-size: 10pt; color: white; font-weight: bold; padding-left: 20px;}
.contactTable2 img.contactline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.contactTable2 td.contactTable2Row3Col2 {vertical-align: top;}
.contactTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: white; padding-left: 20px; padding-right: 20px;}
.contactTable2 td.contactTable2Row4Cell2 {height: 300px;}

/* Projects page (safety.aspx) specific styles */

.projectsTable1   {background-color: #000000; table-layout: fixed; width: 800px; empty-cells: show; border-collapse: collapse;}
.projectsTable2   {table-layout: fixed; width: 100%; empty-cells: show; border-collapse: collapse;}
.projectsTable2 td.projectsTable2Row1Col1   {background-color: #FFFFFF; width: 150px; vertical-align: top; text-align: right; font-family: Verdana; font-size: 10pt; color: black;}
.projectsTable2 td.projectsTable2Row1Col2   {width: 650px; vertical-align: top; background-color: #FFFFFF;}
.projectsTable2 div.title   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: #A80532; padding-left: 10px;}
div.projectsmenu {text-align: left; padding-left: 15px; font-family: Verdana; font-size: 10pt; font-weight: bold; color: #A80532;}
div.projectssubmenu {text-align: left; padding-left: 30px;}
.projectsTable2 div.projectsmenu a:link  {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: none; color: #A80532;} 
.projectsTable2 div.projectsmenu a:link:visited  {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: none; color: #A80532;}
.projectsTable2 div.projectsmenu a:link:hover    {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #A80532;}
.projectsTable2 div.projectssubmenu a:link  {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: none; color: Black;} 
.projectsTable2 div.projectssubmenu a:link:visited  {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: none; color: Black;}
.projectsTable2 div.projectssubmenu a:link:hover    {font-family: Verdana; font-size: 10pt; font-weight: bold; text-decoration: underline; color: Black;}
.projectsTable2 td.projectsTable2Row2Col2   {vertical-align: top; background-color: #FFFFFF;}
.projectsTable2 div.body   {text-align: left; font-family: Verdana; font-size: 10pt; font-weight: bold; color: black; padding-left: 30px; padding-right: 30px;}
.projectsTable2 img.projectsline1 {float: left; width: 300px; height: 4px; border: 0px; padding-top: 5px; padding-bottom: 10px;}
.popup {width: 200px; height: 150px;}



/* Modal Popup Styles */

.watermark {background: #FFAAFF;}

.popupControl {
	background-color:#000000;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color:#A10930;
	border-width:5px;
}

.modalBackground {background-color: #969696; filter: alpha(opacity=60); opacity:0.6;}

.modalPopup {
	background-color: #ffffff;
	border-width: 5px;
	border-style: solid;
	border-color: #969696;
	padding: 5px;
	font-family: Verdana;
	font-size: 9pt;
	color: Black;
}

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