@charset "utf-8";
/* CSS Document */

/*
Infant Communication Lab
Coded by Sawyer Hollenshead
E-mail: s.hollenshead@gmail.com
*/
body{
	margin:0;
	padding:0;
	text-align:left;
	}
body, html{
	height:100%;
	}
#page{
	background:url(bg.jpg) repeat-y center;
	min-height:100%;
	margin:auto;
	width:719px;
	padding:0 9px 10px 9px;
	}
* html #page{
	height: 100%;
}
#header a{
	text-decoration:none;
	}
#header{
	background:url(header.jpg) no-repeat;
	height:253px;
	width:719px;
	}

#header ul{
	padding: 83px 0 0 21px;
	margin: 0;
	list-style: none;
	text-align: center;
	font-family: fredericka-the-great;
	font-size: 32pt;
	width: 271px;
	font-style: normal;
	font-weight: 400;
	}
#header #title ul li{
	display:block;
	}
#title ul li a, #title ul li{
	color: #583098;
	text-decoration: none;
	}

#navigation {
	height: 20px;
	width:698px;
	overflow: hidden;
	border-style: solid;
	background: #583098;
	padding: 7px 0 5px 15px;
	text-align: center;
	margin: 0 auto;
	border-color: #583098;
	}
#navigation ul{
	list-style:none;
	padding:0 0 7px 0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}
#navigation li{
	display: inline;
	height:15px;
	color:#FFF;
	padding-right: 16px;
	padding-left: 14px;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	}


	#navigation li.last {border: none;}

#navigation ul li, #navigation ul li a{
	text-decoration: none;
	font-family: volkhov;
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	}
#navigation ul li a:hover{
	color: #fad8c1;
}

.off{color:#FFF;}
.on{color:#fad8c1;}



#content{
	overflow:hidden;
	}
/* Left Content */

#content a {
	color:#000000;
	text-decoration: underline;
	}

#content a:hover{
	color:#583098;
	}

#left{
	width:500px;
	float:left;
	clear:left;
	margin-top:20px;
	}
#leftContent{
	padding:0 25px 0 18px;
	margin:0 0 45px 0;
}
#leftContent {
	color: #000000;
	}
/* Text styles */
h1{
	color: #583098;
	font-size: 16pt;
	font-weight: bold;
	font-family: volkhov;
	margin: 3px 0 10px 0;
	padding: 0;
	font-style: normal;
	}
h2 {
	color:#583098;
	font-size:14pt;
	font-weight: bold;
	font-family: volkhov;
	margin:3px 0 10px 0;
	padding:0;
	}

h3 {
	color:#583098;
	font-size:11pt;
	font-weight: bold;
	font-family: volkhov;
	margin:3px 0 10px 0;
	padding:0;
	}



	#rightContent
	h2 a {
	color:#583098;
	font-size:14pt;
	font-weight: bold;
	font-family: volkhov;
	margin:3px 0 10px 0;
	padding:0;
	}


p{
	color:#000000;
	font-family: volkhov;
	font-size:10pt;
	line-height:18px;
	}


	p.feature{
	font-family: volkhov;
	font-size:10pt;
	line-height:20px;
	}

	a img {border: none; }


	#left ul {
	font-family: volkhov;
	font-size:10pt;
	line-height:18px; }




#footer{
	text-align:center;
	padding:15px 11px 0 18px;
	line-height:12pt;
	}
#footer, #footer a{
	color:#767676;
	font-size:8pt;
	font-family: volkhov;
	text-decoration:none;
	}

/* Right Content */
#right{
	width:218px;
	float:right;
	clear:right;
	}
#topBox{
	height:127px;
	width:129px;
	padding:29px 32px 0px 104px;
	margin:0 0 15px 0;
	}
#topBox, #topBox a{
	font-family: runda, sans-serif;
	font-size:18px;
	text-align:center;
	text-decoration: none;
	}
#rightContent{
	padding:0 15px;
	}

#rightContent ul{
	margin:0;
	font-size: 12px;
	color:#414141;
	padding:0;
	line-height: 1.2;
	}
#rightContent ul li{
	background:url(bullet.jpg) left no-repeat;
	background-position:0px 7px;
	list-style:none;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	}
/* Article Title */
.title{
	text-decoration:underline;
	color: #000000;
	font-size: 12px;
	}