/* 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:3em;
right:4em;
}

#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{ /*note a fieldset is also found on the about page*/
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: .15em .30em .15em .30em;
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; */
 color:color:#3B58AC;
}

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{

line-height:2em;
font-weight:500;
font-family:Arial;
font-size:.87em;
word-wrap: break-word;
width:35em;
padding:0em .6em 1em .6em;
margin:auto;


}


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


}

p{



}

p.indent{
padding:0em .5em 1em .5em;

text-indent:3em;
}

p.regular{
padding:0em 1em 1em 1em;

text-indent:0;

}


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




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

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


textarea{
font-family:Arial;
/*clear:both;*/
/*float:left;*/
background-color:#fbfbfb;
float:left;
/*display:block;*/
border:1px solid #ccc;
text-align:left;
margin-bottom:1.2em;
/*margin:.5em;*/
/*margin-left:2.85em;*/
margin-left:2em;
margin-right:2em;
/*margin:auto;*/
padding-left:0;

}

#contactEmailTextBox{
font-family:Arial;
/*padding:.1em;*/
/*float:left;*/
/*clear:both;*/
background-color:#fbfbfb;
float:left;

border:1px solid #ccc;
/*margin:.5em;*/
/*margin-left:3.5em;*/
text-align:left;
margin-bottom:1.2em;
margin-left:2em;
padding-left:0;


}


#pss{
border solid 1px #ccc;
color:#1d397c;
font-size:.89em;
width:22em;
float:left;
margin-bottom:1.2em;
margin-left:2em;
padding-left:0;


/*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.5em;*/
/*padding:5px 10px 5px 10px;*/
/*padding: .32em .60em .32em .60em;*/
clear:both;
color:#3B58AC;
font-family:Arial;
font-size:1.1em;
background-color:#BCBED6;
float:left;

margin-bottom:1.2em;
margin-left:2em;
padding-left:0;


/*
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{

margin-right:10em;
padding:6em 0em 0em 2em;
margin:auto;
width:32em;


}

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

}


.regLabel{



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

/*******************************THIS SECTION HANDLES THE FAQ****************************************/
.faqQuestion{
/*font-family:Arial Narrow;*/
font-style:italic;

font-weight:500;
display:block;
clear:both;
padding-top:.6em;
padding-left:2em;
padding-right:2em;
width:32em;
font-size:1em;

}



.faqAnswer{

font-family:Arial;
font-weight:300;
display:block;
clear:both;
padding:.2em 1em 1em 1em;
padding-left:2em;
padding-right:2em;
width:32em;
font-size:.89em;
text-indent:4em;
line-height:1.3em;

}





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