/* CSS Document */





body,td,th {

	background-color:#FFFFFF;

	font-family: Gill Sans, Arial, Helvetica;

	font-size: 12px;

	color: #666666;

	line-height: 1.6;

	margin:0px;

	margin:auto;

	margin: 0 0 20px 0;

 	text-align: center;

}


:focus{
	outline:none;
	}


h4{
	font-family: Gill Sans, Arial, Helvetica;

	font-size: 12px;

	color: #666666;
	
	}



/*start of MENU*/



#navContainer{

	width:1000px;

	height:80px;

}







.example {



	padding: 0px;

}



/*		Navigation core 	*/



.navig {

	line-height: 1;

	margin: 0 0 1.2em 0;

	display: block;

	position: relative;

	

}



/* remove all list stylings */

.navig, .navig ul {

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

}



/* move all list items into one row, by floating them */

.navig li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;

	height:40px;

}



/* initialy hide all sub menus */

.navig ul {

	width: 100%;

	display: block;

	visibility: hidden;

	position: absolute;

	clear: both;

	top: 1.2em;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */

	left: 0;

}



/* -- float.clear -- force containment of floated LIs inside of main UL */

.navig:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

/* -- float.clear.END --  */



.navig li.selected ul, .navig li:hover ul {

	visibility: visible;

}



.navig li.selected ul {

	z-index: 10;

}



.navig li:hover ul {

	z-index: 100;

}



/*		Navigation make-up 	*/



.navig {

	font-size: .9em;

	

	font-weight: bold;

	width:1030px;

	height:5px;	/* this value should be close to what is needed for elements to stay on one line */

}



.navig a {



	text-decoration: none;

	

	display: block;

}



.navig li {

	margin: 0;

	

}





/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */

.navig ul {

	top: 3.0em;

	padding: 0 1em;/* should be identical to .navig, for best results */

	color:#FFFFFF;

	width: 48em;

	height:40px;

}



.navig li li {

color:#FFFFFF;

	

}



.navig li li a {

	color:#FFFFFF;

}



.navig li li a:hover {

	text-decoration: underline;

}









/* IE5/Mac: \*//*/



.navig {

	display: inline-block;

}



.navig a {

	float: left;

}



.navig li ul {

	top: 1.8em;

	height: 2em;

	background-color:#FFFFFF;

}



.navig li li, .navig li li a {

	display: inline;

	float: none;

	background-color:#FFFFFF;

}



/*  */



/*]]>*/





<!--[if lte IE 6]>



.navig {

	height: 1%;

}



.navig .twolevelhover ul {

	visibility: visible;

	z-index: 100;

}



.navig {

	padding: 0 0px;

}

.navig ul {

	padding: 0 15px;/* MUST BE IN pixels for the next rule to work properly */

	width: expression((this.parentNode.parentNode.offsetWidth - parseInt(this.currentStyle.paddingLeft) - parseInt(this.currentStyle.paddingRight)) + 'px');

}



.navig .twolevelhover a {

	background-color:#FFFFFF;



}



.navig .twolevelhover ul {

background-color:#FFFFFF;

	}











/*end of menu*/







a {

	font-size: 12px;

	color:#5998B9;

}



a img {

         border: 0 none;

		 

 }



  



a:visited {

	text-decoration: none;

	color: #5998B9;

}





a:active {

	text-decoration: none;

	color:#5998B9;

}



a:link {

	text-decoration: none;

	color:#5998B9;

}



a:hover {

	text-decoration: none;

	color: #5998B9;
	text-decoration:underline;

}

.programs td {

	border-bottom-style:dashed; 

	border-bottom-width: 1pt;

}



/* class styles */



	





.style2 {

	font-size: 14px;

	font-weight: bold;

	color:#5998B9;

}

.style6 {

	font-size: 12px;

	color:#5998B9;

}





.style13{

	font-size:12px;

	color:#666666;

/*	line-height:1.9; */

	

}

	

.style13 a{

	font-size:12px;

	color:#666666;

}





.style15{

	font-size:12px;

	color:#ffa12d;

}



.style15 a{

	font-size:12px;

	color:#ffa12d;

	

}





/* end of class styles */





#mainContainer{

	width:1000px;

	margin:0px auto;

	text-align:left;

	background-color:#FFFFFF;

}



#Header{

	width:1000px;

	height:160px;

	background-color:#FFFFFF;

}



#menu{

	width:1000px;

	height:50px;

	background-color:#FFFFFF;

	border-style:none;

	float:left;

}



#signup{

	padding-top:10px;

	padding-left:0px;

	width:70px;

	height:400px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	float:right;

}



#innerContainer{

	width:1000px;

	/*height:500px;*/

	background-color:#FFFFFF;

	color:#5998B9;

}



#innerContainerNews{

	width:1000px;

	height:auto;

	background-color:#FFFFFF;

	color:#5998B9;

}





#innerContainerMain{

	width:1000px;

	height:400px;

	background-color:#FFFFFF;

	color:#5998B9;

}





#gidonvideo{

	width:525px;

	float:right;

	height:400px;

	padding-top:20px;

	

	

}



#footer{

	float:right;

	width:1000px;

	background:url(images/dot.jpg) top repeat-x;
	margin-top:15px;
}


#homefooter{

	float:right;

	width:1000px;

	background:url(images/dot.jpg) top repeat-x;
	

}



.footer2{

	float:right;

	text-decoration:none;

	color:#5998b9;

	width:670px;

	margin-bottom:10px;

	

}





#leftColumn{

	width:475px;

	height:475px;

	float:left;
	margin-bottom:15px;

		

}

/*GETTING STARTED FORM*/

#rightColumnFlash{

	 width: 425px;

    height: 480px;

   float:right;

    z-index: 0;

}



.description {

    position: absolute;

    z-index: 1;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

	

	

	

} 



#gettingStartedForm{

width:1000px;

float:left;

}



#gettingStartedForm2{

width:500px;

position:absolute;

left:-100px;



}



#leftColumnGettingStarted{

	width:525px;

	float:left;

	height:300px;

}



#footerGettingStartedForm{

padding-top:175px;





}



/* END OF GETTING STARTED FORM*/





#leftColumnNewsLetters{

	width:1000px;

	height:auto;

}



#previousNewsletter{

width:300px;

height:auto;

float:none;

}



#leftColumn2{

	width:300px;

	float:left;

	height:565px;

	background-color:#FFFFFF;

	border-right-width:thin;

	border-right-style:dotted;

	border-right-color:#000000;

	padding-right:23px;



}





#leftColumnAbout{

	width:540px;

	height:450px;

	float:left;

}













#leftColumnSiteMap{

	width:150px;

	margin-top:0px;

	float:left;

	padding-left:290px;

}







#rightColumnSiteMap{

	width:150px;

	border-right:solid;

	border-right-style:dotted;

	border-right-color:#CCCCCC;

	border-left-style:dotted;

	border-left-color:#CCCCCC;

	padding-left:20px;

	padding-right:15px;

	float:left;

}



#rightRightColumnSiteMap{

	width:150px;

	padding-left:20px;

	float:left;



}





#rightColumnAbout{

	width:430px;

	height:480px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	background: url(images/dotV.jpg);

	background-position:left;

	background-repeat:repeat-y;

	padding-left:1px;

	float:right;

	z-index:0;

	

	

}





#innerContainerTeam{

	width:1000px;

	height:auto;

	float:right;

}





.teamBg{

background:url(images/dot.jpg) bottom repeat-x;

}







/* getting started form */

.formColumnLeft{

	width:200px;

	height:30px;

	background-color:#FF0000;

}





.formColumnRight{

	width:290px;

	height:20px;

	background-color:#EFEFEF;

	float:right;

	margin-right:300px;

	margin-top:0px;

}



.formColumnTextArea{

	width:290px;

	height:50px;

	background-color:#EFEFEF;

	float:right;

	margin-right:300px;

	margin-top:-10px;

}





.formAlignLeft{

	float:left;

	

}









/* styles for scrollbar images start here */







/* .scrollgeneric is required for proper scrollbar display,

not for user customization, and is mandatory*/

.scrollgeneric {

line-height: 1px;

font-size: 1px;

position: absolute;

top: 0; left: 0;

}



/* For scrollbars, defining a color for background alongside with an image 

is always a good idea, this way the scrollbars are visible until images load */

.vscrollerbase {

/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */

width: 15px;

background-color: white;

}



.vscrollerbar {

width: 15px;

background-color: black;

}









/* styles for scrollbar images start here */







.vscrollerbar {

/* Main body of vertical scrollbar */

background: #5998b9 url(scroller/bar.gif);

background-repeat:no-repeat;
width:15px;

}



.vscrollerbar{

/*padding information of these elements are only used for

padding of the scroll-bar with respect to the scroll-base,

the padding will automatically be turned off by the script

The greater the padding, the further away the scrollbar

stops away from both ends. This may be used, for example,

to provide space for our "faux" arrow heads.

*/

padding: 15px;
width:15px;



/* z-index for scrollbars define the z-index for the content, if left at

"auto" or "0", they are set to "2", if defined, content z-index is set the

same as the scrollbars. Version 1.7.5 and higher does not need this setting

to function properly, earlier versions need this for proper operation */

z-index: 2;

}



.vscrollerbarbeg {

/* Top image holder for vertical scrollbar*/



width: 15px;

/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering

engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top

image to repeat on certain sizes. In this style, we do not need our script to strech the

vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */

height: 15px !important;

}



.vscrollerbarend {

/* Bottom image holder for vertical scrollbar*/



width: 15px;

height: 15px;

}











/* Following are for scrollbase images, may not always be required */



.vscrollerbase {

/* Vertical scrollbar's base body */ 

background: #5998b9 url(scroller/base.gif);
width:15px;
height:45px;
}



.vscrollerbasebeg {

/* Vertical scrollbar's base top-cap */

/* This may be used for holding the up arrow */

background: url(scroller/up.gif);

width: 15px;

/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */

height: 15px !important; /*  Safari BG repeat fix */

}



.vscrollerbaseend {

/* Vertical scrollbar's base bottom-cap */

/* This may be used for holding the down arrow */

background: url(scroller/down.gif);

height: 15px;

width: 15px;

}





#mycustomscroll {





/* Typical fixed height and fixed width example */

width: 305px;

height: 400px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

background-color:#FFFFFF;

padding-right:10px;
padding-left:10px;

text-align:justify;

float:left;

}



#mycustomscroll2 {





/* Typical fixed height and fixed width example */

width: 530px;

height: 480px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

background-color:#FFFFFF;

padding-right: 20px;

text-align:justify;

float:left;

}



/*start form*/

label,input {

	display: block;

	width: 130px;

	float: left;

	margin-bottom: 5px;

	margin-left:10px;

}



label {

	text-align: left;

	width: 100px;

	padding-right: 20px;

}



#comments{

width:130px;

 height:100px; 

 overflow:hidden; 

 font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  padding-right:3px;

  margin-right:3px;

   float:right;

}





#submit{



margin-top:15px;

width:135px;

	

}





/*end form*/





/*newsletter form*/

#newsletterForm {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

width:565px;

float:none;



}



  

.textfield {

font:12px;  Arial, Helvetica, sans-serif;

color:#000;

margin:3px;

height:20px;

border:solid 0 #fff;

padding: 3px 8px;

background:  url("images/textfield_bg.gif") no-repeat;

width:120px;


}



.textfield_newsletter {

font:12px;  Arial, Helvetica, sans-serif;

color:#000;

margin:3px;

height:20px;

border:solid 0 #fff;

padding: 3px 8px;

background:  url("images/textfield_bg.gif") no-repeat;

width:120px;


}




.textarea{

font-size: 13px;

  text-align: left;

  color: black;

  font-family: arial, helvetica, sans-serif;

color:#000;

margin:3px;

height:10px;

border:solid 0 #fff;

padding: 3px 8px;

background:  url("images/textarea_bg.gif") no-repeat;

voice-family: "\"}\""; 

voice-family:inherit;

width:120px;

height:125px;



}



.submit {



background: transparent url("images/submit.gif") no-repeat;

height:20px;

border:solid 0 #fff;

font-size:12px;

float:right;

margin-right:-7px;



 }

 

/*newsletter form*/


/**** gforce banner ad****/

#bannerAd{
	background:url(images/GforceBanner.jpg);
	width:468px;
	height:60px;
	margin-bottom:15px;
	cursor:pointer;
	display:block;
	}

#bannerAd:hover{
	background-position:0 -60px;
	}