/* ----- BASIC ELEMENTS AND FONTS ----- */

/* FONT SIZE SET IN GRID */
html, body {
	color: #000000;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background: #FFB90F url(../images/design/lajunta_background_d.jpg) repeat-x; /* Navy #072450; */
	margin:0;
	padding:0;
	height:100%;
}

.clear {
	clear: both;
	height:30px;
}

.clearDiv {
	clear: both;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.mainPage {
	width: 100%;
}

/* HORIZONTAL RULE */
.mainbgcolor
{
	color: #8B1A1A;
	background-color: transparent;
}

p {
	margin: 10px 30px 10px 30px;
}

.date {
	color:#ffd502;
	text-decoration:overline;
	font-size: .70em; /* 10px */
	padding: 10px 0 20px 0;
}

.login_box p {
	margin:0px 10px 20px 15px;
	font-size: .65em; /* 9px */
	color:#fff;
	text-transform: uppercase;
}

.content_box p {
	margin: 10px 0px 10px 0px;
	color: #8B1A1A;
	font-size: .70em; /* 10px */
	text-align: justify;
}
.content_box_large p {
	margin: 10px 0px 10px 0px;
	font-size: .85em; /* 11px */
	text-align: justify;
}

/* MARGIN SET IN GRID */
.content_box_nodiv p {
	font-size: .85em; /* 11px */
	text-align: justify;
}

.footer_menu p {
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: .80em; 
	text-align:center;
	background-color: #FEB252;
	border-top: 2px solid #8B1A1A;
	border-bottom: 2px solid #8B1A1A;
}

.content_copyright p {
	margin: 10px 0px 10px 0px;
	padding-top: 20px;
	font-size: .55em; 
	text-align:center;
}

.content_box_photo h3 {
	margin: 0px 0px 10px 45px;
}

.section {
	color:#ffd502;
	font-weight:bold;
}

.red {
	color:red;
}

.yellow {
	color:#ffd502;
	font-weight:bold;
}

.emphasis {
	color: #8B1A1A;
	font-weight: bold;
}

h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 1.9em; /* 30px */
	text-transform:uppercase;
	font-weight:normal;
	margin: 0px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px;
	color: #8B1A1A;
}

h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size: 1.1em; /* 20px*/
	margin: 0px 50px 10px 30px !important;
	margin: 0px 30px 10px 30px;
	color: #8B1A1A; /*#072450;*/
}

h2.title {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size: 1.1em;
	margin: 0px 10px 10px 0px !important;
	color: #8B1A1A;
	background-color: #FEB252;
	border-top: 2px solid #8B1A1A;
	border-bottom: 2px solid #8B1A1A;
}

.colhead {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
	font-size: 1.0em;
	width: 170px;
	margin: 0px 10px 10px 0px !important;
	color: #8B1A1A;
	background-color: #FEB252;
	border-top: 2px solid #8B1A1A;
	border-bottom: 2px solid #8B1A1A;
}

h3 {
	margin: 0px 0px 10px 0px;
	text-transform:uppercase;
	font-size: .85em; /* 12px*/
	color:#fff;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	text-decoration: none;
	color: red;
}

/*----- MENU ----- */

#nav_list {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style: none;
	overflow: hidden;
}

#nav_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	/* font-size: .65em; 9px  SET IN GRID */
	font-weight:bold;
}

#nav_list a {
	color:#fff;
}

#nava_list {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style: none;
	overflow: hidden;
}

#nava_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	/* font-size: .65em; 9px  SET IN GRID */
	font-weight:bold;
}

#nava_list a {
	color:#fff;
}

#navb_list {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style: none;
	overflow: hidden;
}

#navb_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	/* font-size: .65em; 9px  SET IN GRID */
	font-weight:bold;
}

#navb_list a {
	color:#fff;
}

#navc_list {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style: none;
	overflow: hidden;
}

#navc_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	/* font-size: .65em; 9px  SET IN GRID */
	font-weight:bold;
}

#navc_list a {
	color:#fff;
}

.li_nav_body a  {
	display: block;
	width: 170px;
	height: 20px;
	background: url(../images/design/nav_body.png) no-repeat;
	padding-left: 25px;
	line-height:20px;
}

.li_nav_footer a  {
	display: block;
	width: 170px;
	height: 21px;
	background: url(../images/design/nav_body.png) no-repeat;
	background-position:  0 0px;
	padding-left: 25px;
	line-height:21px;
}

.li_nav_body a:hover {
	background-position:  0 -20px;
	color:#016001;
}

.li_nav_footer a:hover {
	background-position:  0 -20px;
	color:#016001;
}

.li_active a:active  {
	background: url(../images/design/nav_body.png) no-repeat;
	background-position:  0 -40px;
	color:#fff;
}

/*----- LAYOUT ----- */

#container {
	width:100%;
	background: url(../images/design/sidebar_body.png) 30px 0px repeat-y !important;
	background: url(../images/design/sidebar_body.png) 60px 0px repeat-y;
	min-height:100%;
	height:100%;
}

.login_box {
	width: 170px; /* HARD CODE 170px; */
	float:left;
	margin:0 0 0 10px;
}

#content {
	/*width: 100%;*/
	text-align: justify;
	float: left;
	margin:0 0 0 20px;
	background: url(../images/design/sidebar_body.png) 10px 0px repeat-y !important;
	background: url(../images/design/sidebar_body.png) 20px 0px repeat-y;
}

/* WIDTH SET IN GRID */
.content_box {
	float:left;
	margin:0px 0px 0px 30px;
}

.content_box_full {
	width: 100%;
	margin:0px 0px 0px 20px;
	float: left;
}

.content_box_full p {
	margin: 10px 0px 10px 0px;
	font-size: .85em; /* 11px */
	text-align: justify;
}

/* WIDTH SET IN GRID */
.content_box_large {
	margin:0px 0px 0px 20px;
	float: left;
}

.content_box_nodiv {
	width: 95%;
	margin:0px 0px 0px 20px;
	float: left;
}

.footer_menu {
	width: 98%;
}

/*----- IMAGES ----- */

a img{
	border: none;
}

.imgRight {
	float: right;
	margin-right: 20px;
	margin-bottom: 20px; 
	margin-left: 40px;
}

.imgLeft {
	float: left; 
	margin-right: 40px;
	margin-bottom: 20px; 
	margin-left: 20px; 
}

.centerR {
	float: right;
	margin-right: 20px;
	margin-bottom: 10px; 
	margin-left: 10px;
}

.centerL {
	float: left; 
	margin-right: 10px;
	margin-bottom: 10px; 
	margin-left: 20px; 
}

/*----- FORM ----- */

input   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
	margin:0px 0px 5px 0px;
}

textarea.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	height:80px;
	color: #707070;
	margin:5px 0px 5px 25px;
}

input.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
	margin:0px 0px 5px 25px;
}

input.button_sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
	margin:0px 0px 5px 25px;
}

input.button_content   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
	margin:5px 0px 5px 0px;
}

/* Enhances mystic button with text and a shaded background */

.mbEnhanced { 
	text-align: left; 
	color: #211a08;  /* #3c5ed9; */
	background-color: #FEB252;  
	font-size: .75em; 
	font-weight: bold; 
	width: 100%;
}

/* SPECIAL MYSTIC BUTTON ANCHOR STYLES */
.mysticbutton {
	font-family: helvetica,arial,sans-serif;
	font-weight: bold; 
	font-size: 75%; /*90% */
	width: 14.5em;
	margin: 1em 0em; 
}

.mysticbutton A {
	display: block; 
	width: 20em;       /* 18em; */
}

.mysticbutton A:link {
	color: #ffffff; 
	background-color: #8B1A1A;       /*#063e89;*/ 
	text-decoration: none;
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid;
}

.mysticbutton A:visited {
	color: #ffffff; 
	background-color: #8B1A1A;       /*#063e89;*/  
	text-decoration: none;
	border-top: #cecece .15em solid; 
	border-right: #4a4a4a .15em solid; 
	border-bottom: #4a4a4a .15em solid;
	border-left: #cecece .15em solid; 
}

.mysticbutton A:hover {
	color: #ffffff; 
	background-color: #d17d7d; /*#3c5ed9; */
	text-decoration: none;
	border-top: #4a4a4a .15em solid; 
	border-right: #cecece .15em solid; 
	border-bottom: #cecece .15em solid;
	border-left: #4a4a4a .15em solid;
}

.mysticbutton span {
	font-family: Verdana, Arial, sans-serif;
	font-size: .99em;   /* also adjusts background color height */
	font-weight: bold;
	padding-top: 0em; 
	padding-right: 0.4em;
	padding-bottom: 0em;  
	padding-left: 0.4em; 
	color: #0c479d; 
	background-color: #e6e6e6;
}