@charset "UTF-8";
/* --------------------------- */
/*		  		               */
/*        The OCJ Group        */
/*		  		               */
/* --------------------------- */

html { overflow-y: scroll; }

body {
	font-family: Arial, Verdana, Geneva, helvetica;
	font-size:12px;
	line-height: 1.1;
	color:#4D4B49;
	margin:0px;
	padding:0px;
}

td {
	font-size:12px;
	line-height: 1.1;
}

/* ---- Background Images ---- */
.bg_main {
	background: url(http://www.theocjgroup.com/images/bg_main.jpg) repeat-y;
	border-left: 1px solid #7A6430;
	border-right: 1px solid #7A6430;
}
.bg_mast {
	background: url(http://www.theocjgroup.com/images/bg_mast.jpg) no-repeat;
}
.bg_gold {
	background-color: #7A6430;
}
.bg_main_adm {
	background: url(http://www.theocjgroup.com/images/bg_main_adm.gif) repeat-y;
	border-left: 1px solid #7A6430;
	border-right: 1px solid #7A6430;
}

/* ---- Common Links ---- */
a:link, a:visited, a:active {
	color: #71B5E5;
	text-decoration: none;
}
a:hover {
	color: #DC5733;
	text-decoration: underline;
}
a.alt:link, a.alt:visited, a.alt:active {
	color: #DC5733;
	text-decoration: none;
}
a.alt:hover {
	color: #71B5E5;
	text-decoration: underline;
}
a.copy:link, a.copy:visited, a.copy:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.copy:hover {
	color: #BBBBBB;
	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: underline;
}

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-gold  	{ color:#7A6430; }
.c-blue 	{ color:#71B5E5; }
.c-orange 	{ color:#DC5733; }

.c-gray 	{ color:#4D4B49; }
.c-grayLt 	{ color:#706D68; }
.c-red	 	{ color:#FF0000; }
.c-redLt	{ color:#F0624E; }
.c-yellow 	{ color:#FAF998; }

/* ---- 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_page {
	color:#71B5E5;
	font-size:24px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
}
.title_sub {
	color:#7A6430;
	font-size:14px;
	font-weight:bold;
}
.title_sidebar {
	color:#7A6430;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 20px 0 10px 0;
}
.title_small {
	color:#4D4B49;
	font-size:11px;
	font-weight:normal;
	margin:-10px 0 10px 0;
}

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

.border_red    { border: 1px solid #FF0000; }
/* ---- Title Bar styles ---- */
.bar {
	background-color:#4482BD;
	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;
}
#MastBox {
	position: absolute;
	top: 38px;
	left: 568px;
	width: 420px;
	height: 106px;
	padding-left: 20px;
	border-left: 1px solid #7A6430;
	font-size: 13px;
	color: #000000;
	line-height:1.2;
}
#ContentBox {
	position:relative;
	width: 970px;
	height: 100%;
	margin: 0 0 0 30px;
	padding: 0;
}
#HomeBox {
	position: absolute;
	top: 213px;
	left: 214px;
	width: 553px;
}
#MainMenuBox {
	position: absolute;
	top: 155px;
	left: 225px;
}
#DateBox {
	padding-top: 3px;
	font-size: 11px;
	color: #DC5733;
	font-weight: normal;
}
#LeftColumn {
	float:left;
	margin: 0 20px 0 0px;
	padding: 0;
	width: 165px;
	/* height: 100%; */
}
#MainColumn {
	float:left;
	margin: 25px 20px 0 15px;
	padding: 0;
	width: 520px;
	/* height: 100%; */
	position: relative;
}
#RightColumn {
	float:left;
	margin: 0 0 20px 10px;
	padding: 0;
	width: 210px;
	/* height: 100%; */
}
#RightColText {
	margin: 0 0 20px 14px;
	padding: 0;
	width: 182px;
}
#CopyBox {
	width: 1000px;
	padding: 5px 0;
	font-size: 9px;
	color: #FFFFFF;
}

#MainColumn p {
	text-align: justify;
}

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

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

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