/*
	kidsoralhealthpartnership.org
*/

/*
	General Formatting
*/

* {
	padding: 0;
	margin: 0;
	}
	
body {
	font: 62.5%/1.4em 'Lucida Sans', Verdana, Sans-Serif;
	color: #666666;
	background: #eddc77;
	text-align: center;
	}
	
div#container {
	text-align: left;
	width: 990px;
	background: #ffffff;
	margin: 0 auto;
	}
	
div#content {
	float: right;
	width: 780px;
	background: #ffffff;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
.sidepad {
	margin: 80px 20px 40px;
	}
	
.conpad {
	margin: 25px 25px 0 0;
	padding-left: 25px;
	padding-bottom: 5em;
	border-left: solid 2px #eddc77;
	}
	
.footpad {
	margin: 0 25px 25px 0;
	padding-left: 25px;
	padding-bottom: 2em;
	border-left: solid 2px #eddc77;
	}
	
div#sidebar {
	float: left;
	width: 210px;
	background: #ffffff;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
	}
	
div#header {
	height: 155px;
	background: #ffff99;
	}
	
div#navcontainer {
	background: #ff9933;
	font-size: 1.2em;
	overflow: auto;
	}
	
#header img {
	margin-left: 235px;
	}

#footer { 
	float: right;
	width: 780px;
	text-align: center;
	background: #ffffff;
	}

.welcome {
	text-align: center;
	padding-top: 25px;
	}

.welcome img {
	margin: 0 11px 22px 11px;
	}
	
.listing {
	margin: 20px 0 0 0;
	padding-bottom: 20px;
	border-bottom: solid 1px #666666;
	}
	
.listing table {
	margin-top: 20px;
	width: 665px;
	}
	
.listing img {
	margin: 0 20px 0 0;
	}
	
.listing td {
	vertical-align: top;
	}
	

.clear {
	clear: both;
	background: none;
	}

/*
	Typography
*/

p {
	margin-bottom: 1em;
	}
	
.listing p {
	margin-bottom: 0;
	}
	
.welcome p {
	line-height: 2.4em;
	padding: 0 90px;
	}
	
#footer p {
	font-weight: bold;
	}

#content a {
	word-wrap: break-word; /* wraps long links in IE, Safari, and Chrome so they do not break layout */
}

a, a:visited {
	text-decoration: none;
	color: #de5d00;
	font-weight: bold;
	}
	
a:hover {
	text-decoration: underline;
	color: #3399cc;
	}
	
.linklist a, .linklist a:visited {
	color: #666666;
	}
	
.linklist a:hover {
	text-decoration: underline;
	color: #3399cc;
	}
	
.linklist {
	text-transform: uppercase;
	}
	
h1, h2, h3 {
	padding-bottom: 1em;
	line-height: 1.2em;
	}
	
h1 {
	font-size: 1.6em;
	color: #ff6600;
	text-transform: uppercase;
	padding-top: 25px;
	}
	
h2 {
	font-size: 1.1em;
	color: #3399cc;
	padding-top: 1em;
	}
	
h3 {
	font-size: 1.0em;
	color: #666666;
	}
	
h3 a, h3 a:visited {
	color: #ff6600;
	}
	
#content h3 a, #content h3 a:visited {
	text-decoration: underline;
	}
	
h3 a:hover {
	text-decoration: underline;
	color: #3399cc;
	}
	
#sidebar h3 {
	text-transform: uppercase;
	}

.listing h2, .listing h3, p {
	padding: 0;
	}
	
.listing h3 {
	padding-top: 0.5em;
	}
	
.listing h2 {
	padding-bottom: 0.25em;
	}
	
.listing h2 a {
	color: #3399cc;
	text-decoration: none;
	}
	
.smtd {
	width: 165px;
	}
	
a.emaillink, a:visited.emaillink, a:hover.emaillink {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
	
a.weblink, a:visited.weblink, a:hover.weblink {
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
	}
	
#content object {
	padding-bottom: 2em;
	}
	
#content ul, #content ol {
	list-style-type: none;
	overflow: auto;
	padding-left: 3em;
	padding-bottom: 1em;
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol, #content ul ul ul {
	padding-top: 1em;
	padding-bottom: 0;
	}

#content li {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 16px;
	margin-bottom: 1em;
}
	
.bulletlinks img {
	padding: 0 0.3em 0 0;
	vertical-align: text-top;
	}

.textcenter {
	text-align: center;
	}
	
.small {
	font-size: 0.9em;
	}
	
/*
Navigation
*/

#navcontainer ul
{
text-align: center;
background-color: #ff9933;
color: #ffffcc;
width: 100%;
padding-bottom: 8px;
padding-top: 8px;
}

#navcontainer ul li
{
display: inline;
}

#navcontainer ul li a
{
padding-left: 2em;
padding-right: 2em;
padding-bottom: 8px;
padding-top: 8px;
color: #ffffcc;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #3399cc;
color: #ffffff;
}

/*
	Images
*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 0 1em;
	display: inline;
}

img.alignleft {
	margin: 0 1em 0 0;
	display: inline;
}

.alignright {
	float: right;
	position: relative;
}

.alignleft {
	float: left;
	position: relative;
}
	
a img {
	border: none;
}

#sidebar img {
	vertical-align: middle;
	}