body {background: #3B0C02; text-align: center;}

h1 {margin:0; padding:0;}
h2 {font-family: trebuchet, arial; color: #3B0C02; font-size: 16px;}
h3 {padding:0px 0 0 10px; margin:0; font-family: trebuchet, arial; font-size: 16px; font-weight: normal;}
h4 {padding:0px 0 0 10px; margin:0; font-family: trebuchet, arial; font-size: 14px; font-weight: normal;}

ul {list-style: none; margin:0; padding:0;}
li {padding:0; margin:0;}

a {text-decoration: underline;}
a:hover {text-decoration: underline;}

p {margin:0; padding:0; font-family: arial; font-size: 12px;}

#container-3-col {width: 900px; background: #fff url(/img/layout/cols/bg-cnt-3col.gif) no-repeat 0 248px; text-align: left; margin: 0 auto; overflow: hidden;}
#container-2-col {width: 900px; background: #fff url(/img/layout/cols/bg-cnt-2col.gif) repeat-y 0 248px; text-align: left; margin: 0 auto; overflow: hidden;}

	#head {}
	//	#head h1 {height:138px; width:243px; float: left; background: url(/img/layout/header/logo.gif) no-repeat top left;}
	//	#head span {position: absolute; top:-1000px; left:-12000px;}
	//	#head #slogan {width: 650px; height: 138px; display: inline; float: right; background-color: #fff; color: #3B0C02; font-family: trebuchet, arial; font-size: 26px; font-weight: lighter; font-stretch: narrower; line-height: 1.75;}

	#content-container {}

		/* left: common to both the 2 & 3 column layouts - it contains nav */
		#left {width: 226px; float: left; position: relative;}
			ul#nav {font-family: verdana;}
			#nav li {margin:10px 0 0 14px; font-size: 12px; color: #fff;}
			#nav li a {color: #fff; text-decoration: none;}
			#nav li .mainNav {height: 20px; width: 172px; padding:3px 0 0 26px; display: block; background: url(/img/layout/nav/nav-bt.gif) no-repeat top left;}
			#nav li .mainNav:hover {height: 20px; width: 172px; padding:3px 0 0 26px; display: block; background: url(/img/layout/nav/nav-bt-hover.gif) no-repeat top left;}
			#nav .subNav {margin: 0 0 20px 0; display: none;}
			#nav .subNav a:hover {text-decoration: underline;}
			.navNote {font-family: verdana; color: #3B0C02; height: 20px; width: 172px; padding:3px 0 0 26px; display: block;}

		/* middle: for 3 col layout */
		#middle {width: 453px; float: left; position: relative;}
			#middle h2 {margin:12px 20px 10px 20px; color: #3B0C02;}
			#middle p {margin:0 20px 10px 20px; color: #3B0C02; line-height: 1.5;}
			#middle p img {margin:0 8px 8px 0; float: left; border: 1px solid;}
			#middle a {color: #3B0C02;}
			#middle ul {margin: 10px 20px 20px 20px; line-height: 1.5; font-family: arial; font-size: 12px; color: #3B0C02;}
			#middle li {list-style-type: circle; margin-left: 20px;}


		/* right: for 3 col layout */
		#right {width: 215px; float: left; position: relative;}
			#right p {margin:4px 10px 20px 10px;}
			
			#right #green {padding:10px 0 20px 0px; background: url(/img/layout/cols/bg-green.gif) no-repeat bottom left;}
			#green p, #green a {color: #333721;}
			#green h3 {color: #333721; font-weight: bold;}
			
			#right #blue {padding: 10px 0 10px 0px; background: url(/img/layout/cols/bg-blue.gif) no-repeat 0 -10px;}
			#blue p, #blue a {color: #1D2E31;}
			#blue h3 {color: #1D2E31; font-weight: bold;}
	
		/* main: for two column layout */
		#main {width: 670px; float: right; position: relative;}
			#main h2 {margin:12px 20px 10px 20px; color: #3B0C02; font-size: 18px;}
			#main h3 {margin:12px 20px 10px 20px; padding: 0; color: #3B0C02; font-weight: bold;}
			#main h4 {margin:0 20px 10px 20px; padding: 0; color: #3B0C02;}
			#main p {margin:0 20px 20px 20px; color: #3B0C02; line-height: 1.5;}
			#main p img {margin:0 8px 8px 0; float: left; border: 1px solid;}
			#main ul {margin: 10px 20px 20px 20px; list-style-type: circle; line-height: 1.5; font-family: arial;}
			#main ol {margin: 10px 20px 20px 20px; list-style-type: decimal; line-height: 1.5; font-family: arial;}
			#main li {margin: 5px 20px 5px 20px; font-size: 12px; color: #3b0c02;}
			#main li a {color: #3b0c02; text-decoration: underline;}
			#main a {color: #3B0C02;}
			#main table {font-family: arial; font-size: 12px; color: #3b0c02;}			
			#main .special-notice {padding: 10px 0 10px 0; margin-bottom: 20px; background-color: #D8B369; border: 1px dashed #3B0C02; text-align: center; font-weight: bold; font-size: 12pt;}
			#main .accordian {display: none; padding-top: 10px; margin-bottom: 20px; background-color: #D8B369; border: 1px dashed #3B0C02;}
			#main .adopt-div {clear: both; margin:12px 0px 10px 20px;}
			#main .adopt-desc {margin:0px 0px 0px 200px;}
			#main .adopt-gallery {width:202px; float: left; margin: 0 10px 20px 0; }
			#main .adopt-gallery-img {border: 1px solid #3B0C02; display: block;}
			#main .adopt-gallery-img-caption {margin: 0; font-size: 10px; color: #3b0c02;}
			#main .adopt-gallery-nav {text-align: center; font-family: arial; font-size: 12px; color: #3B0C02; padding-top: 5px;}
			#main .adopt-gallery-nav-prev {float: left; font-size: 12px; font-weight: bold; padding: 0px 10px 0px 10px; cursor: pointer;}
			#main .adopt-gallery-nav-next {float: right; font-size: 12px; font-weight: bold; padding: 0px 10px 0px 10px; cursor: pointer;}
	
	/* footer: common to both 2 & 3 col layouts */
	#footer {padding:10px 0 0 0; clear: both; height: 68px; width:width: 900px; background: #fff; text-align: center;}
		#footer p {line-height: 1.4; color: #3B0C02;}
		#footer a {font-weight: bold; color: #3B0C02;}
	
#container-3-col-bottom {width: 900px; height: 10px; background: url(/img/layout/cols/bg-cnt-3col-bottom.gif) no-repeat top left; clear:both;}
#container-2-col-bottom {width: 900px; height: 10px; background: url(/img/layout/cols/bg-cnt-2col-bottom.gif) no-repeat top left; clear:both;}