/* Designed by Babu -DCKAP Technologies */
/* CSS Document */

/* ____________________________________________________________________________

               Common Styles for all Pages
   ____________________________________________________________________________ */

body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; line-height:16px; font-weight:normal; text-align:left; text-decoration:none; color:#000000; background:url(jojo_bg.gif) repeat; font-size:12px;}

a                       { color:#582106; text-decoration:underline; }
a:hover                 { color:#d8a906; text-decoration:underline; }
a img                   { border:0; }
:focus                  { outline:0; }

/* Heading */
h1, h2, h3, h4          { margin-bottom:.5em; line-height:1.4em; }
h2                      { font-size:1.7em; }
h3                      { margin-bottom:.5em; color:#253033; font-size:1.25em; }
h4                      { margin-bottom:.6em; color:#494848; font-size:1.05em; }
h5                      { font-size:1.05em; }
h6                      { font-size:1em; }
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover,h4 a, h4 a:hover { font-weight:normal; }

/* Table */
th{ padding:0; text-align:left; vertical-align:top; }
td { padding:0; vertical-align:top; }

/* Paragraph */
p, address              { margin-bottom:.5em; }
address                 { font-style:normal; }
del						{ font-size:12px; font-weight:normal; color:#666666;}

/* Form */
form                    { display:inline; }
input, select           { text-align:left;}
textarea                { overflow:auto; }

/* Lists */
ul,ol                   { list-style:none; margin:0px; padding:0px; }
dt                      { display:block; }

/* Size */
small                   { font-size:.9em; }
big                     { font-size:1.25em; }

.f-left, .left      { float:left; }
.f-right, .right    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left; }
.a-center           { text-align:center; }
.a-right            { text-align:right; }
.a-justify          { text-align:justify; }
.c-left				{ clear:left;}
.c-right			{ clear:right;}
.c-both				{ clear:both;}
.clr				{ clear:both; padding:0px; margin:0px;}
.nm                 { margin:0; }
.np                 { padding:0; }
.no-display,.no-show{ display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.wrap               { white-space:normal; }
.no-float           { float:none; }
.pointer            { cursor:pointer; }

/* Color */
.emph, .accent      {color:#eb5e00; }
.subdue             {color:#306375; }
.blake				{color:#000000;}
.red				{color:#FF0000;}
.white				{color:#FFFFFF;}
.gray				{color:#999999;}
.gray1				{color:#666666;}
.org				{color:#FF6600;}
.blue				{color:#0000FF;}
.green				{color:#009900;}
.yellow				{color:#FFFF00;}
.jojo_color			{color:#582106;}

/* Font */
.bold               { font-weight:bold; }
.normal             { font-weight:normal; }

*                       { margin:0; padding:0; }

/* width*/
.w-10				{width:10%;} .w-5				{width:5%;}		 .w-4				{width:4%;}
.w-20				{width:20%;} .w-15				{width:15%;}
.w-30				{width:30%;} .w-25				{width:25%;}
.w-40				{width:40%;} .w-35				{width:35%;}
.w-50				{width:50%;} .w-45				{width:45%;}
.w-60				{width:60%;} .w-55				{width:55%;}
.w-70				{width:70%;} .w-65				{width:65%;}
.w-80				{width:80%;} .w-75				{width:75%;}
.w-90				{width:90%;} .w-85				{width:85%;}
.w-100				{width:100%;} .w-95				{width:95%;}



/* line height*/

.linehgt_10{line-height:10px;}
.linehgt_20{line-height:20px;}
.linehgt_22{line-height:22px;}
.linehgt_25{line-height:25px;}
.linehgt_30{line-height:30px;}
.linehgt_40{line-height:40px;}


/* margin-padding */

.pad_5{padding:5px;} 
.pad_10{padding:10px;}
.pad_15{padding:15px;}
.pad_20{padding:20px;}
.pad_25{padding:25px;} 
.pad_20_30{padding:20px 30px;}

.lft_5{padding-left:5px;} 
.lft_10{padding-left:10px;} 
.lft_15{padding-left:15px;}
.lft_20{padding-left:20px;} 
.lft_25{padding-left:25px;}
.lft_35{padding-left:35px;} 
.lft_45{padding-left:45px;}
.lft_50{padding-left:50px;} 
.lft_60{padding-left:60px;} 
.lft_70{padding-left:70px;} 
.lft_80{padding-left:80px;} 
.lft_90{padding-left:90px;} 

.rht_5{padding-right:5px;} 
.rht_10{padding-right:10px;}
.rht_15{padding-right:15px;} 
.rht_20{padding-right:20px;}
.rht_25{padding-right:25px;}
.rht_35{padding-right:35px;}
.rht_50{padding-right:50px;}

.bot_5{padding-bottom:5px;} 
.bot_10{padding-bottom:10px;} 
.bot_15{padding-bottom:15px;}
.bot_20{padding-bottom:20px;}

.top_5{padding-top:5px;} 
.top_7{padding-top:7px;} 
.top_10{padding-top:10px;} 
.top_15{padding-top:15px;}
.top_25{padding-top:25px;}
.top_30{padding-top:30px;}
.top_40{padding-top:40px;}
.top_50{padding-top:50px;}

.mar_5{margin:5px;} 
.mar_10{margin:10px;}
.mar_15{margin:15px;}
.mar_25{margin:25px;} 
.mar_20_30{margin:20px 30px;}