@import url(fonts.css);
    @import url(reset.css);
body {background:#FFF url(http://www.kern.org/webteam/themes/home/bg.jpg) top left repeat-y;padding:0;margin:0;color:#333;font-family:arial,helvetica,clean,sans-serif;moz-outline-style:none;}

/* 
 TYPOGRAPHY 
 */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#2962A5;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#636}
.subdued {color:#999}
.alert {color:#c00;}
.success {color:#369;font-weight:bold}
.caption {color:#999;font-size:11px;}
.newsPhotoRight {font-size:85%;float:right;padding:15px;border:1px solid #CCC;margin:15px;width:260px;color:#666;}
.newsPhotoLeft {font-size:85%;float:left;color:#666;padding:15px;border:1px solid #CCC;margin:15px;width:260px;}
.newsPhotoLeft img, .newsPhotoRight img {margin-bottom:11px;}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.left {float:left;margin:0 9px 0 0;}
.leftIcon {float:left;margin:2px 3px 0 0;padding:0;}
.right {float:right;margin:0 0 0 9px;}
small {font-size:11px}
strong {font-weight:bold;color:#336699;}

/* 
 LINKS
 */
a,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#1d5cb1} 
a:visited {color:#663366} 
a:hover,a:active {color:#663366;background:#FFF;text-decoration:none;} 

/* 
 LISTS 
 */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
li {line-height:1.4em;}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}
dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* 
 SDE - Structural Design Elements 
 */
#Home img {z-index:3000;position:relative;}
img {border:none;margin:0 9px;} 
hr {margin: 1em 0;background:#DDD;height:1px;color:#AAA;border:none;clear:both}
#Column em {color:#333;margin-left:-4px;}
#Column h4,#Column h4 a {color:#464646;margin-top:0;text-decoration:none;margin-left:-4px;letter-spacing:1px;padding-bottom:0;margin-bottom:0;}
#Separate {border-bottom:1px solid #999;color:#333;margin-left:-6px;margin-right:4px;font-weight:bold;font-size:93%;background: url(http://static.bcsd.kern.org/images/BCSD/arrowDown.gif) right no-repeat;}

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
#Posts {
	position:relative;
	z-index:1000;
	margin-right:28px;
}
#Single #Posts {
	margin-right:18px;
}
em.post {
	font-weight:bold;
}
div.metaData h3 {
	letter-spacing:1px;
}
.metaData {
	padding:7px 8px;
	color:#565656;
	border-top:1px solid #DDD;
	margin:-5px 0 0 0;
	background:#EEE;
	font-size:110%;
}
span.metaData {
	font-weight:bold;
}
#AlertLine li {
	padding-left:7px;
	font-weight:bold;
	font-size:115%;
}
#AlertLine li a {
	padding:1px 7px 3px 3px;
	color:#FF0000;
}
#AlertLine li a:hover {
	background:#DDD;
	color:#000;
}
h6.metaData {
	color:#777;
	font-weight:normal;
	border:0;
	margin-top:5px;
}
.metaData a {
	font-weight:normal;
	background-color:#EEE;
	text-decoration:none;
}
#Posts h2 a {
	text-decoration:none;
	font-family:verdana;
	font-size:100%;
}
/*
 STRUCTURES
 */
#KernHome h6 a {
	display:block;
	background:url(http://www.kern.org/webteam/themes/home/header.jpg) top left no-repeat;
	width:360px;
	height:345px;
	text-decoration:none;
	position:absolute;
	padding:7px 18px;
	top:0;
	left:0;
	z-index:50;
}
#KernHome span {
	letter-spacing:-3000px;
}
#Container {
	margin:0;
	padding:0;
}
#ContainerParent {
	background: url(http://www.kern.org/webteam/themes/home/headerBG.jpg) top left repeat-x;
	z-index:600;
}
#Content {
	padding:85px 11px 0 0;
	margin-left:235px;
	overflow:hidden;
}
#Column {
	margin:0;
	color:#464646;
	width:170px;
	position:absolute;
	top:124px;
	left:0;
	padding-left:18px;
	display:block;
	z-index:600;
	
}
#Column ul {margin-top:12px;width:200px;}
#Column li {margin-left:-18px;font-weight:normal;}
#Column li a {color:#069;text-decoration:none;}
#Column li a:hover {color:#000;}
/* TABLES */
.table1 {border: 2px solid #369;border-collapse:collapse;width:100%}
.table1 td {background: #fff;padding:3px;border: 1px solid #fff}
.table1 th {text-align:left;border: 1px solid #fff}
.table1 thead th {color:#fff;font-size:145%;background: #369;padding: 10px 6px}
.table1 tbody th {color:#fff;font-size:115%;background: #888;padding: 6px}
.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef;padding: 6px}

/* TABLES - calendar */
.calendar {width:200px;font-size:92%}
.calendar td {text-align:center;border: 1px solid #ddd}
.calendar th {text-align:center}
.calendar thead th {padding: 3px 2px}
.calendar tbody th {padding: 2px}
.calendar tbody th.sub {padding: 2px}
#Spotlight {
	display:block;
	height:80px;
	padding-left:6px;
}
#Spotlight span {
	display:block;
	height:28px;
}
#Spotlight img {
	display:inline;
	float:left;
	padding:0;
	margin:0 4px 0 0;
}
#Home #Footer {
	padding-right:275px;
}
#Footer {
	font-family:"Verdana";
	color:#555;
	border-top:5px double #AAA;padding:7px 0;
	font-size:80%;
	margin:12px 18px 0 235px;
	position:relative;
	z-index:2000;
}