/* Literacy New York CSS Document */

body {
	background:url(../images/bg.jpg) no-repeat top center #242A42;
	margin:0;
}

/** Headings / Content **/

h1,.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#2e3d70;
	margin:0;
	line-height:1.7em;
}

h2,.h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:100;
	color:#7d7976;
	margin:0;
}

h3,.h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:100;
	color:#2e3d70;
	margin:0;
	line-height:1.7em;
}

h4,.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#2e3d70;
	margin:0;
	line-height:1.7em;
}

h5,.h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF9900;
	margin:0;
	line-height:1.7em;
}

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	color:#222222;
	margin:0 0 1em;
	line-height:1.7em;
}

.red {
	color: #FF0000;
	font-size:11px;
}

		.ul {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:100;
			color:#000066;
			line-height:1.7em;
		}
		
		ul.ul li {
			list-style-type:none;
			background:transparent url(../images/lv-bullet.jpg) no-repeat 0 1px;
			padding:0 0 0 25px;
			margin:0;
		}
		
			ul.ul li a {
				color:#000066;
				text-decoration:none;
			}
			
			ul.ul li a:visited {
				color:#000066;
				text-decoration:none;
			}
			
			ul.ul li a:hover {
				color:#7E7A77;
				text-decoration:underline;
			}
			
			ul.ul li a:active {
				color:#000066;
				text-decoration:none;
			}
			
.ulBlack {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:100;
			color:#000000;
			line-height:1.7em;
		}
		
		ul.ulBlack li {
			list-style-type:none;
			background:transparent url(../images/lv-bullet.jpg) no-repeat 0 1px;
			padding:0 0 0 25px;
			margin:0;
		}
		
			ul.ulBlack li a {
				color:#000000;
				text-decoration:none;
			}
			
			ul.ulBlack li a:visited {
				color:#000000;
				text-decoration:none;
			}
			
			ul.ulBlack li a:hover {
				color:#7E7A77;
				text-decoration:underline;
			}
			
			ul.ulBlack li a:active {
				color:#000000;
				text-decoration:none;
			}

a {
	color:#000066;
	text-decoration:underline;
}

a:hover {
	color:#000066;
	text-decoration:underline;
}

/** Body Structure **/

.container {
	width:1000px;
	margin:0 auto 0 auto;
	padding:0;
	background:#FFFFFF;
}

.header {
	height:249px;
	position:relative;
}

h2.tagLine {
	float:left;
	margin:10px 0 0 35px ;
}

a.logo {
	background:url(../images/logo.jpg) no-repeat;
	width:212px;
	height:167px;
	margin:10px 0 0 35px;
	padding:0;
	float:left;
	clear:left;
	display:block;
	text-indent:-999em;
}

.mainNav-bar {
	background:url(../images/mainNav.jpg) repeat-x;
	height:41px;
	margin:0;
	padding:0;
	clear:both;
}
.subNav-bar {
	background:url(../images/subNav.jpg) repeat-x;
	height:81px;
	margin:0;
	padding:0;
	clear:both;
}

.contentArea {
	padding:28px 30px;
}

.contentArea-inside {
	padding:28px 30px;
}

.leftCol {
	float:left;
	width:330px;
	margin:0 15px 0 0;
	padding:0;
}

.leftCol-inside {
	float:left;
	width:660px;
	margin:0 15px 0 0;
	padding:0;
}


.midCol {
	float:left;
	width:330px;
	margin:0 15px 0 0;
	padding:0;
}
.rightCol {
	float:right;
	width:250px;
	margin:0 0 0 0;
	padding:0;
}

.footer {
	background:url(../images/footer.jpg) no-repeat;
	height:53px;
	margin:0;
	padding:15px 0 0 20px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#222222;
	line-height:1.7em;
}

#agencies {
	width:50%;
	float:left;
}
/*** BANNER IMAGES ***/

.photos {
	height:249px;
	position:absolute;
	top:0;
	left:500px;
}

/*** Footer ***/

.footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#333333;
	margin:0 0 1em;
	line-height:1.7em;
	text-decoration:none;
}

.footer a:hover {
	color:#333333;
	text-decoration:underline;
}
/*** Main Nav ***/

ul.mainNav {
	margin:0 0 0 30px;
	padding:11px 0 0;
	list-style-type:none;
}

ul.mainNav li {
	margin:0;
	float:left;
}

ul.mainNav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	margin:0 22px 0 0;
	list-style-type:none;
	text-decoration:none;
}

ul.mainNav li a:hover {
	color:#2E3D70;
	text-decoration:none;
}

/*** SUB Nav ***/

ul.subNav {
	margin:0;
	padding:1px 0 0 0;
	list-style-type:none;
}

ul.subNav li {
	margin:0;
	float:left;
	border-right:1px solid #686562;
}

ul.subNav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:100;
	color:#FFFFFF;
	float:left;
	display:block;
	padding:5px 31.5px 6px 31.5px;
	margin:0;
	list-style-type:none;
	text-decoration:none;
	cursor:pointer;
}

ul.subNav li:hover {
	background:#9c9996;
	text-decoration:none;
}

/* Learn Page Styles */

.learnBoxes {
	margin:0;
	padding:0;
}

	.learnBoxes h4 {
		margin:0;
		padding:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#2e4696;
	}
	
	.learnBoxes p {
		margin:0;
		padding:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
	}

.learnWithTutor {
	background:url(../images/tutor-box.jpg) no-repeat;
	width:200px;
	height:138px;
	margin:0;
	padding:20px;
	float:left;
}

.learnSmallClass {
	background:url(../images/small-class-box.jpg) no-repeat;
	width:370px;
	height:138px;
	margin:0;
	padding:20px;
	float:left;
}

/* Learn Page Styles */

.learnBoxes {
	margin:0;
	padding:0;
}

	.learnBoxes h4 {
		margin:0;
		padding:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#2e4696;
	}
	
	.learnBoxes p {
		margin:0;
		padding:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
	}

.learnWithTutor {
	background:url(../images/tutor-box.jpg) no-repeat;
	width:200px;
	height:138px;
	margin:0;
	padding:20px;
	float:left;
}

.learnSmallClass {
	background:url(../images/small-class-box.jpg) no-repeat;
	width:370px;
	height:138px;
	margin:0;
	padding:20px;
	float:left;
}