/* Style sheet for dearborndentistry.com */

body { 
margin: 0; 
font-family: "Trebuchet MS", Arial, Verdana, sans-serif; 
font-size: 0.74em; 
color: #222222;
background-color: #FBF2D2; 
background-color: #FBF1DD; 
text-align:left; }

input, textarea { 
padding: 3px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000; 
margin-bottom: 2px; }

textarea {
font-size: 1em; }

a { 
color: #06c; 
font-weight: bold; 
text-decoration: none; }

a:hover { 
color: #2a65ad; }

a img { 
border: none; }

#mainbar h1, 
#mainbar h2, 
#mainbar h3, 
#mainbar h4, 
#mainbar h5, 
#mainbar h6 { 
margin: 0.4em; }

ol,
ul { }

li { 
list-style-image: url(../images/backgrounds/li.gif); 
line-height: 20px; 
text-align: left; 
margin-bottom: 20px; }

/* ID's */
#menu { 
width: 100%; 
padding-top: 20px; 
padding-bottom: 20px; 
background-color: #f60; 
margin-bottom: 2em; 
color: #fff; 
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.1em; 
font-variant: small-caps; 
background-image: url(../images/backgrounds/menu.jpg); }

#menu a { 
color: #fff; 
text-decoration: none; 
padding: 20px;	}

#menu a:hover { 
border-bottom: 1px solid #fff; 
border-left: 1px solid #728d40; 
border-right: 1px solid #e9ffb7; 
padding-left: 19px; 
padding-right: 19px; 
color:#000; 
background-color: #fff; 
background-image: url(../images/backgrounds/a_hover.jpg); }

#header { 
width: 750px; 
margin: 10px auto 10px auto; }

#header h2 { 
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-size: 1.4em; 
text-transform: uppercase; 
text-align: right; 
font-weight: normal; 
margin: 0; 
padding: 0; 
color: #000; 
border-bottom: 1px solid #eee; }

#content { 
width: 720px; 
margin: 0 auto ; 
text-align:left; 
font-size: 1.2em; 
padding-bottom: 3em;}

#breadcrumb { 
text-align: center; }

#breadcrumb h1 { 
font-size: 1.6em; }

#sidebar { 
width: 165px; 
float: right; 
font-size: 95%; 
color: #6C534A; 
text-align: left; }

#sidebar a { 
padding-right: 15px; }

#sidebar h2 { 
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-size: 2.0em; 
text-transform: uppercase; 
font-weight: normal; 
border-bottom: 1px solid #eee; 
color: #f96; 
text-align: center; }

#mainbar { 
margin-right: 185px; 
padding-right: 35px; 
background: url(../images/backgrounds/mainbar.jpg) top right no-repeat; }

#mainbar h2 {
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	color: #f27900;
}

#mainbar p { 
padding: 5px; 
line-height: 19px; 
margin: 10px; }

#footer {
	width: 100%;
	padding: 5px 0 10px 0;
	clear: both;
	color: #000;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/backgrounds/footer.png);
	margin: 0;
}

#footer a { 
color: #03f; }

#footer a:hover { 
color: #06f; }

#footer h2 { 
font-size: 1.5em; }

#footer h3 { 
font-size: 1.2em; }


/* Classes */
.introduction { 
font-family: Helvetica, Arial, sans-serif; 
line-height: 20px; 
border-top: 1px solid #eee; 
border-bottom: 1px solid #eee; 
color: #f27900;  
padding: 0 50px; }

.textleft { 
text-align: left; }

.left { 
text-align: left; 
float: left; }

.textright { 
text-align: right; }

.right { 
text-align: right; 
float: right; }

.return { 
font-size: .8em; 
text-align: right; }

.centerall { 
text-align: center; 
margin-left: auto;
margin-right: auto; }

.logo { 
float: right; 
margin-right: 30px; }

.clearer { 
clear: both; }

.clearleft { 
clear: left; }

.clearright { 
clear: right; }

.articleimg { 
padding: 7px; 
margin: 5px 10px;
background: #fff;
border: 1px solid #eee; }

.submenu a { 
display: block; 
width: 100%; 
background-image: url(../images/backgrounds/submenua.gif); 
background-position: right; 
background-repeat: no-repeat; 
padding: 5px; 
padding-right: 0; }

.submenu>#active a {
background-position: left; 
background-image: url(../images/backgrounds/submenua_active.gif); 
background-repeat: repeat-y; }

.submenu a:hover {
background-position: left; 
background-image: url(../images/backgrounds/submenua_hover.gif); 
background-repeat: repeat-y; }

.address { 
font-size: 1.1em; 
text-align: center; 
font-weight: bold; }

.requiredfield {
color: #CC0000;
font-size: 1.4em; }