/* HOTWIRE INDUSTRIES - Advertising and Web Design */
/* http://www.hotwireindustries.com */
/* CSS Document - Styles and Structure */


/* --- DEFAULT STYLES --- */

body {
	background-color: #52667a;
	background-image: url(../images/bg_4.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #676666;
	text-align: center;
	margin: 0;
	padding: 0;
}

.clear	{
	clear: both;
	height: 0;
}

img {
	border: 0;
}

a {
	color: #6494a0;
}

a:hover {
	color: #48707a;
}

p {
	margin: 0 0 15px 0;
}

textarea, input, select {
	border: 1px solid #87a5ab;
	width: 300px;
	margin: 0 0 8px 0;
	color: #4a4949;
	text-align: left;
}

.contentLeft select {
	margin-bottom: 10px;
}

.contactFields {
	border: 1px solid #6494a0;
	width: 400px;
	color: #4a4949;
}

.btn {
	width: auto;
	border: 1px solid #87a5ab;
}	

H1 { 
	color: #638892;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}

H2 { 
	color: #638892;
	font-size: 22px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 12px 0;
}

H3 {
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #444444;
	text-decoration: none;
	text-align: left;
	margin: 0;
}

div.inner-wrap {
	width: 753px;
	margin: 0 auto;
	padding: 5px 13px 0 13px;
	text-align: left;
	background-color: #FFF;
}

/* END */



/* HEADER and NAVIGATION STYLES */

#header {
	width: 100%;
}

#header .inner-wrap {
	padding-bottom: 5px;
	padding-top: 10px;
}

#navigation {
}

#navigation div.inner-wrap {
	height: 24px;
	font-size: 11px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

/* DATE */
#date {
	width: 100%;
}

#date div.inner-wrap {
	text-align: right;
	font-size: 9px;
	height: 8px;
	line-height: 6px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* END */

/* MAIN CONTENT */
#content {
	width: 100%;
}

#content .inner-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.contentLeft {
	float: left;
	width: 167px;
	margin-right: 20px;
}

.contentMiddle {
	float: left;
	width: 340px;
	margin-right: 20px;
}

.contentRight {
	float: right;
	width: 162px;
	padding: 12px 16px 0 16px;;
	background-color: #FFFFCC;	
	border: 1px solid #ece571;
}

.contentRight h3 {
	margin: 0 0 3px 0;
	_margin: 0 0 3px 0;
	#margin: 0 0 3px 0;
}

.contentRight p {
	margin: 0;
	padding: 0 0 15px 0;
}

.floatImg {
	float: left;
	border: 1px solid #d6cebf;
	margin: 0 10px 0 0;
}

.solidLine {
	width: 100%;
	border-top: 1px solid #87a5ab;
	height: 10px;
}

.contentLeft p span, .contentRight p span {
	font-size: 14px;
	line-height: 17px;
}

.contentLeft .current {
	font-weight: bold;
}

.textImg {
	padding-bottom: 6px;
}

.contentLeft img {
	border: 1px solid #ccc;
	padding: 2px;
	margin-bottom: 10px;
}

.contentRight img {
	border: 1px solid #d6cebf;
	padding: 2px;
	margin-bottom: 1px;
}

.highlight {
	padding: 11px;
	background-color:#fefbcb;
	border: 1px solid #ece571;
}

.imgLeft {
	float: left;
	padding-right: 7px;
}

.imgRight {
	float: right;
}

.contentMiddle ul {
	margin: 5px 0 10px 25px;
	padding: 0;
	list-style: outside;
}

.contentMiddle li {
	padding: 0;
	margin-bottom: 6px;
}

.contentMiddle ul ul li, .contentMiddle ul ul ul li, .contentMiddle ol ul li, .contentMiddle ol ul ul li {
	list-style: disc;
	list-style-type: disc;
}

.contentMiddle ol {
	list-style: decimal;
	list-style-type: decimal;
	margin: 5px 0 10px 25px;
	padding: 0;
}
/* END */

/* TABLE OF CONTENTS STYLES */
.toc {
	float: left;
	width: 550px;
}

.tocLeft {
	float: left;
	width: 260px;
	margin-right: 20px;
}

.tocRight {
	float: right;
	width: 260px;
}


/* FOOTER STYLES */
#footer {
	width: 100%;
}

#footer .inner-wrap {
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-image: url(../images/footer_bg_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#disclaimer {
	width: 100%;
}

#disclaimer .inner-wrap {
	background-color: #52667a; 
	font-size:10px;
	color:#CCCCCC;
	line-height: 12px;
}

#disclaimer a {
	color: #CCCCCC;
	text-decoration: underline;
}

#disclaimer a:hover {
	color: #172839;
	text-decoration: none;
}

#jobAidLink {
	text-align: center;
	margin: 0 auto;
}

#jobAidLink img {
	border: 1px solid #ccc;
}

/* END */


/* remove all the bullets, borders and padding from the default list styling */
#navigation ul {
padding:0;
margin:0;
list-style-type:none;
}
#navigation ul ul {
padding: 0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {
	float: left;	
	position:relative;
	font-weight: bold;
	background-image: url(../images/nav_bg_normal_right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	color: #000;
	margin: 0;
 	padding: 0;
	text-align: center;
}
/* style the links for the top level */
#navigation a, #navigation a:visited {
	float: left;
	display: block;
	color: #4c4c4c;
	background-image: url(../images/nav_bg_normal_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
 	text-decoration: none;	
	margin: 0;
 	padding: 4px 8px;
}

#navigation .current {
	background-image: url(../images/nav_bg_current_right.jpg);
	background-position: top right;
}

#navigation .current a {
    background-image: url(../images/nav_bg_current_left.jpg);
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {
/*
width:165px;
w\idth:165px;
*/
}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {
background:#FFFFFF;
background-image: none;
}
/* style the second level hover */
#navigation ul ul a.drop:hover{
background:#FFFFFF;
}
#navigation ul ul :hover > a.drop {
background:#FFFFFF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {
visibility:hidden;
position:absolute;
background-image: none;
line-height: 12px;
height:0;
top:25px;
left:1px; 
}

/* another hack for IE5.5 */
* html #navigation ul ul {
top:23px;
t\op:24px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
background-image: none;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {
position:absolute; 
top:0; 
left:0;
}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {
background-color:#FFFFFF;
color:#777;
font-size: 11px;
font-weight: normal;
height:auto; 
padding:5px 10px;
margin: -1px;
_margin: -1px;
background-image: none;
border: 1px solid #CCCCCC;
width:175px;
_width: 175px;
text-align: left;
/* yet another hack for IE5.5 */
}
* html #navigation ul ul a{
width:165px;
w\idth:165px;
border: 1px solid #CCCCCC;
background-image: none;
}

#navigation ul li ul li a:link {
	background-image: none;
}

/* style the top level hover */
#navigation ul ul a:hover{
color:#48707a;
_background: #FFFFFF;
}
#navigation :hover > a, #navigation ul ul :hover > a {
color: #48707a;
}
#navigation a:hover {
color:#48707a;
_background: none;
_background-image: url(../images/nav_bg_normal_left.jpg);
_background-repeat: no-repeat;
}


/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{
visibility:visible;
background-image: none;
}

.noLink {
	color:#999999;
}

/* DROP DOWN LEFT NAVIGATION remove all the bullets, borders and padding from the default list styling */
.dropDownLeft {
	margin: 0;
	padding: 0;
	height: 35px;
}
.dropDownLeft ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropDownLeft ul ul {
padding: 0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropDownLeft li {
	position:relative;
	font-weight: bold;
	float: left;
	background-image: url(../images/nav_bg_normal_right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	color: #000;
	margin: 0;
 	padding: 0;
	text-align: center;
	list-style: none;
}
/* style the links for the top level */
.dropDownLeft a, .dropDownLeft a:visited {
	display: block;
	color: #4c4c4c;
	background-image: url(../images/nav_bg_normal_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
 	text-decoration: none;	
	margin: 0;
 	padding: 4px 8px;
	width: 151px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .dropDownLeft a, * html .dropDownLeft a:visited {
/*
width:145px;
w\idth:145px;
*/
}

/* style the second level background */
.dropDownLeft ul ul a.drop, .dropDownLeft ul ul a.drop:visited {
background:#FFFFFF;
background-image: none;
}
/* style the second level hover */
.dropDownLeft ul ul a.drop:hover{
background:#FFFFFF;
}
.dropDownLeft ul ul :hover > a.drop {
background:#FFFFFF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropDownLeft ul ul {
visibility:hidden;
position:absolute;
background-image: none;
line-height: 12px;
height:0;
top:25px;
left:1px; 
}

/* another hack for IE5.5 */
* html .dropDownLeft ul ul {
top:23px;
t\op:24px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
background-image: none;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropDownLeft table {
position:absolute; 
top:0; 
left:0;
}

/* style the second level links */
.dropDownLeft ul ul a, .dropDownLeft ul ul a:visited {
background-color:#FFFFFF;
color:#777;
font-size: 11px;
font-weight: normal;
height:auto; 
padding:5px 10px;
margin: -1px;
_margin: -1px;
background-image: none;
border: 1px solid #CCCCCC;
width:145px;
_width: 145px;
#width: 144px;
text-align: left;
/* yet another hack for IE5.5 */
}
* html .dropDownLeft ul ul a{
width:145px;
w\idth:144px;
border: 1px solid #CCCCCC;
background-image: none;
}

.dropDownLeft ul li ul li a:link {
	background-image: none;
}

/* style the top level hover */
.dropDownLeft ul ul a:hover{
color:#48707a;
_background: #FFFFFF;
}
.dropDownLeft :hover > a, .dropDownLeft ul ul :hover > a {
color: #48707a;
}
.dropDownLeft a:hover {
color:#48707a;
_background: none;
_background-image: url(../images/nav_bg_normal_left.jpg);
_background-repeat: no-repeat;
}


/* make the second level visible when hover on first level list OR link */
.dropDownLeft ul li:hover ul,
.dropDownLeft ul a:hover ul{
visibility:visible;
background-image: none;
}

.noLink {
	color:#999999;
}

/* IWT styles */
.adminOverlay { background-color:#FFFFCC;border:1px solid #ECE571;padding:12px 16px 0; }
#navigation ul ul.jobaids a { width:210px !important; }