@charset "utf-8";
/* CSS Document */
* 									{ margin: 0; padding: 0; }

a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none; }
ul 									{ list-style: none; }
html
{
height:100%;
}
body
{
margin:0;padding:0;
text-align:center;
background-color:#F2B210;
background-image:url(images/repeater.png);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;

}
div#wrapper
{
width:958px;
margin-left: auto;
margin-right: auto;
text-align:center;
text-align:-moz-center;
}
div#header
{
width:958px;

}
div#head_top
{
background-image:url(images/Javi-website_r1_c1.png);
width:958px;
height:19px;

}
div#logo
{
background-image:url(images/logo.png);
width:182px;
height:97px;
float:left;
}
div#middle_spacer
{background-image:url(images/Javi-website_r2_c4.png);
width:776px;
height:19px;
float:right;

}
div#ml_1
{background-image:url(images/Javi-website_r3_c4.png);
float:left;
width:81px;
height:36px;

}
div#ml-left
{background-image:url(images/Javi-website_r3_c5.png);
width:16px;
height:36px;
float:left;
}
div#main_links_buttons 
{
width:450px;
height:36px;
float:left;
direction:rtl;
text-align:center;
background-image:url(images/Javi-website_r3_c6.png);
background-repeat:repeat-x;
display:inline;
font-size:13px;
padding-right:10px;
}
div#main_links_buttons table
{
direction:rtl;
float:right;

}
div#main_links_buttons a
{
display:block;
height:36px;
padding-left:8px;
padding-right:8px;
padding-top:10px;
background-image:url(images/Javi-website_r3_c6.png);
background-repeat:repeat-x;
color:#FFFFFF;
text-decoration:none;
font-size:13px;

}
div#main_links_buttons a:hover
{
display:block;
height:36px;
padding-left:8px;
padding-right:8px;
background-image:url(images/Javi-website_r3_c6.png);
background-position:0 -35px;
background-repeat:repeat-x;
font-size:13px;

}

div#main_links_buttons a:selected,.TopLinkSelected 
{
height:36px;
padding-left:8px;
padding-right:8px;
background-image:url(images/Javi-website_r3_c6.png);
background-position:0 -35px;
background-repeat:repeat-x;
font-size:13px;
font-weight:normal;
}
.link_button
{
float:left;

}
div#main_search
{background-image:url(images/Javi-website_r3_c6.png);
background-repeat:repeat-x;
width:162px;
height:36px;
float:left;

}
div#s_box
{
margin-top:6px;
width:162px;
height:24px;
background-image:url(images/search.png);
background-repeat:no-repeat;
}
div#search_box
{float:left;
}
div#search_button
{
float:right;
}
.search
{
width:130px;
height:16px;
padding:1px;
border: none;
background:none;
}
.search_btn
{
width:25px;
height:22px;
border: none;
background:none;
}
div#ml-right
{
background-image:url(images/Javi-website_r3_c10.png);
height:36px;
width:17px;
float:left;

}
div#ml_2
{
background-image:url(images/Javi-website_r3_c11.png);
width:33px;
height:36px;
float:left;
}
div#middle_spacer2
{background-image:url(images/Javi-website_r5_c4.png);
width:776px;
height:42px;
float:left;
}
div#top_box
{float:left;

width:958px;
}
div.rounded_top {
 background: url(images/rounded_bottomright.png) 100% 100% no-repeat;
}
 
div.rounded_top div {
  background: url(images/rounded_bottomleft.png) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.rounded_top div div{
  background: url(images/rounded_topright.png) 100% 0 no-repeat;
}
 
div.rounded_top div div div {
  background: url(images/rounded_topleft.png) 0 0 no-repeat;
  padding:0;
  height:251px;
  padding-top:0px;
  padding-bottom:0px;
}

div.rounded_top div div div td div {
height:25px;
}


div.rounded_top div div div div{
background:none;
}


div#main_body
{

padding-left:13px;
width:932px;

}

div#top_border
{
width:932px;
height:10px;
overflow:visible !important;
overflow:hidden;

}

div#left_top
{
background:url(images/rounded_bot_lt.png) no-repeat;
width:32px;
height:10px;
float:left;
}
div#top_repeat
{
background-image:url(images/rounded_bot_rept.png);
background-repeat:repeat-x;
width:868px;
height:10px;
float:left;
}
div#right_top
{
background:url(images/rounded_bot_rt.png) no-repeat;
width:32px;
height:10px;
float:right;
}
div#bottom_border
{
width:933px;
height:52px;
}
div#left_bot
{
background:url(images/rounded_bot_lb.png) no-repeat;
width:32px;
height:52px;
float:left;
}
div#bot_repeat
{
background-image:url(images/rounded_bot_repb.png);
background-repeat:repeat-x;
width:869px;
height:52px;
float:left;
}
div#right_bot
{
background:url(images/rounded_bot_rb.png) no-repeat;
background-position:-1 0;
width:32px;
height:52px;
float:right;
}
div#body_content
{
width:932px;
clear:both;
float:left;
text-align:center;
}

div#body_repeat
{margin-right:auto;
margin-left:auto;

background-image:url(images/rounded_body_rep.png);
background-repeat:repeat-x;
min-height:175px;
width:893px;
overflow:hidden;
background-color:#FFFFFF;
/*width:893px;*/
border-right:#F1B30D 2px solid;
border-left:#F1B30D 2px solid !important;
}

table#footer
{
width:932px;
clear:both;
text-align:center;

}
td#footer_border
{
width:932px;
height:10px;
}
td#left_foot
{
background:url(images/rounded_footer_lt_home.png) no-repeat;
width:32px;
background-position:18 0;
height:58px;
float:left;
}
td#foot_top_repeat
{
text-align:center;

background-image:url(images/rounded_footer_rept_home.png);
background-repeat:repeat-x;
width:868px;
height:58px;
float:left;
text-align:center;
}
td#foot_top_repeat
{
text-align:-moz-center;
}
td#right_foot
{
background:url(images/rounded_footer_rt_home.png) no-repeat;
background-position:-10 0;
width:32px;
height:58px;
float:right;
}
.page_title
{
text-align:right;
padding-right:16px;
font-size:24px;
font-weight:bold;
}
div#body_columns
{margin-top:18px;
width:854px;

}
div#left_col
{
width:220px;
float:right;
height:450px;
}
div#right_col
{
text-align:center;
float:left;
width:201px;
height:450px;

}
div#mid_col
{
width:405px;
margin-left:220px;
border-right:#D7D7D7 1px solid;
border-left:#D7D7D7 1px solid;
text-align:right;
overflow:auto;
height:inherit;
overflow:visible;
}
div#mid_col table
{
	height:500px;
	margin-right:10px;
	text-align:right;
	width:95%;

}
div#mid_col table table
{
	height:10px;
}

td.column_head
{background-image:url(images/col_head.png);
background-repeat:repeat-x;
width:187px;
height:25px;
float:left;
}

table.page_links td
{
width:187px;
float:left;
text-align:right;
font-size:14px;
height:33px;
border-bottom:#D8D8D8 1px solid;
direction:rtl;
}
table.page_links a
{
display:block;
width:187px;
background-image:url(images/page_link_states.png);
background-position:right top;
background-repeat:no-repeat;
height:33px;
padding-top:9px;
text-decoration:none;
/*padding-left:29px;*/
text-indent:30px;
color:#000000;
}
/*table.page_links a:hover
{
display:block;
width:187px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;
height:33px;
background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}
a.page_links_selected
{
display:block;
width:187px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;
height:33px;
background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}*/



table.page_links_firefox td
{
width:187px;
float:left;
text-align:right;
font-size:14px;
height:33px;
border-bottom:#D8D8D8 1px solid;
overflow:visible;
direction:rtl;
}
table.page_links_firefox a
{
display:block;
width:187px;
background-image:url(images/page_link_states.png);
background-position:right top;
background-repeat:no-repeat;

height:23px;
padding-top:9px;
text-decoration:none;
/*padding-left:29px;*/
text-indent:30px;
color:#000000;

}
/*table.page_links_firefox a:hover
{
display:block;
width:206px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;
height:23px;
background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}
a.page_links_selected_firefox
{
display:block;
width:206px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;
height:23px;
background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}
*/
/*td.column_head
{background-image:url(images/col_head.png);
background-repeat:repeat-x;
width:196px;
height:33px;
float:left;
font-size:14px;
}
table.page_links td
{
width:196px;
float:left;
text-align:left;
font-size:14px;
height:33px;
border-bottom:#D8D8D8 1px solid;

}
table.page_links a
{
display:block;
width:196px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
padding-top:9px;
height:25px;
text-decoration:none;
padding-left:29px;
color:#000000;
}
table.page_links a:hover
{
display:block;
width:196px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;

background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}
 a.page_links_selected
{
display:block;
width:196px;
background-image:url(images/page_link_states.png);
background-repeat:no-repeat;
background-position:0 -35px;
height:33px;
background-color:#F4C802;
border-bottom:#EE9D18 1px solid;
text-decoration:none;
color:#8F0000;
}*/
div#func_head
{background-image:url(images/func_head.png);
background-repeat:repeat-x;
width:193px;
height:25px;
float:left;
color:#8F0000;
padding-left:13px;
padding-top:5px;
text-align:left;
font-size:14px;
margin-bottom:20px;
}
div#login_form
{
margin-left:10px;
overflow:hidden;
width:180px;
}

.form_class
{
width:180px;

}
.form_class label
{
font-weight:400;
float:left;
width:70px;
}
.form_label
{
font-weight:400;
float:left;
width:70px;
display:block;
}
.form_class input[type="text"]
{
border:solid 0 #FFFFFF;
background-image:url(images/form_input2rep.png);
background-repeat:repeat-x;
width:87px;
height:17px;
padding:3px;
float:left;
}
.form_input
{
border:solid 0 #FFFFFF;
background-image:url(images/form_input2rep.png);
background-repeat:repeat-x;
width:87px;
height:17px;
padding:3px;
float:left;
}
div#input_left
{
background-image:url(images/form_input2_left.png);
height:23px;
width:6px;
float:left;
}
div#input_right
{
background-image:url(images/form_input2_right.png);
width:6px;
height:23px;
float:left;
}
.form_class input[type="password"]
{
border:solid 0 #FFFFFF;
float:left;
background-image:url(images/form_input2rep.png);
background-repeat:repeat-x;
width:87px;
height:17px;
padding:3px;
}
.form_class input[type="submit"]
{
float:left;
background-image:url(images/form_login.png);
background-color:#FFFFFF;
background-repeat:no-repeat;
width:86px;
height:23px;
border:none;
font-weight:bold;
color:#FFFFFF;
margin-left:89px;
padding-bottom:3px;
}
.form_submit
{
float:left;
background-image:url(images/form_login.png);
background-color:#FFFFFF;
background-repeat:no-repeat;
width:86px;
height:23px;
border:none;
font-weight:bold;
color:#FFFFFF;
margin-left:89px;
padding-bottom:3px;
}
div#form_entry
{
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
width:180px;
float:left;
clear:left;
}

div#form_select_field
{float:right;
}
div#form_select_text
{float:right;
}
.form_class checkbox
{background-image:url(images/form_checkbox.png);
background-repeat:no-repeat;
width:11px;
height:9px;
}
.forget_pass
{
font-size:11px;
float:right;

}
.forget_pass a
{
text-decoration:underline;
color:#8C8C8C;
}
div#getJavi
{
text-align:center;
margin-right:auto;
margin-left:auto;
width:140px;
margin-bottom:10px;
}
div#getJHead
{background:url(images/getJavi.png) 0 0 no-repeat;
height:33px;
width:140px;
margin-bottom:14px;
}
.large_text
{
font-size:18px;
}
.small_text
{
font-size:10px;
}
div#news, .news
{
width:187px;
float:left;
text-align:center;
}
div#news, .news
{
text-align:-moz-center;
}
div#news_head, td.news_head
{background-image:url(images/func_head.png);
background-repeat:repeat-x;
width:174px;
height:25px;
float:right;
color:#8F0000;
padding-right:13px;
padding-top:5px;
text-align:right;
font-size:14px;
margin-bottom:8px;
}
.news_items
{
width:150px;
font-size:10px;
text-align:left;
direction:rtl;
}
div#footer_links
{
width:200px;
display:table;
text-align:center;
clear:both;
margin-top:27px;
overflow:visible;
direction:rtl;

}
div#footer_links a
{
clear:both;
text-align:center;
color:#FFFFFF;
font-size:12px;
display:block;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
.link_button_middle
{
float:left;
border-left:#FFFFFF 1px solid;
}

.header_red_text
{
color:#8F0000;
}
.header_msg
{
font-size:35px;

}
div#head_content
{
width:868px;

}
div#header_image
{
width:450px;
height:219px;
float:right;
text-align:right;

}
#header_text
{
float:left;
text-align:left;
width:394px;
height:169px;

color:#007DED;
font-size:50px;
margin-top:50px;
font-weight:100;
font-family:Arial, Helvetica, sans-serif;
}
#left_head_text
{
padding-left:40px;
height:119px;
}
.body_title
{font-size:14px;
color:#EE9D18;
}
.body_text
{
text-align:left;
font-size:12px;

}


/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/


/*
	GENERIC RESET & BASIC STRUCTURE
*/

ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
			
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 280px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 280px;
			clear: both;
			
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto; 	
		}
		
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			height:50px;
			width:800px;

			text-align:left;

			text-align:center !important;
						padding-left:100px !important;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px;
			height:50px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		div.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding:0px;
			
		}
		.stripNav li a
		{padding:0px;
		
		}
		#stripNav0
		{
		height:50px;
		}
		.stripNav li.tab1 a { background:url(images/tab1-f.jpg) no-repeat; width:109px; height:113px;}
		.stripNav li.tab1 a:hover { width:109px; height:113px; background-position:0 -113px;}
		.stripNav li.tab1 a.current { width:109px; height:113px; background-position:0 -113px;}
		.stripNav li.tab2 a  { background:url(images/tab2-f.jpg) no-repeat; width:141px; height:113px;}
		.stripNav li.tab2 a:hover  {  width:141px; height:113px; background-position:0 -113px;}
		.stripNav li.tab2 a.current  { width:141px; height:113px; background-position:0 -113px;}
		.stripNav li.tab3 a  { background:url(images/tab3-f.jpg) no-repeat; width:127px; height:113px;}
		.stripNav li.tab3 a:hover  { width:127px; height:113px; background-position:0 -113px;}
		.stripNav li.tab3 a.current  { width:127px; height:113px; background-position:0 -113px;}
		.stripNav li.tab4 a  { background:url(images/tab4-f.jpg) no-repeat; width:129px; height:113px;}
		.stripNav li.tab4 a:hover  { width:129px; height:113px; background-position:0 -113px;}
		.stripNav li.tab4 a.current  { height:113px; background-position:0 -113px;}
		.stripNav li.tab5 a  { background:url(images/tab5-f.jpg) no-repeat; width:121px; height:113px;}
		.stripNav li.tab5 a:hover  { width:121px; height:113px; background-position:0 -113px;}
		.stripNav li.tab5 a.current  { width:121px; height:113px; background-position:0 -113px;}
		
		.stripNav li a:hover {
			
		}
		
		.stripNav li a.current {
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
#bold_text
{
height:130px;
float:left;
width:551px;
}
#promo
{float:left;
font-size:12px;
width:190px;
margin-top:25px;
}
#promo a
{color:#712D08;
text-decoration:none;
}
#Join
{
background-image:url(images/join.jpg);
background-repeat:no-repeat;
width:189px;
height:43px;
float:right;

}

#main_text
{
float:right;
text-align:left;
width:551px;
height:270px;
color:#007DED;
font-size:50px;
margin-top:30px;
margin-right:10px;
}

#main_image
{
float:left;
text-align:right;
width:242px;
height:270px;
padding-top:16px;
}

div.rounded_top_home {
 background: url(images/rounded_bottomright-home.png) 100% 100% no-repeat;
}
 
div.rounded_top_home div {
  background: url(images/rounded_bottomleft-home.png) 0 100% no-repeat;
  margin: 0;
  border: 0;
}
 
div.rounded_top_home div div{
  background: url(images/rounded_topright-home.png) 100% 0 no-repeat;
}
 
div.rounded_top_home div div div {
  background: url(images/rounded_topleft-home.png) 0 0 no-repeat;
  padding:0;
  
  padding-top:0px;
  padding-bottom:0px;
}

div.rounded_top_home div div div div{
background:none;
}

.ms-bodyareaframe
{
border-style:none;

background-color:transparent;
}
.TopLinkSelected a:selected
{
	font-size:13px;
}

.btn01 {
	background-image: url(/images/btnBg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


.HdrCtr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/col_head.png);
	background-repeat: repeat-x;
	border: 1px solid #C6D8F6;
}