/* CSS for New Eagle Website */

body {
	background-color: #333;
	font-family:      Verdana, Helvetica, Arial, sans-serif;
	font-size:        small;
	padding: 0px;
	margin: 0px;
}

h1 {
  font-size:        120%;
  color:            #fff;
}

h2 { font-size: 110%;
     color:	#993300; }

img
{
	border-style: none;
	padding-right: 0px;
	padding-left: 0px;
}

/* bold gray italic headers*/

.style2 {
	color: #666666;
	font-style: italic;
	font-weight: bold;
}

a:link    {
	/* Applies to all unvisited links */

	text-decoration: none;
	color: #000000;
  } 
a:visited {
	/* Applies to all visited links */
  text-decoration:  none;
	font-weight:      normal;
	color: #000000;
  } 
a:hover   {
	/* Applies to links under the pointer */
  text-decoration:  none;
	color: #000000;
  } 
a:active  {
	/* Applies to activated links */
  text-decoration:  none;
	font-weight:      normal;
	color: #000000;
  } 

  
.contact {
	color: #666666;
	font-style:	italic;
	font-weight: bold;
}

#container {
	padding:	8px;
	margin-top:	5px;
	margin-left:	auto;
	margin-right:	auto;
	width:		1024px;
	height:		auto;
	background-color:	white;
}

.NavBarTop {
	width: 1024px;
	height: 18px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

#header {
	background-color: #980000;
}

#main {
	background-color:	#FFFFFF;
	height: 	auto;
}

#main_left {
	background-image: url(../images/site_backgrounds_02.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 430px;
	float: left;
}

#main_right {
	background-image: url(../images/bkgd_main_right_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}

#mid {
	background-color:	#8190A0;
	height: 	auto;
	padding-top: 1px;
	padding-bottom: 0px;
	background-image: url(../images/site_backgrounds_04.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 1px;
}


#sidebar {
	background-color:	white;
	width:		180px;
	height: 	420px;
	float:		left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	clear: right;
}

#footer {
	clear: both;
	background-repeat: no-repeat;
	height: 56px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #980000;
	border-right-color: #980000;
	border-bottom-color: #980000;
	border-left-color: #980000;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	margin-top: -26px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}



.twitter {
	float: left;
	font-style: italic;
	color: #666666;
	font-weight: bold;
}


/* Begin Common Text styles */

.maintxt_left {
	margin-left: 12px;
	margin-right: 8px;
	clear: left;
}

.maintxt_right {
	margin-left: 24px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
}

.maintxt_right_white {
	margin-left: 24px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	color: #FFFFFF;
}

.learn_more {
	font-style: italic;
	margin-right: 24px;
	text-align: right;	
}

.linkto_wiki {
	font-style: italic;
	padding-left: 12px;
}

.linkto_webstore {
	font-style: italic;
	padding-left: 12px;
}


/* Begin Index styles */

#index_main {
	background-image: url(../image_placeholders/newEagle_siteDesign_2010_02.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 1024px;
}

#index_navTab_container {
	float: left;
	margin-top: 165px;
}


.index_navTabs {
	float: none;
	height: 32px;
	width: 260px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 8px;
	background-color: #333333;
	padding-left: 12px;
	padding-top: 12px;
	letter-spacing: .15em;
}

.index_navTabs a:link {
	text-decoration: none;
	color: #FFFFFF;
}
 
.index_navTabs a:visited {
  	text-decoration:  none;
	font-weight:      bold;
	color:         #FFFFFF;
  } 
.index_navTabs a:hover   {
	text-decoration:  none;
	color:         #CCCCCC;
  } 
.index_navTabs a:active  {
	text-decoration:  none;
	font-weight:      bold;
	color: 		 #CCCCCC;
  }


#index_lowerLt {
	background-color: #333333;
	height: 190px;
	width: 625px;
	float: left;
	margin-top: 10px;
	background-image: url(../image_placeholders/newEagle_siteDesign_2010_04.jpg);
}

#index_lowerRt {
	background-color: #333333;
	height: 190px;
	width: 389px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(../image_placeholders/newEagle_siteDesign_2010_06.jpg);
}

.chat {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #333333;
	margin-left: 40px;
}

.chat a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.chat a:visited {
  	text-decoration:  none;
	color:         #FFFFFF;
  } 
.chat a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.chat a:active  {
  	text-decoration:  none;
	color: 		 #CCCCCC;
  }

.subHeader {
	font-weight: bold;
	color: #FFFFFF;
	font-size: small;
	margin-left: 12px;
	height: auto;
	margin-top: 12px;	
}

.subHeader a:link {
	color: #FFFFFF;
}

.subHeader a:visited {
  	text-decoration:  none;
	font-weight:      bold;
	color:         #FFFFFF;
  } 
.subHeader a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.subHeader a:active  {
  	text-decoration:  none;
	font-weight:      bold;
	color: 		 #CCCCCC;
  }

.navLower {
	list-style-type: none;
	color: #FFFFFF;	
}

.navLower a:link {
	color: #FFFFFF;
}

.navLower a:visited {
  	text-decoration:  none;
	font-weight:      bold;
	color:         #FFFFFF;
  } 
.navLower a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.navLower a:active  {
  	text-decoration:  none;
	font-weight:      bold;
	color: 		 #CCCCCC;
  }



/* End Index styles */


/* Begin news styles */

#news_sidebar {
	background-color:	#666666;
	width:		270px;
	min-height: 400px;
	float:		left;
	background-image: url(../images/news/images/news_sidebar_bkgd_01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


#news_main_rt {
	background-color:	white;
	width: 700px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
	min-height: 376px;
	margin-top: 24px;
	height: 100%;
}
#news_arc_sidebar {
	background-color:	#FFFFFF;
	width:		240px;
	height: 	auto;
	float:		left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: right;
	background-image: url(../images/news/images/news.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.newsList {
	text-indent: 6px;
	list-style-type: circle;
	list-style-position: inside;
	line-height: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
}

.newsArchive {
	line-height: 1em;
	margin-top: 8px;
	margin-bottom: 2px;
}

.newsLink {
	list-style-type: none;
	color: #FFFFFF;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 12px;
	line-height: 1em;
}

.newsLink a:link {
	color: #FFFFFF;
}

.newsLink a:visited {
  	text-decoration:  none;
	color:         #FFFFFF;
  } 
.newsLink a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.newsLink a:active  {
  	text-decoration:  none;
	color: 		 #CCCCCC;
  }




/* Common styles for Value, About Us */

#news_lowerleft {
	background-color: #993300;
	height: 190px;
	width: 625px;
	float: left;
	margin-top: 10px;
	background-image: url(../image_placeholders/newEagle_siteDesign_2010_04.jpg);
}

.news_lowerleft img{
	float: right;
	padding-top: 104px;
	padding-right: 8px;
}




/* Unique styles for Value */

#main_right_value {
	background-image: url(../value/images/main_right_value_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}



/* Unique styles for About Us */

.whyEagle {
	padding-left: 64px;
	padding-top: 8px;
	line-height: 2em;
	font-weight: bolder;
	font-style: italic;
}



/* Common styles for Engineered Solutions, Tools, Products */

#interior_navTab_container {
	float: left;
	top: 110px;
	margin-bottom: 20px;
}


.interior_navTabs {
	float: none;
	height: auto;
	width: 220px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-color: #333333;
	padding-left: 12px;
	padding-top: 4px;
	letter-spacing: 0.0em;
}

.interior_navTabs a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.interior_navTabs a:visited {
  	text-decoration:  none;
	font-weight:      bold;
	color:         #FFFFFF;
  } 
.interior_navTabs a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.interior_navTabs a:active  {
  	text-decoration:  none;
	font-weight:      bold;
	color: 		 #CCCCCC;
  }

.interior_navTabs_subcat {
	float: none;
	height: auto;
	min-width: 220px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 1px;
	padding-left: 18px;
	padding-top: 4px;
	letter-spacing: 0.0em;
	margin-left: 30px;
	background-image: url(../system_integration/images/subcat_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.interior_navTab_subcat a:link {
	text-decoration: none;
	color: #FFFFFF;
}





.productSpotlight {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: 4px;
}

.productSpotlight img{
	float: left;
	max-height: 150px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 12px;		
}

.productSpotlight a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.productSpotlight a:visited {
  	text-decoration:  none;
	font-weight:      bold;
	color:         #FFFFFF;
  } 
.productSpotlight a:hover   {
  	text-decoration:  none;
	color:         #CCCCCC;
  } 
.productSpotlight a:active  {
  	text-decoration:  none;
	font-weight:      bold;
	color: 		 #CCCCCC;
  }


/* Begin unique engineered solutions styles */


#main_right_eng_solutions {
	background-image: url(../eng_solutions/images/main_right_eng_solutions_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}


#main_right_unmanned {
	background-image: url(../image_placeholders/main_right_placeholder_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}

#main_right_uv {
	background-image: url(../image_placeholders/main_right_placeholder_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}





/* Begin unique System Integration styles */

#main_right_kvaser {
	background-image: url(../system_integration/images/kvaser_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}

#main_right_motohawk {
	background-image: url(../system_integration/images/motohawk_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}


.maintxt_right_motohawk {
	margin-left: 24px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 56px;
	color: #FFFFFF;
	list-style-type: none;
}

.featurelist_motohawk {
	list-style-type: circle;
	padding-left: 0px;
	list-style-position: outside;
	margin-top: -8px;
	line-height: 1.6em;
	margin-bottom: 0px;
}

#main_right_system {
	background-image: url(../system_integration/images/system_int_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}

#main_right_netway {
	background-image: url(../system_integration/images/netway_bkgd_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}



/* Begin unique Control System Product styles */

#main_right_products {
	background-image: url(../products/images/control_system_products_03.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 594px;
	float: left;
}



#1column{
width: 240px;
}

#2column{
	width: 250px;
	position: relative;
}

#3column {
width: 250px;
float: right;
}





.main {
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.header {
	font-weight:	bold;
	color:	#980000;
	margin-bottom: 0px;
}

.footer{
	margin:		10px 10px 10px 10px;
	font-style:	italic;
	text-align:	right;
	color: #980000;
	font-size: x-small;
}


.sidebarhead {
	font-style:	italic;
	font-weight:	bold;
	color:	#980000;
	line-height:	260%;
	margin-bottom: -16px;
}

.sidebar {
	color:	#666666;
	margin-top: 6px;
	margin-bottom: 4px;
}
.sidebar_bld {
	font-weight: bold;
}

.bold_blk {
	font-weight: bold;
	color: #000000;
}

.red {
	color: #980000;
}
.featurelist {
	list-style-type: circle;
	padding-left: 20px;
	list-style-position: outside;
	margin-top: -8px;
	line-height: 1.6em;
	margin-bottom: 0px;
	}



#main_wrapper {
	padding:	0px;
	margin-top:	0px;
	margin-left:	auto;
	margin-right:	0px;
	width:		800px;
	height:		auto;
	background-color:	white;
}
p.main_rt {
	width: 570px;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: right;
}
p.news_sidebarhead {
	font-style:	italic;
	font-weight:	bold;
	color:	#980000;
	line-height:	260%;
	margin-bottom: -16px;
	margin-left: 0px;
	margin-top: 140px;
	height: auto;
}
p.news_main {
	margin-top: 12px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	left: 250px;
	position: static;
}
p.header {
	font-weight:	bold;
	color:	#980000;
}
p.news_header {
	font-weight:	bold;
	color:	#980000;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
}
p.news_credit {
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-left: 0px;
	left: 250px;
	position: static;
	color: #666666;
}

/* CSS for the index page layout */

.flash {

	width: 485px;
	height: 522;
}

.index_rt {
 	width: 300;
	height:  522;
	padding-left: 490;
}


/* CSS for the controller page layout and text*/


#controller_leftbar {

float: left;
	width: 200px;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-right: 0px;
}

.controller_leftbar_img {
	text-align: left;
	padding: 0px 0 8px 0;	
}

#controller_rtmain {

	margin-left: 230px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#controller {
	width: 180px;
	height: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.controller_overview {
	margin-left: 40px;
}

.controller_img {
	text-align: left;
	padding: 0px 0 18px 0;	
}

.controller_description {
	margin-left: 196px;
	margin-top: 0px;
	padding-bottom: 4px;
}


/* CSS for the partner page layout and text*/

#partners_overview{
	float: left;
	width: 200px;
	margin-top: 4px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-right: 4px;
}

#partners{
	background-color: #999999;
	margin-left: 240px;
	margin-top: 8px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}

#gold{
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#silver{
	background-color: #FFFFFF;
	padding: 10px;
	border: thin none #990000;
}
#bronze_na{
	background-color: #FFFFFF;
	padding: 2px 10px 2px 10px;
}

.bronze_img {
	padding: 10px 0px 10px 0px;
	width: 135px;
	min-height: 44px;
	float: left;
}

.bronze_logotype{
	padding: 10px 0px 10px 0px;
	margin-left: 140px;
	min-height: 44px;
	}

#bronze_int {
	background-color: #FFFFFF;
	padding: 2px 10px 2px 10px;
}

.partner_type{
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 4px;
	color: #FFFFFF;
}


#search {
	min-height: 400px;
	background-color: #FFFFFF;
}
#sidebar_auto {
	background-color:	white;
	width:		180px;
	height: 	auto;
	float:		left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	clear: right;
	min-height: 420px;
}

/* CSS for the contact page layout and text*/

#sidebar_contact {
	background-color:	#ECECEC;
	width:		300px;
	min-height: 	420px;
	float:		left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	margin-top: 24px;
	margin-right: 40px;
	height: 100%;
}

#main_contact {
	background-color:	#CCCCCC;
	height: 	auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 300px;
}



/* Styles for About Us - Careers */


#mainCareer {
	background-color:	#CCCCCC;
	height: 	auto;
}

#main_leftCareer {
	background-image: none;
	min-height: 400px;
	width: 400px;
	float: left;
}

#main_rightCareer {
	background-image: none;
	min-height: 400x;
	width: 560px;
	float: left;
	background-color: #CCCCCC;
	padding-left: 20px;
	padding-right: 12px;
}


.careerIntro {
	background-color:	#ECECEC;
	width: 330px;
	height: auto;
	float:		left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 36px;
	margin-right: 20px;
	height: 100%;
	background-image: url(../images/site_backgrounds_02.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
}

/* Image with Caption */

.caption {
	width: 330px;
	height: auto;
	font-style: italic;
	border: thin none #990000;
	padding-right: 20px;
	padding-left: 36px;
	margin-right: 20px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 12px;
	margin-top: 12px;
}
