/*
	red: e51c26
	blue: 20439f
*/

* {
	margin:0;
	padding:0;
}

html {
	font-family: verdana, geneva, tahoma;
}

body {
	font-size: 92%;
	color:#ffffff;
	margin:0 0 0 0px;
	padding:0px;
}
#mess {
	color:#CC0033;
	font-size:10pt;
	font-weight:bolder;
}



table
{
	color:#333333
}

.border
{
	border-color: maroon;
	border-width: 1px;
	border-style: solid;
}

.noborder
{
	border-width: 0px;
	border-style: none;
}



#wrapper
{
	margin: 0px auto 0px auto;
    width: 981px;
	display:block;

}


#red
{
	color:#FF0000;
}

#clr
{
	clear:both;
}
.clr
{
	clear:both;
}

h1
{
	color: #20439f;
	font-size: 12pt;
	font-weight: bolder;
	text-align:left;
	margin: 0 0 10px 0;
}
h1.emp
{
	color: #cc0000;
}
input, select, textarea 
{
	border-width: 1px;
	border-color: #999999;
	border-style: solid;
	padding:2px;
}
radio
{
	border-width: 0px;
}
input.none
{
	border-width:0px;
}

input#upload
{
	padding:2px;
}


.field
{
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	padding:2px;
	margin: 0px 0px 0px 0px;
}

.field_dropdown
{
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	padding:2px;
	margin: 0px 0px 0px 0px;
}

.form_button
{
	padding:2px;
	margin: 2px 0px 10px 0px;
}

.backbutton_form
{
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	font-size:8pt;
	padding:4px;
}


#banner
{
	width:120px;
	height:600px;
	color: #cccccc;
	display:block;
	border-color: maroon;
	border-width: 1px;
	border-style: solid;
}


#system_message
{
	font-size:10pt;
	font-wieght:bold;
	margin: 0 0 10px 20px;
	padding: 10px;
}

#system_message a
{
	color:#999999;
	text-decoration:underline;
	
}
#system_message a
{
	color:#cccccc;
	
}

.message
{
	color:#999999;
}
.error_message
{
	color:#FF0000;
}



.cplink a {
	color: #fcc253;
}

#cp_hlink a, #cp_hlink a:visited {
	color: #fcc253;
	text-decoration:none;

}

#cp_hlink a:hover {
	color: #20439f;

}


/************************* SHOW/HIDE EXPAND/COLLAPSE *************************/
.toggleClass{
	display:none; 
	visibility:hidden;
	} 
/************************* EOF SHOW/HIDE EXPAND/COLLAPSE *************************/





/************************* TOP PLACEMENT *************************/
#wrapper_hd
{
	margin: 0px auto 15px auto;
    width: 981px;
	height:111px;
	display:block;
	background-image: url(../../images/dj/dj_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;

}



#top_col_l
{
	width:252px;
	display:block;
	margin:0;
}

h1.hd
{
	font-size:13pt;
	font-style:italic;
	padding: 70px 0 0 270px;
	display:block;
	text-align:left;
}
h1.hd_wm
{
	font-size:13pt;
	font-style:italic;
	padding: 25px 0 0 270px;
	display:block;
	text-align:left;
}

#mess_actdeact {
	color:#CC0033;
	font-size:8pt;
	font-weight:bolder;
	padding: 8px 0 0 270px;
}



#top_col_r
{
	width:220px;
	display:block;
	float:right;
}

/************************* EOF TOP PLACEMENT *************************/




/************************* EMPLOYER *************************/

#emp
{
	width: 331px;
	height: 41px;
	background-image: url(../../images/dj/emp_bg_bot.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center bottom;
	margin:0 0 10px 368px;
	padding:0;
}

#emp p
{
	background-image: url(../../images/dj/emp_bg_mid.gif);
	background-repeat: repeat-y;
	background-color: #FFF;
	padding: 2px 2px 1px 2px;
	text-align:center;
	font-size:10pt;
	line-height:15pt;
	color:#ffffff;
}

#emp a, a:visited, a:active
{
	text-decoration:none;
	color:#ffffff;
}
#emp a:hover
{
	text-decoration:underline;
}

/************************* EOF EMPLOYER *************************/




/************************* LAYOUT COLUMN CONTAINERS *************************/
#container_col_l
{
	width:822px;
	float:left;
	margin:0px;
	display:block;
}


#container_col_r
{
	float:right;
	margin:0px 15px 0px 0px ;
	display:block;
}






#containersub_col_l
{
	width:254px;
	float:left;
	display:block;
}


#containersub_col_r
{
	float:left;
	display:block;
	background-image: url(../../images/dj/bg_plate.gif);
	background-repeat: no-repeat;
}


#content_js_menu
{
	width:254px;
	height:189px;
	background-image: url(../../images/dj/js_menu_box.gif);
	background-repeat: no-repeat;
	display:block;
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
}

h2.js_menu
{
	padding:0 0 0 25px;
	font-size: 14pt;
	font-weight: normal;
	text-align:left;
	line-height:25pt;

}


#containertri_col_l
{
	width:282px;
	height:280px;
	float:left;
	background-image: url(../../images/dj/ii_box.gif);
	background-repeat: no-repeat;
	display:block;
	margin: 0px 0 0 0;
}


#containertri_col_r
{
	width:282px;
	height:280px;
	background-image: url(../../images/dj/fls_box.gif);
	background-repeat: no-repeat;
	display:block;
	float:left;
	padding:0px 0 0 0;
	margin: 0px 0 0 0;
}

/************************* EOF LAYOUT COLUMN CONTAINERS *************************/








#js_col_container
{
	width:528px;
	height:259px;
	margin: 0px auto 5px auto;
}


#js_col_container h2
{
	margin: 8px 8px 14px 0px;
	color:#ffffff;
	font-size: 14pt;
	font-weight: normal;
	text-align:center;
	line-height:25pt;
}



#js_col_l
{
	width:30%;
	margin:3px 10px 8px 2px;
	padding:0px 0px 0px 0px;
	float:left;
}

#js_col_l p, #js_col_r p
{
	margin: 0px 0px 10px 0px;
}




#js_col_r
{
	width:200px;
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	float:left;
}

#js_subcol_l
{
	float:left;
	padding:8px;
}




#js_plate
{
	width: 411px;
	height: 38px;
	background-image: url(../../images/dj/js_plate_id.gif);
	background-repeat: no-repeat;
	margin: 5px auto 0px auto;
	
	color: white;
	font-size: 15pt;
	line-height: 25pt;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}







/************************* BG ROUNDED CONTENT W/DSHADOWS *************************/
#content_top_g
{
	width: 249px;
	height:11px;
	background-image: url(../../images/dj/249_top_g.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#content_top
{
	width: 249px;
	height:11px;
	background-image: url(../../images/dj/249_top.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#content_mid
{
	width: 249px;
	background-image: url(../../images/dj/249_mid.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
}


#content_mid h2
{
	font-size: 14pt;
	color: #ffffff;
	font-weight: normal;
	text-align:left;
	line-height:25pt;
	padding-left:25px;
}


#content_bot
{
	width: 249px;
	height:17px;
	background-image: url(../../images/dj/249_bot.gif);
	background-repeat: no-repeat;
	height:17px;
	margin:0px 0px 5px 0px ;
}

/************************* EOF BG ROUNDED CONTENT W/DSHADOWS *************************/





#content_mid_fe 
{
	background-image: url(../../images/dj/hd_fe.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	height:312px;
	display:block;
	
}



#content_js_menu ul
{
	width: 228px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 10px 0px;
}

ul.js li
{
	display: block;
	margin: 0 15px 0 10px;
	padding: 5px 15px 5px 20px;
	border-bottom: #999999;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
}



ul.js li a, ul.js li a:visited
{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

ul.js li a:hover
{
	color:#20439f;
}






/************************* BG 280 ROUNDED CONTENT GREEN W/DSHADOWS *************************/


#content_ii
{
	width: 280px;
	height:261px;
	background-image: url(../../images/dj/ii_box.gif);
	background-repeat: no-repeat;
	display:block;
}	



.td_img
{
	padding: 4px;
}


.td_mn
{

	text-align: left;
	padding: 2px 4px 4px 4px;
	border-style:solid;
	border-width: 0px 0px 1px 0px;
	border-color:#ffffff;
}


.td_mn h3, .td_mn h3 a, .td_mn h3 a:visited
{
	color:#ffffff;
	font-size: 10pt;
	margin-bottom:1px;
	text-decoration:none;
}

.td_mn h3 a:hover
{
	text-decoration:underline;
}


.td_mn a, .td_mn a:visited
{
	color:#7ebab0;
	font-size: 8pt;
	line-height:11pt;
}


.td_mn a:hover
{
	color:#ffffff;
}





/************************* EOF BG 280 ROUNDED CONTENT GREEN W/DSHADOWS *************************/





#button
{
	width:82px;
	height:30px;
	display:block;
	background-image: url(../../images/dj/button.gif);
	background-repeat: no-repeat;
	border-width:0px;
	padding:0px;
	float:left;
	margin-right:5px;
	}
#button-n
{
	width:82px;
	height:30px;
	display:block;
	background-image: url(../../images/dj/int_bt-82-si.gif);
	background-repeat: no-repeat;
	border-width:0px;
	padding:0px;
	float:left;
	background-color:;
	}
.button_l
{
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	text-align:center;
	line-height:22pt;
}

#dt_formbutton-w
{
	width:163px;
	height:30px;
	display:block;
	background-image: url(../../images/dj/interior/formbutton-w.gif);
	background-repeat: no-repeat;
	border-width:0px;
	margin:4px;
}

#dt_formbutton-w, #dt_formbutton_w a, #dt_formbutton_w a:hover
{
	font-size: 8pt;
	font-weight:bold;
	color: #666666;
	text-align:center;
	line-height:20pt;
	text-decoration:none;
}


.dt_formbutton_l
{
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	text-align:center;
}





/************************* BG 280 ROUNDED CONTENT W/DSHADOWS *************************/





#content_280_top
{
	width: 280px;
	height:11px;
	background-image: url(../../images/dj/280_top.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#content_280_mid
{
	width: 280px;
	background-image: url(../../images/dj/280_mid.gif);
	background-repeat: repeat-y;
}



#content_280_bot
{
	width: 280px;
	height:17px;
	background-image: url(../../images/dj/280_bot.gif);
	background-repeat: no-repeat;
	margin:0px 0px 5px 0px ;
}




/************************* EOF BG 280 ROUNDED CONTENT W/DSHADOWS *************************/



/************************* POP-UP STYLES *************************/
.tb_pu
{
	height:40px;
	background-image: url(../../images/dj/dj_logo-sm.gif);
	background-repeat: no-repeat;
 	background-color: #ffffff;
	padding:10px;
	font-size:8pt;
	margin:10px 0 10px 0;
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 0;

}


.tb_pu a, .tb_pu a:visited, .tb_pu a:active
{
 	color: #999999;
	text-decoration:none;

}

.tb_pu a:hover
{
	text-decoration:underline;

}

#pu_content
{
	padding:10px;
}

h1.pu
{
	color:#20439f;
	font-size:11pt;
	margin:0px;
}

p.pu
{
	color:#333333;
	font-size:9pt;
	line-height:11pt;
	margin:0px 0 15px 0;
	
}



/************************* FOOTER *************************/


#footer_bg_l
{
	width:17px;
	height:69px;
	background-image: url(../../images/dj/footer_bg_l.gif);
	background-repeat: no-repeat;
	float:left;
}

#footer_bg_m
{
	width:785px;
	height:69px;
	background-image: url(../../images/dj/footer_bg_mid.gif);
	background-repeat: repeat-x;
	background-color:#e4e4e4;
	float:left;
}

#footer_bg_r
{
	width:17px;
	height:69px;
	background-image: url(../../images/dj/footer_bg_r.gif);
	background-repeat: no-repeat;
	float:left;
}

#footer_content
{
	
	width:785px;
	height:47px;
	display:block;
	background-image: url(../../images/dj/bg_horz_green.gif);
	background-repeat: repeat;
	margin: 7px auto 0px auto;
}

#footer_content p
{
	font-size: 7pt;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	text-decoration:none;
	line-height:35pt;
}

#footer_content a
{
	color: #ffffff;
	text-decoration:none;
}

#footer_content a:hover
{
	text-decoration:underline;
}

.gi_img
{
	padding: 8px 2px 0px 0px;
	float:right;
}
/************************* EOF FOOTER *************************/





/*  REMOVED 3/11/08


#content_mid_cp 
{
	background-image: url(../../images/dj/hd_cp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
}






ul.cp li
{
	display: block;
	margin: 0 0px 0 0px;
	padding: 5px 0px 5px 15px;
}



ul.cp li a
{
	text-decoration:none;
	color:#666666;
	font-weight:normal;
}

ul.cp li a:hover
{
	color:#71a747;
}
*/




