/* Dr. Chadwell - CSS Document */

/*
Colors:
	Brown: #ab8b58;
	Tan (dark): #f0e4c3;
	Tan (light): #f9f4e7;

*/

html, body {
	margin: 0px;
	padding: 0px;
	}

body {
	background-color: #f0e4c3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: small;
	margin: 20px 0px;
	/* Fixed Shadow */
	background-image: url(../../images/site/bg-shadow.gif);
	background-position: 50% 35%;
	background-attachment:fixed;
	background-repeat: no-repeat;
	}


/* Misc
------------------ */
img { border-width: 0px; }

div.center { text-align: center; }
div.clear { clear: both; float: none; height: 1px; }
.error-text { color: #f00; font-weight: bold; font-style: italic; }
.note { color: #666; font-style: italic; font-size: 88%; margin: 0px 10px; }
.superscript { vertical-align:text-top; line-height: 66%; font-size:66%; font-weight: bold; }

/* Form
------------------ */
form { margin: 0px; padding: 0px; }
    input 
    {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: small;
        background-color: #f0e4c3;
        padding: 2px;
        border-color: #ab8b58;
	    border-width: 1px;
	    border-style: solid;
    }
        input:hover
        {
            background-color: #ffc;
        }
    select
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
        background-color: #f0e4c3;
        padding: 2px;
        border-color: #ab8b58;
	    border-width: 1px;
	    border-style: solid;
    }
        select:hover
        {
            background-color: #ffc;
        }
    textarea
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
        background-color: #f0e4c3;
        padding: 2px;
        border-color: #ab8b58;
	    border-width: 1px;
	    border-style: solid;
    }
        textarea:hover
        {
            background-color: #ffc;
        }
    input.btn 
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
        font-weight: bold;
        padding: 1px 2px;
        color: #fff;
        background-color: #ab8b58;
        border-color: #333;
	    border-width: 1px;
	    border-style: solid;
    }


/* Links
------------------ */
a {
	color: #630;
	text-decoration: underline;
	}
a:active {
	color: #630;
	text-decoration: underline;
	}
a:visited {
	color: #630;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}


/* Headings
------------------ */
h1, h2, h3, h4, h5, h6 {
	color: #000;
	padding: 0px;
	margin: 0px;
	}
	h1 {
		font-size: 120%;
		font-weight: bold;
		padding-bottom:10px;
		margin-bottom:10px;  /*es*/
		}
	h2 {
		font-size: 115%;
		color: #666;
		background-image: url(../../images/site/header-text-sq.gif);
		background-position: 0% 0%; /*5*/ /*es*/
		background-repeat: no-repeat;
		padding-left: 25px;
		padding-bottom:5px; /*es*/
		}
	h3 {
		font-size: 110%;
		}
	h4 {
		font-size: 105%;
		}
	h5, h6 {
		font-size: 100%;
		font-style: italic;
		font-weight: bold;
		}


/* Build divs
------------------ */
#container {
	/*
	NOTE: Background is now part of the body element
		background-color: #f0e4c3;
		background-image: url(../../images/site/bg-shadow.gif);
		background-position: 50% 20%;
		background-repeat: no-repeat;
	*/
	/*
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	*/
	margin: 0px auto;
	width: 840px;
	min-height: 575px;
	}

	#wrapper {
		background-color: #f9f4e7;
		width: 720px;
		margin: 0px 60px;
		border-top-color: #999;
		border-top-width: 2px;
		border-top-style: solid;
		}

		#header {
			background-color: #fff;
			width: auto;
			padding: 15px;
			text-align: right;
			height: 65px;
			font-size: 11px;
			}
			img#logo {
				width: 286px;
				height: 55px;
				float: left;
				}
			#header p {
				text-align: right;
				margin: 0px;
				padding-bottom: 10px;
				font-weight: normal;
				font-style: normal;
				}
			#header p#change-text-size {
				padding: 0px;
				margin: 0px;
				color: #999;
				font-size: 9px;
				}

		#navigation {
			background-color: #ab8b58;
			width: auto;
			text-align: center;
			clear: both;
			float: none;
			padding: 6px 4px;
			}
			#navigation ul {
				margin: 0px auto;
				text-align: center;
				padding: 0px;
				list-style-type: none;
				}
				#navigation li {
					display: inline;
				    text-align: center;
				    padding: 0px 6px;
					font-size: 90%;
					}
					#navigation li a { letter-spacing: .1em; }

                #navigation li.home {
                    margin-right: -4px;
					border-right-color: #fff;
					border-right-style: solid;
					border-right-width: 1px;
					}
                #navigation li.about {
					border-right-width: 0px;
					}
                #navigation li.divider {
                    margin-right: -4px;
                    border-left-color: #fff;
					border-left-style: solid;
					border-left-width: 1px;
					}
				#navigation li.nodivider {
                    margin-right: -4px;
                    margin-left: 2px;
					border-left-width: 0px;
					}

			#navigation a {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				}
				#navigation a:active {
					color: #963;
					text-decoration: none;
					}
				#navigation a:visited {
					color: #fff;
					text-decoration: none;
					}
				#navigation a:hover {
					color: #f0e4c3;
					text-decoration: none;
					}
				#navigation a.current-page {
					color: #fff;
					text-decoration: none;
					border-bottom-color: #f0e4c3;
					border-bottom-style: dotted;
					border-bottom-width: 1px;
					}
					#navigation a.current-page:hover {
					    color: #f0e4c3;
					    text-decoration: none;
					    border-bottom-color: #f0e4c3;
					    border-bottom-style: dotted;
					    border-bottom-width: 1px;
					    }

		#feature-home {
			clear: both;
			float: none;
			padding-bottom: 10px;
			background-color: #f0e4c3;
			border-bottom-color: #999;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			}

		#feature-secondary {
			clear: both;
			float: none;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #f0e4c3;
			border-bottom-color: #999;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			text-align: right;
			}
			#feature-secondary-copy {
				background-color: #b5ab89;
				color: #fff;
				float: left;
				text-align: left;
				width: 113px; /* real width w/o padding: 113px */
				height: 165px; /* real height w/o padding: 165px */
				font-size: 10px;
				}
				#feature-secondary-copy div {
					padding: 10px;
					}
				#feature-secondary-copy ul {
					list-style-type: none;
					margin: 0px;
					padding: 0px;
					}
					#feature-secondary-copy li {
						padding: 5px 0px;
						}
				#feature-secondary-copy a {
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					}
					#feature-secondary-copy a:active {
						color: #963;
						text-decoration: none;
						}
					#feature-secondary-copy a:visited {
						color: #fff;
						text-decoration: none;
						}
					#feature-secondary-copy a:hover {
						color: #000;
						text-decoration: underline;
						}

			#feature-secondary-graphic {
				float: right;
				}

		#content-wrap {
			padding: 24px;
			}
			#content {
				padding: 6px 0px;
				}
			    .content-double-col {
				    background-image: url(../../images/site/pixel-grey.gif);
				    background-position: 50% 100%;
				    background-repeat: repeat-y;
				    }
				#column-left {
					width: 314px;
					float: left;
					/* text-align: justify;
					*/  /*es*/
					}
				#column-right {
					width: 314px;
					float: right;
					background-image:url(../../images/site/flower.jpg);
					background-position: 100% 100%; /*5*/ /*es*/
					background-repeat: no-repeat;
					padding-bottom:70px;
					clear:right;
					}
					
				#column-right-home {
					width: 314px;
					float: right;
					}
					
				#content h1 {
					text-align: center;
					}
				#content p {
					margin-top: 3px;
					}

            fieldset
            {
                padding: 10px;
                border-color: #f0e4c3;
                border-style: solid;
                border-width: 1px;
            }
            legend
            {
                color: #ab8b58;
                font-weight: bold;
                font-size: 115%;
            }
            #contact label 
            {
                font-weight: bold;
            }
            #contact
            {
                padding: 5px;
                margin: 0px 5px;
            }
            #contact dt 
            {
                padding: 4px 0px;
            }
                #contact dt span
                {
                    font-size: 86%;
                }
            #contact dd
            {
                margin: 0px;
                padding: 0px;
            }
            #contact .contactinput { width: 260px; }


/* Footer
------------------ */

#footer {
	background-color: #f0e4c3;
	margin: 10px auto;
	/*
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	*/
	width: 720px;
	font-size: 83%;
	text-align: center;
	}
	#footer a {
		color: #000;
		text-decoration: none;
		}
		#footer a:hover {
			color: #630;
			text-decoration: underline;
			}
	#footer p {
		margin: 0px;
		padding: 0px;
		}