/* CSS Document */





* {margin:0;padding:0;}


#wrapper {
width:50em;
position:relative;
/*height:600px;*/
border:thick;
/*background: url('back104.gif') #ededf7 repeat-x top left;*/


/*background-color:#FFFFF4;*/
/*background-image:url(back101.png);*/
margin:auto;
text-align:left;
background: url('../assets/background.gif') #c6cfea repeat-x top left;

/*margin-top:50px;
margin-bottom:50px;*/
/*background-image:url(faux3.gif);*/
/*background-color:#BAD5FC;*/
/*clear:both;*/
/*background-image:*/
}





body { 
  background-color: #FFFFFF;
  font-family: arial;
} 


h1{
padding:10px;
text-align:left;
/*margin:auto;*/

float:left;
}

h1, a{
	text-decoration:none;
}


#upperHorizontalNav{
margin-top:-20px;
padding-left:40px;
/*padding-right:160px;*/
float:left;
/*display:inline;*/
}

#upperHorizontalNav li{


border:0px 0px 0px 0px;
float:left;
list-style-type:none;
padding:0.1em 0.1em 0 0;

}


span.currentPage{
color:#189618;

}
/*.navLabel{
position:relative;
top:5px;

}*/

#upperHorizontalNav, a{

font-family:Arial;
color:#3B58AC;
text-decoration:none;
font-size:.9em;



}


a, img{

border:none;



}



.navIcon{
position:relative;
top:55px;
right:45px;
/*clear:both;*/
}

/*nav Icons*/
/*a, img{
position:relative;
top:-15px;

}*/





#flashcontent{
float:left;
padding-top:0em;
padding-bottom:0em;
width:38em;
/*height:9em; doesn't work in IE */
margin:0;
text-align:center;
position:relative;
bottom:0em;
right:0em;
left:4em;
margin:auto;
}

#flashcontent p{
font-family:Arial;
color:black;
display:block;
font-size:1.1em;



}

h2{
	/*clear:both;*/
	display:block; /*sets up for Flash banner*/
	/*width:50em;
	height:10em;*/
    font-family:"Arial Black";
    text-align:center;
	font-size: 2.5em;
	color:#3C68B2;
	padding-top:0em;  /*or alternatively 1em because text size is so big*/
	padding-bottom:.28em;
}

form{

margin:auto;
text-align:center;
/*display:inline;*/



}

legend{

color:#3B58AC;
font-size:1.4em;


}

fieldset{
margin:0;
padding-bottom:.5em;
padding-top:1em;
overflow:hidden;
display:inline;
background-image:url(../assets/fieldSetBack.png);
background-repeat:repeat-x;
/*background-position:0px 32px; this is for IE browsers and is conditionally commented in head section of asp page*/
font-family:"Arial Black";
font-size:1.1em;




}

label{
margin-right:10px;
text-align:right;
/*padding:.7em;*/
width:140px;
display:block;
float:left;
clear:left;
}




#Log_In{  /*note this is the login SUBMIT button*/
border:1px solid;
margin:10px 0px 10px 150px;
/*padding:5px 10px 5px 10px;*/
padding: .32em .60em .32em .60em;
display:block;
color:#3B58AC;
font-family:Arial;
font-size:1.1em;
background-color:#BCBED6;


}

input{
border:1px solid #ccc;

}


#LoginID{
border:1px solid #ccc;
/*padding:1em;*/
margin-bottom:10px;
border: 1px solid #ccc;
margin-right:10px;
/*float:left;*/
}


#Passwd{
border:1px solid #ccc;
/*padding:1em;*/
margin-right:10px;
border: 1px solid #ccc;


}




#forgotPassword{
/*padding-left:20px;
padding-bottom:20px;
*/
color:#3B58AC;
margin-left:16px;


}






#textBox{
margin-left:5em;
text-align:left;
width:40em;
float:left;
padding:1em 0em 3em 0em;
}

.textBoxParagraph{
/*padding:.4em;*/
line-height:2em;
}


span.ittukkiLogoPrefix { 
  font-family: "Arial Black";
  font-size:  .9em;
  color: #0000ff;
} 

span.ittukkiLogoSuffix { 
  font-family: 'arial narrow';
  font-size: .3em;
  color: #0000ff;
} 


span.header { 
  font-family: arial;
  font-size:  14px;
  font-weight: bold;
  color: #0000ff;
} 



span.label {
  font-family: arial;
  font-size: .9em;
}

span.small {
  font-size: .88em; 
  font-family: arial; 
  color: #0000CC; 
}

table {
  border-color: #000000;
  width: 400;
}



#footer{
padding:1em;
width:32em;
border-top:1px solid;
border-top:thin;
border-top-color:#7070a9;
color:#7070a9;
margin:auto;
margin-top:2em;
clear:both;
text-align:center;
font-size:.8em;

}

.onlineCounsellorFooter{
	font-family:Arial Black, Arial;
	color:#3B58AC;
    font-size:.8em;
}


.ittukkiPrefixFooter{
	font-family:Arial Black, Arial;
	color:#0000FF;
    font-size:.8em;
}

.corpFooter{
font-family:Arial Narrow, Arial, Arial Black;
color:#0000FF;
font-size:.3em;

}



/*#upperHorizontalNav*/
a:hover {
color:#189618;
}



/****************THESE STYLES ARE SPECIFIC TO THE ABOUT PAGE**************/
#aboutText{
font-family:Arial;
font-size:1em;
word-wrap: break-word;
width:30em;
padding:0em 1em 1em 1em;



}


#aboutWrap{
padding:0 0 1em 0;
/*margin-left:5em;*/
margin:auto;
/*border:1px solid;*/
width:35em;


}
/**********************************************************************/

/**************THESE STYLES ARE SPECIFIC TO THE TOOLS PAGE*************/
/**************THESE STYLES ARE SPECIFIC TO THE SERVICES/TOOLS PAGE*************/

#toolsText{

font-size:1em;
font-family:Arial;
word-wrap: break-word;
width:30em;
padding:0em 1em 1em 1em;

}


#toolsWrap{
font-weight:500;
font-family:Arial;
font-size:.87em;
word-wrap: break-word;
font-family:Arial;
padding:0 0 1em 0;
/*margin-left:5em;*/
margin:auto;
/*border:1px solid;*/
width:35em;


}










/*********************************************************************/


/********************************THESE STYLES ARE SPECIFIC TO THE CONTACT PAGE*************************/

#mailWrap{
padding:0 0 1em 0;
margin:auto;
/*margin:auto;*/
/*border:1px solid;*/
width:35em;
}


textarea{
font-family:Arial;
/*clear:both;*/
/*float:left;*/
background-color:#fbfbfb;
float:left;
/*display:block;*/
border:1px solid #ccc;
text-align:left;
margin:.5em;
margin-left:3em;

/*margin:auto;*/

}

#contactEmailTextBox{
font-family:Arial;
padding:.1em;
/*float:left;*/
/*clear:both;*/
background-color:#fbfbfb;
float:left;
display:block;
border:1px solid #ccc;
margin:.5em;
margin-left:3em;
text-align:left;

}


#pss{
border solid 1px #ccc;
color:#1d397c;
font-size:.89em;
width:22em;
float:left;
display:inline;
margin:.5em;

margin-bottom:1em;
margin-left:3.2em;
text-align:left;
}
#pss p {
margin-top:0;
padding-top:0;


}

#pss legend{
margin-top:0;
padding-bottom:0;

}
#pss fieldset{
font-family:Arial;

}

#pss legend{
padding-top:0em;


}

#verification{
padding:.3em 0em .3em 0em;


}

#captchaInstructions{  /*this id is in the processform.asp page*/


}

#submitMessageButton{

border:1px solid;
margin:.6em 0px .6em 2.43em;
/*padding:5px 10px 5px 10px;*/
padding: .32em .60em .32em .60em;
display:block;
color:#3B58AC;
font-family:Arial;
font-size:1.1em;
background-color:#BCBED6;
clear:both;

/*
border:1px solid;
padding:.1em .2em .1em .2em;
margin:auto;
//float:left;
display:block;

clear:both;
*/
}







/*****************************************************************************************************/



/******************This Style is specific to the Contact Complete Page*******************************/

.fullScreenText{
padding-top:5em;
padding-bottom:16em;
text-align:center;


}





/***************************************************************************************************/



/********************This Style is specific to the Registration Page *******************************/
.registrationField{
border:1px solid #ccc;
/*padding:1em;*/
margin-bottom:10px;
border: 1px solid #ccc;
margin-right:10px;

/*float:left;*/

}


.registrationField:focus{
background-color:#FBFAE1;
color:black;

}

#regWrap{
padding:3em 0em 3em 1em;
margin:auto;
width:32em;


}

#privacyLink{
font-size:.8em;
padding-left:22em;
/*float:right;
margin-right:2em;*/

}


.regLabel{



}


/***************************************************************************************************/

/* Turn off list bullets */
	ul.mktree  li {
   	    list-style: none;
		clear:both;
		
	 } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px 0px 15px 0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../assets/minus.gif) center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../assets/plus.gif) center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../assets/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen ul { 
	display: block; 
	clear:both;
	}
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
	
	


.dropDownHeader{
	float:left;
    padding-left:15px;
	
	margin:15px 0px 15px 0px;
	color:#999999;
	font-size:0.95em;
	font-family:Arial Black;
}






/***************************************************************************************************/