/* LEXIA INSTITUTE */


/*====POSITIONING======*/
body {
text-align: center;
background-color: #efefef;
color: #666;
font: 13px regular Verdana, Futura, sans-serif;
margin: 0;
padding: 0;
}

table, tr, td {
font: 13px regular Verdana, Futura, sans-serif;
margin: 0;
padding: 0;
}

#wrapper {
position: relative;
text-align: left;
max-width: 1000px;
min-width: 600px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
background: url(images/header_fonts.gif) no-repeat top right;
background-color: #fff;
padding: 0;
border: 2px solid #CCCCCC;

}

html, body, #wrapper {
min-height: 100% !important;
height: 100%;
}

html>body, html>body #wrapper {
height: auto !important;
}

#header {
height: 110px;
}

#content {
padding: 0 .5em 1em .5em;
}

#left {
float: left;
width: 200px;
}

#center, #centerwide {
border-left: 1px solid #272c75;
margin: 1em 270px 1em 200px;
padding: 0 1em 1em 1.5em;
}

#centerwide {
margin-right: 0;
}
		
/* Hides from IE5-mac \*/
* html #center,
* html #centerwide {height: 1%;}
/* End hide from IE5-mac */

#right {
float: right;
width: 240px;
margin-bottom: 1em;
}

#footer {
border-top: 2px solid #CCCCCC;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #666;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 90%;
width: 100%;
margin-top: 1em;
position: absolute;
bottom: 0;

}

/*====FLOATING======*/
.floatleft {
float: left;
margin-right: 2em;
margin-bottom: 1em;
}

.floatright {
float: right;
margin-left: 2em;
margin-bottom: 1em;
}

.clearfloat {
clear: both;
}

/*====GENERAL HTML ELEMENTS======*/
p {
line-height: 1.5em;
padding: 0;
margin-bottom: 0.5em;
margin-top: 0;
	
}

a:link, a:visited, a:hover {
	color: #000099;
	text-decoration: underline;
}

a:hover {
	
	text-decoration: none;
	background-color: #CCCCCC;
}

ul.standard {
	margin-left: 1em;
	padding-left: 0;
	list-style: url(images/dot.gif);
	
	}
	
ul.link {
margin-top: 0;
margin-left: 1em;
padding-left: 0;
list-style: url(images/arrow_small.gif);
}

li {
margin-bottom: .6em;
margin-top: .6em;
}
	
	h1, h2, h3
	{
	font-weight: bold;
	letter-spacing: .1em;
	}
	
	
	h1 {
		font-size: 150%;
		letter-spacing: .2em;
		padding: 0;
		margin-bottom: .3em;
		
	}
	
	.initial {
		font-weight: bold;
		color: #999;
		font-size: 200%;
		letter-spacing: normal;
	}
	
	h2 {
		font-size: 110%;
		padding: 0;
		margin-bottom: 0.9em;
		Margin-top: 0.7em;
		border-bottom: 1px solid #f3cb35;
		padding-left: .3em;
		border-left: .6em solid #f3cb35;
		}
		
		h2 a:link, h2 a:visited {
		text-decoration: none;
		color: #4272b8;
		}
		
			
			h3 {
		font-size: 110%;
		padding: 0;
		padding-top: .2em;
		margin-bottom: 0.3em;
			}
			
			h3 a:link,
			h3 a:visited {
		text-decoration: none;
		}
		
		h3 a:hover {
		text-decoration: underline;
		background-color: white;
		}
			
	dl {
		background-color: #efefef;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 0.5em;
		width: 240px;
		}
	
	dt {
		background: #272c75 url(images/round_corners.gif) no-repeat top left;
		color: #fff;
		padding: .3em;
		padding-left: .5em;
		font-weight: bold;
		}
	
	dd {padding: .5em .3em .3em .5em;
	margin: 0;
	}
	
	dd.center {
		text-align: center;
	}
	
	dd.link {
		background: url(images/arrow_small.gif) no-repeat 0.5em top;
		padding-left: 20px;
		}
	
	.quote
	{
	font: italic 120% Times, Garamond, serif;
	line-height: 110%;
	font-stretch: wider;

	}
	

.quotefloat, .quotefloatwide
{
float: right;
	margin-right: 1em;
	margin-left: 2em;
	margin-bottom: .7em;
	width: 200px;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #f4f4f4;
	}
	
	.quotefloatwide {
	width: 300px;
	}

.quote p.source {
font-family: Verdana, Futura, non-serif;
font-weight: bold;
font-size: 85%;
text-align: right!important;
}

.quote p {
font: 130% normal Times, serif;
text-algin: left;
padding-bottom: .7em;
line-height: 120%;
letter-spacing: .1em;
}


.importantfloat, .important {
	border: 1px solid #f3cb35;
	padding: .3em;
	padding-left: .6em;
	
}

.important {
margin-bottom: 0.6em;
}

.importantfloat {
	width: 30%;
	float: right;
	}


.intro {
	color: #666;
	font-weight: bold;
}

.mailto {
padding-left: 25px;
background: url(images/mailto.gif) no-repeat center left;
}

.imageborder {
border: 1px solid #ccc;
}	
	
	/*====Form elements======*/

form 
{padding-top: 10px;
vertical-align: middle;
margin: 0;
margin-bottom: 2em;
width: 100%;
color: #666;
font-weight: normal;
}

fieldset
{border: 1px solid #ccc;
padding: 1em;
margin-bottom: 1em;
}

legend
{color: #4272b8;
font-weight: bold;
}

label {
	font: bold 100% Verdana, Geneva, sans-serif;
	color: #666;
	padding-left: 1em;
}

input, textarea, select {
border: 1px solid #ccc;
border-left: 1px solid #666;
border-top: 1px solid #666;
}
textarea.text {
	width: 350px;
	background-color: #efefef;
}

input.textshort {
width: 2em;
background-color: #efefef;
}

select.text {
background-color: #efefef;
}


input.button {
	background-color: #f3cb35;
	font: bold 100% Verdana, sans-serif;
	color: #666;
	margin-left: 0;
	margin-bottom: 1em;
}

form p{
clear: left;
margin:0;
padding: 0;
padding-top: 5px;
color: #666;
font-weight: normal;
}

form p label {
float: left;
width: 20%;
font: bold 90% Futura, Helvetica, sans-serif;
}

/*=============Table=============*/

.dataTable, .otherTable {
border: 1px solid #999;
border-collapse: collapse;
}

.dataTable td, .otherTable td {
border: 1px solid #ccc;
padding: 4px;
}

.dataTable th, .otherTable th {
border: 1px solid #ccc;
border-bottom: 2px solid #f3cb35;
background-color: #999;
font-weight: bold;
text-align: left;
color: #fff;
padding: 2px 4px 2px 4px;
}

.dataTable caption, .otherTable caption {
text-align: left;
font: bold 100% Futura, Helvetica, sans-serif;
color: #000;
}

.dataTable tr:hover, .dataTable tr.hilite 
{
background-color: #efefef;
}

.dataTable tr.sub
{background-color: #EFEFEF;
}

.dataTable tr.sub td 
{
padding: 2px 4px 2px 4px;
font-weight: bold;
}

table {border: 0;
border-collapse: collapse;
}

td {
padding: 4px;
margin-left: 1em;
vertical-align: top;
}




/*====FOOTER======*/
#footer a {
color: #fff;
}

#footer a:hover {
color: #000;
background-color: #efefef;
}

#footer strong {
color: #ffcc00;
}

#footer {
	
	word-spacing: .2em;
}




input.text { 	width: 250px;
	background-color: #efefef;
; clip:   rect(   )}