* {
	margin: 0;
	padding: 0;
	border: none;
}
ul, ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background-image: url(images/background.gif);
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border: 0;
	margin: 0;
}
#container {
	width: 780px;
	background: transparent;
	text-align: left;
	position: relative;
	top: 12px;
	margin: 0 auto;
}
#mainContent {
	display: block;
	width: 780px;
	height: 337px;
	position: absolute;
	top: 121px;
	background: #fff url(images/baby.jpg) no-repeat;
	padding: 0 0 1px 0;
}
h1#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
a {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	border: 0;
}
a:link , a:visited, a:active {
	text-decoration:none; 
	color: #397994;
} 
a:hover { 
	text-decoration: underline; 
	color: #003366;
}
#footer {
	text-align: center;
	position: absolute;
	top: 650px;
	left: 196px;
}
#callouts {
	position: absolute;
	width: 216px;
	left: 554px;
	top: 12px;
	height: 300px;
}
#callouts img {
	float: right;
	margin: 0 0 10px 0;
}
#mainContent p {
	display: block;
	position: relative;
	left: 385px;
	top: 138px;
	width: 158px;
	margin: 0 0 8px 0;
	height: 70px;
}
#navUtil {
	width: 275px;
	position: absolute;
	top: 74px;
	left: 520px;
}
#keepSafe {
	width: 780px;
	height: 165px;
	position: absolute;
	top: 460px;
	left: 0;
	background: #fff url(images/safe-band.gif) left top no-repeat;
	padding: 0 0 10px 0;
}
ul#safeList {
	display: block;
	width: 780px;
	height: 60px;
	position: absolute;
	left: 5px;
	top: 45px;
}
ul#safeList li {
	display: block;
	position: relative;
	float: left;
	width: 94px;
	height: 44px;
	border-right: 1px dashed #999;
	margin: 0 0 0 10px;
	padding: 67px 5px 0 0;
}
ul#safeList li.sans-border {
	border: none;
}
#keepSafeHeader {
	display: block;
	position: absolute;
	left: 12px;
	top: 11px;
	width: 122px;
	height: 18px;
	padding: 0;
    overflow: hidden;
    background: url(images/keep_me_safe.gif) top left no-repeat;
	text-indent: -5000px;
}
#navMain {
	height: 27px;
	width: 780px;
	margin: 0;
	padding: 0;
}
#navMain #nav{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 94px;
	height: 27px;
	width: 780px;
	background: transparent url(images/navigation.gif) top left no-repeat;
}
#navMain li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	top: 0;
	position: relative;
}
#navMain li, ul#nav a {
	height: 27px;
	display: block;
}
#navMain li a {
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}


#sids		{position:relative; width: 282px;}
#kyra		{position:relative; width: 130px;}
#involved	{position:relative; width: 137px;}
#products	{position:relative; width: 108px;}
#news		{position:relative; width: 123px;}

#sids		a:hover{background: url(images/navigation.gif) 0 -27px no-repeat;}
#kyra		a:hover{background: url(images/navigation.gif) -282px -27px no-repeat;}
#involved	a:hover{background: url(images/navigation.gif) -412px -27px no-repeat;}
#products	a:hover{background: url(images/navigation.gif) -549px -27px no-repeat;}
#news		a:hover{background: url(images/navigation.gif) -657px -27px no-repeat;}


#raisingAwareness {
	display: block;
	position: absolute;
	left: 384px;
	top: 32px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/awareness_mid_page.gif) top left no-repeat;
	width: 152px;
	height: 154px;
}
#baby		{background: url(images/icon_baby.gif) 16px 8px no-repeat;}
#pacifier	{background: url(images/icon_pacifier.gif) 20px 6px no-repeat;}
#rattle		{background: url(images/icon_rattle.gif) 23px 3px no-repeat;}
#duckie		{background: url(images/icon_duckie.gif) 15px 2px no-repeat;}
#noSmoking	{background: url(images/icon_no_smoking.gif) 15px 3px no-repeat;}
#sunshine	{background: url(images/icon_sunshine.gif) 12px 0 no-repeat;}
#bottle		{background: url(images/icon_bottle.gif) 30px 0 no-repeat;}
