@charset "UTF-8";
/* ----------------------- */
/*				           */
/*   Official Recruiting   */
/*		  		           */
/* ----------------------- */

html {
		/* height:100%; */
}

body {
	font-family: Verdana, Arial, Geneva, helvetica;
	font-size:10px;
	line-height: 1.4;
	color:#706D68;
	margin:0px;
	padding:0px;
}

td {
	font-size:10px;
	line-height: 1.4;
}

/* ---- Background Images ---- */
.bg_main {
	background: url(http://www.officialrecruiting.com/images/bg_main.jpg) repeat-y;
}
.bg_mast {
	background: url(http://www.officialrecruiting.com/images/bg_mast.jpg) no-repeat;
}
.bg_white {
	background: url(http://www.officialrecruiting.com/images/bg_white.gif) repeat;
}
.bg_content {
	background: url(http://www.officialrecruiting.com/images/bg_rightcol.jpg) no-repeat right bottom;
}
.bg_video {
	background: url(http://www.officialrecruiting.com/images/bg_video.gif) repeat;
	background-position: 0px 200px;
}
.bg_main_adm {
	background: url(http://www.officialrecruiting.com/images/bg_main_adm.gif) repeat-y;
}

/* ---- Common Links ---- */
a:link, a:visited, a:active {
	color: #EF402E;
	text-decoration: none;
}
a:hover {
	color: #F67263;
	text-decoration: none;
}
a.alt:link, a.alt:visited, a.alt:active {
	color: #63626C;
	text-decoration: none;
}
a.alt:hover {
	color: #000000;
	text-decoration: none;
}
a.copy:link, a.copy:visited, a.copy:active {
	color: #919194;
	text-decoration: none;
}
a.copy:hover {
	color: #706D68;
	text-decoration: none;
}
a.ldark:link, a.ldark:visited, a.ldark:active {
	color: #AAAAAA;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}

a.ldark:hover {
	color: #FFFFFF;
	text-decoration: none;
}

ul.bullet {
	margin-left: 11px;
	padding-left: 11px;
	list-style-image: url(images/bullet.gif);
}
/* ---- Font types ---- */
.times { font-family: "Times New Roman", Times, serif; }
.arial { font-family: Arial, Verdana, Geneva, helvetica; }

/* ---- Font sizes ---- */
.size_00 { font-size: 2px; }
.size_09 { font-size: 9px; }
.size_10 { font-size: 10px; }
.size_11 { font-size: 11px; }
.size_12 { font-size: 12px; }
.size_13 { font-size: 13px; }
.size_14 { font-size: 14px; }
.size_16 { font-size: 16px; }
.size_18 { font-size: 18px; }
.size_24 { font-size: 24px; }
.size_30 { font-size: 30px; }

/* ---- Font Colors ---- */
.c-white 	{ color:#FFFFFF; }
.c-red	 	{ color:#FF0000; }
.c-navy  	{ color:#514AA5; }
.c-redLt	{ color:#F0624E; }
.c-gray 	{ color:#706D68; }
.c-grayLt 	{ color:#919194; }


.c-orangelt { color:#FF5806; }
.c-orange 	{ color:#D42F16; }
.c-yellow 	{ color:#FAF998; }
.c-blue 	{ color:#4482BD; }
.c-green 	{ color:#659451; }

/* ---- Font styles ---- */
.italic 	{ font-style:italic; }
.bold 		{ font-weight:bold; }
.uppercase 	{ text-transform: uppercase; }
.stretch 	{ font-stretch:expanded; } /* not supported by many browsers */

/* ---- Font Spacing styles ---- */
.lineheight-9 	{ line-height:0.9; }
.lineheight1 	{ line-height:1; }
.lineheight14 	{ line-height:1.4; }
.lineheight18 	{ line-height:1.8; }
.lineheight2 	{ line-height:2; }

/* ---- Text Group styles ----*/
.title_main {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	margin: 20px 0 10px 0;
}
.title_sub {
	color:#63626C;
	font-size:15px;
	font-weight:normal;
}
.title_small {
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
}

/* ---- Border Lines ---- */
.border_all    { border: 1px solid #514AA5; }
.border_left   { border-left: 1px solid #514AA5; }
.border_right  { border-right: 1px solid #514AA5; }
.border_top    { border-top: 1px solid #514AA5; }
.border_bottom { border-bottom: 1px solid #514AA5; }

.border_red    { border: 1px solid #FF0000; }
/* ---- Title Bar styles ---- */
.bar {
	background-color:#FF5806;
	padding:3px;
	margin:10px;
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

/* ---- Main Content Area styles ---- */
#MainBox {
	width: 1000px;
	height: 100%;
	background-color: #FFF;
	position: relative;
}
#ContentBox {
	position:relative;
	width: 970px;
	height: 100%;
	margin: 0 0 0 30px;
	padding: 0;
}
#MainMenuBox {
	position: absolute;
	top: 79px;
	left: 233px;
}
#DateBox {
	position: absolute;
	top: 79px;
	left: 0;
	width: 200px;
	padding-top: 5px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#LeftColumn {
	float:left;
	margin: 0 20px 0 0px;
	padding: 0;
	width: 150px;
	height: 100%;
}
#MainColumn {
	float:left;
	margin: 0 40px;
	padding: 0;
	width: 520px;
	height: 100%;
	position: relative;
}
#RightColumn {
	float:left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 150px;
	height: 100%;
}
#BigColumn {
	float:left;
	margin: 0 40px;
	padding: 0;
	width: 690px;
	height: 100%;
	position: relative;
}
#CopyBox {
	width: 1000px;
	padding: 5px 0;
	font-size: 9px;
	color: #919194;
}
.ShowcaseBox {
	width: 255px;
	height: 75px;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 11px;
	color: #706D68;
	border: 1px solid #CCCCCC;
}
#BioImage {
	float:left;
	width: 250px;
	height: 350px;
}
#BioInfo {
	float:right;
	width: 250px;
}
#BioStats {
	width: 500px;
	margin-top: 20px;
}
#BioVideo {
	margin: 250px 0 20px 20px;
}

.FullColumn {
	width: 540px;
	vertical-align:top;
}
.TwoColumn {
	width: 356px;
	vertical-align:top;
}
.OneColumn {
	width: 168px;
	vertical-align:top;
	font-size:10px;
}
.HalfColumn {
	width: 262px;
	vertical-align:top;
}

.QuarterColumn { /* used in the PINT page */
	width: 120px;
	vertical-align:top;
	font-size:10px;
}

/* ---- Float styles ---- */
.floatleft 	{float:left;}
.floatright {float:right;}
.clear 		{clear:both; font-size: 0px; }
.floatrightclear {float:right; clear:both;}

/* ---- Forms ---- */
form {
	margin:0;
	padding:0;
}
fieldset {  
	margin: 6px;  
	padding: 0;
	border: 1px solid #FF5806;  
}
fieldset div {  
padding: 2px 6px 2px 6px;  
}

legend {  
margin-left: 6px;  
padding: 0;  
font-weight: bold;
}
label { 
	font-size:10px;
	color:#FF0000;
	display: block; /* so that they'll occupy an entire line, no <br> needed*/
	margin-top:0px;
}
form span { 
	font-size:10px;
	color:#FF0000;
}
select, textarea {
	font-size: 11px;
	background-color: #FFE9D9;
	border:1px solid #D47E6F;
	margin-bottom:3px;
}
input.inp_custom {
	font-size: 11px;
	background-color: #FFE9D9;
	border:1px solid #D47E6F;/* not good for input buttons */
	margin-bottom:3px;
}
input.inp_noborder {
	font-size: 14px;
	color:#EF402E;
	background-color: #FFFFFF;
	border:0px solid #FFFFFF;/* not good for input buttons */
	margin-bottom:0px;
}
input.btn {
	margin-top:2px;
	border: 3px double #D42F16;
	border-top-color: #D47E6F;
	border-left-color: #D47E6F;
	padding: 0.25em;
	background-color: #FFE9D9;
	color: #D42F16;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, helvetica;
}
input.btnhov {
	background-color: #FFF4E4;
	border: 3px double #D47E6F;
	border-top-color: #D42F16;
	border-left-color: #D42F16;
}