/***********************************************/
/* styles.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	padding: 0px;
	width: 1024px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 0px;
	text-align: center;
	background-color:#CCCCCC	
	}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #cf1519;
 text-align: justify;
 vertical-align: top;
 border-left-width: 10%;
 margin-left: .75em;
 margin-right: .75em;
 margin-top: 1em;
 margin-bottom: .5em;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 75%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
  list-style-type: disc;
  margin-left:0em;
  margin-right:0em;
  padding-left:0em;
  padding-right:0em; 
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}


#masthead table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}
#masthead #top_divider {
	width: 100%;
}

td
{
   background-color:#ffffff;
   vertical-align:top;
   margin-left:0em;
   margin-right:0em;   
}
th
{
   background-color:#ffffff;
   vertical-align:top;
   margin-left:0em;
   margin-right:0em;   
   padding:0px 0px 10px 0px;
   height:300px;
}

#tableText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #334d55;
	text-align: justify;
	vertical-align: top;
	line-height: 2.0em;
	border-left-width: 10%;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: .75em;
	margin-bottom: 0em;	
}

#tableText1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;
	text-align: justify;
	vertical-align: top;
	border-left-width: 10%;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: .75em;
	margin-bottom: .75em;
}

#formText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #334d55;
	text-align: justify;
	vertical-align: top;
	border-left-width: 10%;
	margin-left: .5em;
	margin-right: .5em;
	margin-top: 0em;
	margin-bottom: 2em;
	line-height:1.5em;	
}

#tableText a {
	text-decoration: none;
}

#tableText a:hover {
color: #cf1519;
}

#tableText li {
margin-left: 2em;
margin-right: 2em;
}

#tableTextHL {
	font-size: 100%;
	color: #cf1519;
}

#tableTextLL {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 50%;
	color: #334d55;
	text-align: justify;
	line-height: 1em;
	border-left-width: 10%;
	margin-left: .5em;
	margin-right: .5em;
}

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Verdana;
	color: white;
	background: black url(../images/my_images/titlebar.png) repeat-x center left;
	margin-top:0px;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: pointer;
	cursor: pointer;
	border-top-style: none;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
	color: white;
	text-decoration: none
}

.arrowlistmenu .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #d0cbc9;
	text-decoration: none;
}	

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/my_images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
padding-left:3px;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/my_images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowlistmenu h3
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 text-align:left;
}

/* AnyLink Menu Related */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */
.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #cf1519;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 2px solid white;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

.anylinkcsscols li{
    padding-bottom: 1em;
	background-color: #323431;
	border-color: #d4d4d4;
	padding-top: 1em;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

.anylinkcsscols p{
	padding-bottom: 0.5em;
	background-color: #cf1519;
	border-color: #d4d4d4;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 0.5em;
	letter-spacing: 0.25em;
	color: #FFFFFF;
	font: normal 14px Arial;
	font-style: normal;
	font-weight: bolder;
	text-align: center;
}

.anylinkcsscols li a{
    text-decoration: none;
    color:#ffffff;
	font:small-caps	
	letter-spacing: 0.25em;
	font-style: normal;
	font-weight: bolder;
}

.anylinkcsscols li a:hover{
    text-decoration: none;
    color:#cf1519;
	font:small-caps	
	letter-spacing: 0.25em;
	font-style: normal;
	font-weight: bolder;
	}
/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

.dummylinks { 
/* Dummy class added by rkalra for hovering effect 
 * on horizontal menu items which don't have items 
 */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid white;
padding: 0px;
background: none;
}
.dummylinks a:hover { 
/* Dummy class added by rkalra for hovering effect 
 * on horizontal menu items which don't have items 
 */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid white;
padding: 0px;
background: none;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: none;
	font-size: 75%;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	background-color:#1d1d1d;
	vertical-align:middle;
}

#siteInfo img{
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;	
}

#siteInfo a{
text-decoration:none;
color:#ffffff;

}

#siteInfo a:hover{
text-decoration:none;
color:#cf1519;

}

#forMinHeight
{
     min-height: 600px;
    height: 600px;  /*for IE, since IE wrongly expands for content*/
	background-color:#ffffff;
}
body #forMinHeight {
    height: auto;  /*overrides height, but IE can't see it because it's too stupid
                   *to understand the child selector
                   */
}

a img {border: none;
margin:auto; }

.clients{
	overflow:hidden;
	float:right;
	width:810px;
	text-align:justify;
	margin:0 6px 0 0;
}

.clients img { border:1px solid #b5b5b5; margin:0 0px 12px 9px; width:150px; height:85px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:inline; float:left;}
.clients .clientType{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font:normal 100% Verdana,Arial,sans-serif;
margin: 10px 0;
}
.clients .clientType .openClientType{ /*class added to contents when they are open*/
color:#333;
}
.clients .clientType .closedClientType{ /*class added to contents when they are closed*/
color: #e72727;
}
.clients .clientType img{ /*class added to contents when they are closed*/
border:0; margin:3px 5px 0 10px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; display:inline; float:left;
}
.clients .clientTypeList li p
{margin:0; padding:0;font:normal 0.9em 'Oswald',Arial,Verdana,sans-serif; text-align:center; color:#333;}

/* COPYRIGHT INTERNATIONAL LINGUA INSTITUTE */