body {background-color: #2E3313;}

/* left cell */
td#left {background-color: #D05308;}

td#left a {display: block; font: normal 70% helvetica, arial, sans-serif; text-decoration: none; padding: 3px 0; margin: 0 69px;}

td#left a:link {color: #ffffff; background: #0F5CB0; width: 115px; margin: 0 69px; margin: 0 auto;}
td#left a:visited {color: #ffffff; background: #0F5CB0; width: 115px; margin: 0 69px; margin: 0 auto;}
td#left a:hover {color: #ffffff; background: #D05308; width: 160px; margin: 0 47px; margin: 0 auto;}
td#left a:active {color: #ffffff; background: #D05308; width: 160px; margin: 0 47px; margin: 0 auto;}

td#left a.on:link {color: white; background: #AB1C2C; width: 160px; margin: 0 47px; margin: 0 auto;}
td#left a.on:visited {color: white; background: #AB1C2C; width: 160px; margin: 0 47px; margin: 0 auto;}
td#left a.on:hover {color: white; background: #AB1C2C; width: 160px; margin: 0 47px; margin: 0 auto;}
td#left a.on:active {color: white; background: #AB1C2C; width: 160px; margin: 0 47px; margin: 0 auto;}

td#left div.pad {height: 2px; background: #0F5CB0; width: 115px; margin: 0 69px;}

td#left ul#address {color: #ffffff; background-color: #D05308; font: bold 70% helvetica, arial, sans-serif; width: 254px; padding: 8px 0; margin: 2px 0 0 0; list-style: none outside;}
td#left ul#address li#harvey {font-size: 120%;}
.spacer-10 {height: 10px;}
.spacer-20 {height: 20px;}
/* right cell */
td#right {background-color: #FFF2B1; height: 100%;}

/* global copy div styles */
td#right div#copy {width: 375px; padding: 0 0 0 10px; overflow: auto; font: normal 80% arial, sans-serif;}
td#right div#copy2l {width: 510px; padding: 0 0 0 10px; overflow: auto; font: normal 80% arial, sans-serif; min-height: 450px;}
td#right div#copy2lrs {width: 460px; padding: 0 0 0 20px; overflow: auto; font: normal 80% arial, sans-serif;}
td#right div#copy2lrs h3 {
	font-size: 13px;
	font-weight: bold;
	color: #D05308;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 0px;
}
td#right div#copy2lrs ul {
	margin-top: 2px;
	margin-bottom: 10px;
}
.smallsources {
	font-size: 10px;
}
/* global copy div element widths */
td#right div#copy h3, td#right div#copy p, td#right div#copy ul {width: 300px;}
td#right div#copy2l h3, td#right div#copy2l h4, td#right div#copy2l h5, td#right div#copy2l p, td#right div#copy2l ul, td#right div#copy2l ul li {width: 450px;}

/* specific copy div element styles */
td#right div#copy h3, td#right div#copy2l h3 {margin: 10px 0 5px 0; font-size: 16px; letter-spacing: -.0125em;}
td#right div#copy h4, td#right div#copy2l h4 {margin: 10px 0 5px 0;}
td#right div#copy h5, td#right div#copy2l h5 {margin: 10px 0 5px 0;}
td#right div#copy p, td#right div#copy2l p {margin: 5px 0 0 0;}
td#right div#copy ul, td#right div#copy2l ul {list-style: bullet outside; margin: 0; padding: 0 0 0 40px;}
td#right div#copy ul li, td#right div#copy2l ul li {margin: 0; padding: 0;}

/* copy link styles */
td#right div#copy a:link, td#right div#copy2l a:link {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
td#right div#copy a:visited, td#right div#copy2l a:visited {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
td#right div#copy a:hover, td#right div#copy2l a:hover {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}
td#right div#copy a:active, td#right div#copy2l a:active {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #D05308;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 4px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #D05308;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 4px;
}
h6 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
	margin-top: 8px;
	margin-bottom: 4px;
}

/* taos facts list */
td#right div#copy2l ul#taosfacts {list-style: none outside; margin: 0; padding: 0;}
td#right div#copy2l ul#taosfacts li {padding: 5px 0;}

/* our team section styles */
td#right div#copy2l div#ourteam h3 {margin: 10px 0 0 0; padding: 0; width: 350px;}
td#right div#copy2l div#ourteam h5 {margin: 5px 0 0 0; padding: 0; width: 350px;}
td#right div#copy2l div#ourteam h4 {margin: 0; padding: 0; width: 350px;}
td#right div#copy2l div#ourteam p {width: 325px;}
td#right div#copy2l div#ourteam img.bio {float: left; padding: 0 10px 10px 0;}
td#right div#copy2l div#ourteam hr {clear: both; width: 420px; text-align: left; color: #AB1C2C; margin: 10px 0; height: 1px;}


/* listings */
td#right div#copy2l ul#listings {list-style: none outside; margin: 0; padding: 0;}
td#right div#copy2l ul#listingsmenu {list-style: bullet outside; margin: 0 0 0 10px; padding: 0;}
td#right div#copy2l ul#listings li {border-bottom: solid 1px #AB1C2C; margin: 5px;}
td#right div#copy2l ul#listingsmenu li {border-bottom: solid 0px #AB1C2C; margin: 15px;}
td#right div#copy2l ul#listings li a {padding: 0 10px;}
td#right div#copy2l ul#listings li img {padding: 2px; border: solid 1px black; margin: 5px 0; vertical-align: middle;}

/* show listings popup */
div#show {font: normal 100% helvetica, arial, sans-serif; background-color: #FFF2B1; margin: 0; padding: 10px 20px 10px 20px;}
div#show h1 {width: 500px;}
div#show h2 {width: 500px;}
div#show p {line-height: 20px; width: 500px;}
div#show h4 {font-weight: normal; margin: 0 0 10px 0;}
div#show img {margin: 5px; border: solid 1px black;}
div#show h5.close {text-align: right;}

div#show a:link {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
div#show a:visited {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
div#show a:hover {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}
div#show a:active {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}

div#show a:link p {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
div#show a:visited p {color: #AB1C2C; font-weight: bold; text-decoration: underline;}
div#show a:hover p {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}
div#show a:active p {color: #FFF2B1; font-weight: bold; text-decoration: none; background: #AB1C2C;}

/* links of interest page */
td#right div#copy2l div#links h3,
td#right div#copy2l div#taos-articles h3 {margin-bottom: 20px;}
td#right div#copy2l div#links p,
td#right div#copy2l div#taos-articles p {margin: 0 0 15px 0;}
td#right div#copy2l div#links a {width: 0px;}

/* taos resources page */
td#right div#copy2l ul#taosresources {list-style: bullet outside; margin: 10px 0 0 20px;}
td#right div#copy2l ul#taosresources li {padding: 5px 0;}

/* credit paragraph */
td#right div#copy p.credit, td#right div#copy2l p.credit {width: 350px; padding: 15px 0 0 0; font-size: 85%; font-weight: bold;}
td#right div#copy p.credit2, td#right div#copy2l p.credit2 {width: 350px; padding: 0; font-size: 85%;}
td#right div#copy div.copypad, td#right div#copy2l div.copypad {width: 350px; padding: 5px 0;}

/* homepage weather strip */
h4#weatherstrip {color: white; font: bold 80% helvetica; padding: 0 20px 0 0; margin: 0;}

/* db driven photo gallery */

td#right div#copy2l div#photogallery a img.thumb {margin: 5px;}
td#right div#copy2l div#photogallery img {border: solid 1px grey;}
td#right div#copy2l div#photogallery a:link img.thumb {border: solid 1px grey;}
td#right div#copy2l div#photogallery a:visited img.thumb {border: solid 1px grey;}
td#right div#copy2l div#photogallery a:hover img.thumb {border: solid 1px white; background-color: transparent;}
td#right div#copy2l div#photogallery a:active img.thumb {}

/* footer div */
div#footer {clear: both; width: 100%; background-color: transparent; color: white; font: bold 70% helvetica; padding: 20px 0;}
div#footer ul {list-style: none outside; padding: 0; margin: 0;}
div#footer li {padding-bottom: 10px;}
div#footer a:link {color: white; text-decoration: none; padding: 0 10px;}
div#footer a:visited {color: white; text-decoration: none; padding: 0 10px;}
div#footer a:hover {color: #FFF2B1; text-decoration: underline; padding: 0 10px;}
div#footer a:active {color: white; text-decoration: none; padding: 0 10px;}
div#footer p#credit {margin: 0; padding: 0; color: #FFF2B1;}

.small {font-size: 90%;}
.photodescriptions {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	line-height: 15px;
	margin-top: 10px;
	padding: 20px 40px 20px 40px;
}

img.cms-left {
	float: left;
	padding: 10px;
}

img.cms-right {
	float: right;
	padding: 10px;
}

