/* new template */

html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body {
	background-image:url(../ironwire_images/ironwire_index/background.gif);
	background-repeat: repeat-x;
	background-color: #ECECEC;	
	margin:0;
}


div#main {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 884px;
	background-color: #FFFFFF;	

}


div#content {
	width: 884px;
	background-color: #FFFFFF;	

}

/*##############HEADER################# */
div#header {

	height: 79px;
	width: 884px;
	
}


div#logoarea {
	width: 199px;
	height: 79px;	
	float: left;
	padding: 0;
	margin: 0;
}

div#toprightarea {
	width: 685px;
	height: 51px;
/*	background-image: url("../ironwire_images/ironwire_index/topright.gif");
	background-repeat:no-repeat;*/
	background-color: #346A9E;
	float: right;
	padding: 0;
	margin: 0;

}

div#searcharea {
	display: inline;
	float: right;
	margin: 0;
	height: 16px;
	padding-top: 18px;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 0;
}

div#searcharea input#searchfield {
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#topnavarea {
	width: 685px;
	height: 28px;
	float: right;
	clear: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div#topnavarea div.topnavelement {
	float: left;
	height: 18px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #346A9E;
	padding: 6px 15px 4px 15px;
	margin: 0px;
}

div#topnavarea div.topnavelement#selected{
	color: #000000;
	background-color: #F7F7F7;
}	

div.topnavelement a {
	font-weight:bold;
	color: #346A9E;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement#selected a {
	font-weight:bold;
	color: #000000;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement a:hover {
	font-weight:bold;
	font-size: 12px;
	text-decoration:none;
	color: #86AD16;	
}

div.topnavelement#selected a:hover {
	color: #86AD16;	
}

div.topnavelement a:visited {
	font-weight:bold;
	color: #346A9E;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement#selected a:visited {
	font-weight:bold;
	color: #000000;	
	font-size: 12px;
	text-decoration:none;
}

div.topnavelement a:visited:hover {
	color: #86AD16;	
}

div.topnavelement#selected a:visited:hover {
	color: #86AD16;	
}

div#topnavarea div#dropdown {
	float: right;
	height: 23px;
	background-color: #EDEDED;
	padding: 5px 10px 0px 10px;
}

div#topnavarea div#dropdown select {
	font-size: 9px;
	padding: 0;
	margin: 0;
}

div#titleareafull {
	width: 884px;
	height: 27px;
	padding: 0;
	margin: 0px;
	background-image:url("../ironwire_images/ironwire_index/titlebarfull.gif");
	background-repeat:no-repeat;
}

div#careerstop {
	position: relative;
	background-image: url('../ironwire_images/ironwire_index/careers_top.gif');
	background-repeat:no-repeat;
	width: 884px; 
	height: 120px;
	overflow:visible;
	z-index: 1;
}

div#careerstopmain {
	position: relative;
	width: 884px; 
	min-height: 330px;
	z-index: 1;
}
div#careerstop  div#careerstopimage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

div#careerstopnav {
	position: absolute;
	top: 66px;
	left: 0px;
	width: 884px;
	/*background-color: #7194AE;*/
	z-index: 3;
}

div#leftnav {
	width: 186px;
	min-height: 349px;	
	padding: 70px 15px 30px 0px;
	background-image: url("../ironwire_images/ironwire_company/leftarea.gif");
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float: left;	
}
/* code required for min height in IE */
* html div#leftnav {
	height: 349px;
}

div#leftnav div#navcontainer {
	min-height: 140px;
	width: 185px;
	margin:0;
	padding:0;
	color: #54606F;
	font-weight: bold;
	font-size: 11px;	
	background-image: url('../ironwire_images/ironwire_company/leftnav_background.gif');
	background-repeat:no-repeat;
}
/* code required for min height in IE */
* html div#leftnav div#navcontainer {
	height: 140px;

}

div#leftnav div#navcontainer a {
	color: #54606F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

div#leftnav div#navcontainer a:hover {
	color: #86AD16;
}

div#leftnav div#navcontainer div.leftnavelement {
	width: 155px;	
	padding: 7px 0px 5px 30px;
	background-image: url('../ironwire_images/ironwire_company/leftnav_bullet.gif');
	background-repeat:no-repeat;
	background-position:top;
	line-height: 14px;

}

div#leftnav div#navcontainer div.leftnavelement#selected {
	color: #90473D;
}


div#leftnav div#navcontainer div.leftnavelement a {
	color: #54606F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

div#leftnav div#navcontainer div.leftnavelement#selected a {
	color: #90473D;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


div#leftnav div#navcontainer div.leftnavelement a:hover {
	color: #86AD16;
	font-weight: bold;
	font-size: 11px;
}

div#leftnav div#navcontainer div.leftnavelement#selected a:hover {
	color: #86AD16;
	font-weight: bold;
	font-size: 11px;
}

div#leftnav div#promocontainer {
	width: 160px;
	padding: 15px 0px 10px 15px;
	text-align: center;
	
}

div#leftnav div#promocontainer div.leftnavpromo {
	width: 160px;
	padding: 0px 0px 10px 0px;
	
}

div#leftnav div#promocontainer div.leftnavpromo h3 a {
	color: #86AD16;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding: 0;
	margin: 0;
}

div#leftnav div#promocontainer div.leftnavpromo p {
	padding: 0;
	margin: 0;
}

div.divider {
	height:1px;
	width: 185px;
	padding: 0px;
	margin: 0px;
	/* font size and line height required to fix IE empty div height issue */
	font-size: 1px;
	line-height:0px;
}

/*END LEFT NAV */

/*##############BODY################# */
div#maincontentarea {
	width: 683px;
	float: right;		
	margin: 0;
	padding: 0;

}

div#maincontentareafull {
	width: 884px;	
	margin: 0;
	padding: 0;

}

div#titleareal2 {
	width: 683px;
	height: 47px;	
	background-image: url("../ironwire_images/ironwire_company/titlebar.gif");
	background-repeat:no-repeat;
	float: right;
	clear: right;
	padding: 5px 0 0 0;	
	margin: 0;
}

div#titleareal3 {
	width: 683px;
	height: 22px;	
	background-image: url("/images/layout/new_layout/titlebarl2.gif");
	background-repeat:no-repeat;
	float: right;
	clear: right;
	padding: 5px 0 0 0;	
	margin: 0;
}
div#titleareal2 h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 5px 0px 0px 0px;	
}

div#titleareal2 h2 {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 0px 0px 0px;
}

div#titleareal3 h2 {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 0px 0px 0px;
}


div#titleareal2 h1 a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
}

div#titleareal2 h2 a {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

div#titleareal3 h2 a {
	color: #9DB7D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

div#titleareacareers h2 a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
div#bodyarea_company {
	width: 633px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 20px 30px;

}
div#bodyarea {
	width: 633px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 20px 30px;

}
.bodyareaimg {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
div#bodyarea img {
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 0px;
}


div#bodyareafull {
	width: 834px;
	background-color:#FFFFFF;
	float: right;
	clear: right;
	padding: 20px 20px 20px 30px;

}

div#rightpromoarea {
	width: 195px;
	float: right;
	display:table;
} 

div.rightpromo {
	width: 160px;
	float: right;
	margin: 0px 5px 15px 20px;
	padding: 2px 5px 5px 5px;
	border: 1px solid #CCCCCC;
}

div.rightpromo p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;	
}

div.rightpromo a {
	font-size: 11px;
}

div#footer {
	clear: both;
	width: 854px;
	height: 15px;
	padding: 5px 15px 10px 15px;
	background-image: url("../ironwire_images/ironwire_index/footerimage.gif");
	background-repeat:no-repeat;
	background-position:bottom;	
	border-top: 1px solid #EEEEEE;
		
}

div#footertext {
	display: inline;
	float: left;	
	color: #A7A7A7;
	font-size: 9px;	
}

div#footertext p {	
	color: #A7A7A7;
	font-size: 9px;	
}

div#footertext a {
	color: #A7A7A7;
	font-size: 9px;	
}

div#footertext a.privacy {
	color: #000000;
	font-size: 9px;	
	font-weight:bold;
}

div#footerlinks {
	display: inline;
	float: right;	
}

div#footer p {
	color: #A7A7A7;
	font-size: 9px;
	margin: 0;
	
}
/*END FOOTER */

/*##############HOMEPAGE################# */

div#toparea {
	float: left;
	width: 884px;
	height: 280px;	
	margin:0;
	padding:0;
	z-index:1;	
	
}

div#toparea div#mainimagearea {
	width: 655px;
	height: 280px;
	float: left;
	margin:0;
	padding:0;

}

div#toparea div#rightlinksarea {
	width: 229px;
	height: 221px;
	float: right;
	margin:0;
	padding: 0;	
	border-top: 1px solid #AAAAAA;
	background-color: #FFFFFF;

}

div#toparea div#rightlinksarea a {
	color: #86AD16;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;		
}

div#toparea div#rightlinksarea a:hover {
	text-decoration: none;	
}

div#toparea div#rightlinksarea a:visited {
	text-decoration: none;	
}

div#toparea div#rightlinksarea div#prlinks {
	float: left;
	width: 199px;
	height: 171px;
	padding: 15px 10px 5px 20px;		
	margin: 0px 0px 5px 0px;
	overflow:auto;
}

div#toparea div#rightlinksarea div#prlinks h1 {
	color: #909090;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#toparea div#rightlinksarea div#prlinks ul {
	padding: 0px;
	margin: 0px 0px 0px 13px;
	list-style-image: url(../ironwire_images/ironwire_index/orange_arrow.gif);	
	
}

div#toparea div#rightlinksarea div#prlinks ul li {
	color: #535353;
	font-size: 11px;
	margin: 0px 0px 8px 0px;		
	padding:0;
}

div#toparea div#rightlinksarea div#readmore {
	clear: left;
	float: left;
	width: 209px;
	height: 20px;
	padding: 5px 20px 0px 0px;
	margin: 0;
	background-image: url("../ironwire_images/ironwire_index/readmore_background.gif");
	background-repeat: no-repeat;
	background-position:top;
	text-align: right;
}

div#toparea div#greyarea {
	width: 229px;
	height: 58px;
	clear: right;
	float: right;	
	margin:0;
	padding:0;	
	background-image: url("../ironwire_images/ironwire_index/homepage_tile.gif");
	background-repeat:repeat-x;

}

div#bottomarea {
	float: left;
	clear:both;
	width: 884px;
	height: 175px;
	margin:-29px 0px 0px 0px;
	padding:0;	
	z-index: 5;

}

div#bottomarea  div#tabarea {
	height: 28px;
	margin: 0;
	float: left;
	padding: 1px 1px 1px 0px;
	background-image: url("../ironwire_images/ironwire_index/tabarea_background_right.gif");
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFFFFF;	

}

div#bottomarea  div#tabarea div.tab {
	float: left;
	height: 20px;
	padding: 8px 20px 0px 20px;
	margin: 0;
	background-color:#396B9C;
	background-image: url("/images/layout/new_layout/tab_tile.gif");
	background-repeat:repeat-x;	
	background-position:top;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align:center;

}


div#bottomarea  div#tabarea a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	padding: 0;
	margin: 0;
}

div#bottomarea  div#tabarea a:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;	
}

div#bottomarea  div#tabarea a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;	
}

div#bottomarea  div#tabarea div.divider {
	float: left;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0px 0px 27px 0px;
	background-color: #396B9C;
}

div#bottomarea  div#infoarea {
	float: left;
	clear: both;
	width: 884px;
	height: 145px;
	margin: 0;
	padding: 0;
	background-image:url("../ironwire_images/ironwire_index/infoarea_background.gif");
	background-repeat:no-repeat;
	background-position:top;
	background-color: #FFFFFF;
		
}


div#bottomarea  div.tabinfoarea p, div#bottomarea  div.tabinfoarea a {
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 11px;
}


div#bottomarea  div.tabinfoarea, div#bottomarea  div.tabinfoarea div#noscript {
	float: left;
	display: none;
	width: 854px;
	height: 115px;
	margin: 15px 15px 15px 15px;
	padding: 0;
	visibility:hidden;
	
}

div#bottomarea  div.tabinfoarea h1 {
	margin-bottom: 0px;
}

div#bottomarea  div.tabinfoarea ul {
	margin: 0px 5px 0px 10px;; 
	padding: 0px 0px 0px 5px;
	list-style: url(../ironwire_images/ironwire_index/bullet_blue_arrow.gif);	
}

div#bottomarea  div.tabinfoarea ul li {
	font-size: 10px;
}

div#bottomarea  div.tabinfoarea div.leftbox {
	float: left;
	width: 555px;	
	margin: 0 20px 0 0;
}

div#bottomarea  div.tabinfoarea div.rightbox {
	float: right;
	width: 279px;	
}


/*END HOMEPAGE */

h1 {
	color: #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
}

h1.blue {
	color: #003366;
	
}



p {
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	color: #676767;
	padding: 0;
	margin: 0px 0px 20px 0px;
}


ul.table {
	margin: 0px 20px 5px 10px;; 
	padding: 0px 0px 0px 5px;
	list-style: url(../ironwire_images/ironwire_index/bullet_blue_arrow.gif);
}

ul.table li {
	padding: 0px 0px 3px 0px;
}

ul.table li a {
	margin: 0; padding: 0;	
}

ul.table li a:hover {
	margin: 0; padding: 0;
}


/* end new template */

div {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
}

/* TD no-repeat works for both IE and Nav, but caused strange text to put on screen when changed screens */ 


p.footnote {
	FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}

p.noTop {
	margin-top: 0px;
	padding-top: 0px;
}

p.noBottom {
	margin: 0px;
	padding: 0px;
}


li {
	FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 9pt; color: #676767;
}

td {
	FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 9pt; color: #676767;
}

h2 {
	margin: 0px;
	padding: 0px;	
	FONT-WEIGHT:  bold;
	FONT-SIZE: 14px;
	COLOR: #003366;	
}

h2.grey {
	FONT-WEIGHT:  bold;
	FONT-SIZE: 14px;
	COLOR: #999999;
	text-transform: capitalize;
}

h2.blue {
	FONT-WEIGHT:  bold; FONT-SIZE: 14px; COLOR: #003366;
}

h2.green {
	FONT-WEIGHT:  bold; FONT-SIZE: 14px; COLOR: #86AD16;
}

h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;	
	FONT-WEIGHT:  bold; 
	FONT-SIZE: 12px;
}

/* Content */

.cS {
	FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}

.cMB {
	FONT-WEIGHT:  bold;
}

.cMI {
	font-style: italic;
}

.cMIB {
	FONT-WEIGHT: bold; font-style: italic;
}


ul {margin-top: 0px; list-style: url(/images/misc/disc.gif);}

ul.nobottom {margin-top: 0px;  margin-bottom:  0px;}

ol {margin-top: 0px}
ol li {margin-bottom: 10px}


/* Anchors */

a:link {
	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 9pt;
}
a:visited {
	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 9pt;
}
a:hover {
	COLOR: #999999; FONT-WEIGHT:  normal; 
}

a:link.aMB {
	COLOR: #676767; FONT-WEIGHT:  bold; FONT-SIZE: 9pt;
}
a:visited.aMB {
	COLOR: #5C6773; FONT-WEIGHT:  bold; FONT-SIZE: 9pt;
}
a:hover.aMB {
	COLOR: #999999; FONT-WEIGHT:  bold; FONT-SIZE: 9pt;
}

a:link.aS {
	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}
a:visited.aS {
	COLOR: #5C6773; FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}
a:hover.aS {
	COLOR: #999999; FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}

a.aS {
	COLOR: #676767; FONT-WEIGHT:  normal; FONT-SIZE: 8pt;
}

a.aMB {
	COLOR: #676767; FONT-WEIGHT:  bold; FONT-SIZE: 9pt;
}

/* Update - Left Nav Promos 
   Date - June 7, 2006
   By -  Erik Frye
*/
TABLE.leftNavPromos{
	margin-top:20px;
}

TABLE.leftNavPromos a {
	
	TEXT-DECORATION : none;


	FONT-SIZE: 11px;
	color:#000000;
}

TABLE.leftNavPromos a:hover {
	
	TEXT-DECORATION : none;
	FONT-SIZE: 11px;
	color:#999999;
}

TABLE.leftNavPromos td.leftNavTd a{
	TEXT-DECORATION : none;
	FONT-SIZE: 11px;
	color:#000000;
}
TABLE.leftNavPromos td.leftNavTd a:hover{
	TEXT-DECORATION : none;
	FONT-SIZE: 11px;
	color:#999999;
}

TABLE.leftNavPromos h3 {
	TEXT-DECORATION : none;
	COLOR: #86ad16;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	margin-bottom:3px;
}

TABLE.leftNavPromos h3 a {
	TEXT-DECORATION : none;
	COLOR: #86ad16;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	margin-bottom:3px;
}

TABLE.leftNavPromos h3 a:hover{
	TEXT-DECORATION : none;
	COLOR: #86ad16;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	margin-bottom:3px;
}
