@import url(top_nav.css);
@import url(left_nav.php);

body {
	background: #000;
	color: #fff;
	font-size: 62.5%;
	font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

img { border: none; }

h1 {
	font-size: 1.6em;
	color: #d06f32;
	border-bottom: 1px solid #d06f32;
	margin: 8px 26px;
	padding: 4px 0;
}

h2 {
	font-size: 1.4em;
	color: #656565;
	margin: 8px 26px;
	padding: 4px 0;
}

h3 {
	font-size: 1.2em;
	color: #333;
	margin: 3px 26px;
	padding: 0;
}

h4 {
	font-size: 1.1em;
	color: #333;
	margin: 2px 26px;
	padding: 0;
}


p {
	margin: 4px 26px;
	padding: 2px 0;
	font-size: 1.2em;
	line-height: 1.4;
}

ul li {
	margin: 0 0 0 0.5em;
	font-size: 1.2em;
	list-style: circle;
}

p code { font-size: 10px; color: #900; }

a { color: #4472fd; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }

div#wrapper {
	position: relative;
	background: url(../img/layout/container.png) 0 0 repeat-y;
	border-top: 5px solid #656565;
	margin: 0 auto;
	width: 761px;
}

div#header {
	position: relative;
	text-align:left;
	background: #000 url(../images/layout/header.png) top left no-repeat;
	color: #fff;
	height: 6em;
}

div#header img {margin: 10px 0 0 10px;}

div#header h1 {
	font-size: 2.4em;
	margin: 0;
	padding: 10px 0 0 10px;
	color: #fff;
}

div#header form {
	position: absolute;
	left: 0;
	margin: 6px 0 0 0;
	width: 333px;
	border: 1px solid #656565;
}

div#header form div {
	position: relative;
	text-align: right;
	margin: 4px 0;
}

div#header form input.text {
	width: 90px;
	height: 16px;
	font-size: 9px !important;
}
html>body div#header form input.text {
	height: 12px;
}
div#header form input#button {
	position: absolute;
	background: #000;
	color: #fff;
	font-size: 10px;
	border: 1px solid #fff;
	right: 180px;
	top: 1px;
}
div#header form div span,
div#header form div label,
div#header form div input#password,
div#header form div input#username {
	position: relative;
	right: 5px;
}

div#header div#logout {
	position: absolute;
	top: 0;
	left: 0;
	width: 333px;
	height: 48px;
	margin: 6px 0 0 0;
}

div#header div#logout a {
	position: relative;
	border: 1px solid #656565;
	top: 18px;
	padding: 10px;
	font-size: 1.3em;
	letter-spacing: 0.3em;
	color: #aaa;
	font-weight: 700;
}

div#header div#logout a:hover  {
	text-decoration: none;
	color: #fff;
	border-color: #fff;
}

div#top_border {
	position: relative;
	width: 761px;
	height: 7px; /* <-- IE 6 will not honor this. It does 11px... Hence the hack below */
	background: url(../img/layout/container_top_border.png) left bottom repeat-x;
}

div#container {
	position: relative;
	margin: -4px 0 0 0; /* To get IE 6 to play nice */
	text-align: right;
}
html>body div#container { margin-top: 0; } /* Bring compliant browsers back in line */

div#left_nav {
	position: absolute;
	z-index: 1;
	background: url(../img/layout/pinstripe.png) 25px 10px no-repeat;
	left: 4px;
	top: 12px;
	width: 188px;
	height: 640px;
}

div#left_nav div#space { height: 8px; width: 188px; overflow: hidden; }

div#random {
	position: relative;
	background: url(../img/random/1.png) 0 0 no-repeat;
	width: 560px;
	height: 188px;
}

div#title {
	position: relative;
	background: url(../img/layout/title.png) no-repeat;
	width: 560px;
	height: 25px;
}

div#content {
	color: #444;
	position: relative;
	background: #fff url(../img/layout/content.png) 0 0 repeat-y;
	margin: 0 0 0 199px;
	width: 562px;
	text-align: left;
	padding-bottom: 10px;
	min-height: 650px;
	height: auto !important;
	height: 650px;
}
html>body div#content {right: 0;}

div#footer {
	width: 761px;
	height: 31px;
	background: url(../img/layout/footer.png) 0 0 no-repeat;
}

.r {
	float: right;
	margin: 0 10px 10px 10px;
}

.clear { clear: both; }

/* CSS Document */


div.clean {
	border: 1px solid #ddd;
	margin: 10px 26px;
}

div.clean h3 {
	text-align: right;
	border-bottom: 1px solid #00a;
	margin: 3px 4px;
	color: #00a;
	padding: 0 0 2px 0;
}

div.clean h3 span { float: left; padding: 2px;}

div.clean h3 span,
div.clean h3 span a {
	font-weight: 400;
	font-size: 10px;
	background: #006;
	color: #bed5ff;
}

div.clean h3 span a:hover,
div.clean h3 span a:visited:hover {
	color:#ff0;
}

div.clean div {
	border-bottom: 1px solid #ddd;
	margin: 4px;
	text-align: left;
	height: 1.8em;
	background: #bed5ff;
}

div.clean div span {
	width: 350px;
	font-size: 1.2em;
	line-height: 1.6;
	margin-left: 3px;
}

div.clean div em {
	float: left;
}

div.clean div em a img {
	margin: 1px;
	border: 1px solid #bed5ff;
}

div.clean div a {
	color: #00a;
}

form.login {margin: 0 26px;}
form.login div { margin: 3px; }

input#pay_pal_button {
	margin-left: 26px;
}

form#content_form { margin: 10px 26px; }
form#content_form div { margin: 4px; }

div.vet_link {
	font-size: 1.5em;
	font-weight: 700;
	margin: 12px 26px 0 26px;
	line-height: 1.8;
}

div.vet_link_category {
	font-size: 1.5em;
	font-weight: 700;
	margin: 1px 26px;
	padding: 3px 8px;
	line-height: 1.8;
	border-bottom: 1px solid #ccf;
	background: #def;
}

div.vet_link_desc {
	font-size: 1.3em;
	margin: 6px 26px 26px 26px;
}

span.vet_link_editor {
	float: right;
	font-size: 0.7em;
	margin: 0;
	padding: 4px 8px;
	font-weight: 400;
}

div.vet_news {
	font-size: 1.5em;
	font-weight: 700;
	margin: 12px 26px 0 26px;
	line-height: 1.8;
}

div.vet_news_category {
	font-size: 1.5em;
	font-weight: 700;
	margin: 1px 26px;
	padding: 3px 8px;
	line-height: 1.8;
	border-bottom: 1px solid #ccf;
	background: #def;
}

div.vet_news_desc {
	font-size: 1.3em;
	margin: 6px 26px 26px 26px;
}

span.vet_news_editor {
	float: right;
	font-size: 0.7em;
	margin: 0;
	padding: 4px 8px;
	font-weight: 400;
}

.news_date {
	margin: 0 26px 22px;
	color: #777;
	font-style: italic;
}

.ad_date {
	font-size: 10px;
	color: #c66;
	margin: 0 0 0 26px;
	padding: 0;
}

input.long { width: 300px; }

ul.member_options {
	font-size: 1.3em;
	margin: 1em 1em 1em 2em;
}

form input.standard {
	width: 120px;
	font-size: 1.4em;
}



div#memberOptions {
	margin: 20px;
}

div#alphaBox {
	position: relative;
	font-family: monospace;
	font-size: 1.4em;
	background: #6c92f0;
	color: #444;
	font-weight: 700;
	margin: 0 26px;
}

div#alphaBox p { font-size: 0.9em; letter-spacing: 0em;}

div#alphaBox a {
	text-decoration: none;
	color: #ddd;
	background: #6c92f0;
	margin: 0;
}

div#alphaBox a:hover,
div#alphaBox a:visited:hover { text-decoration: none; }

div#alphaBox a.alphaExists { color: #ff0; }
div#alphaBox a.thisAlpha { color: #ff0; text-decoration: underline; }
div#alphaBox a.thisAlpha:hover,
div#alphaBox a.thisAlpha:visited:hover { cursor: default; text-decoration: underline; }

div#stateCountry {
	position: relative;
	width: 360px;
	margin: 0 0 0 220px;
	padding: 5px;
	border: 1px solid green;
	
}

div.nonMemberRow {
	border: 1px solid #eee;
	font-size: 1.2em;
	padding: 4px;
	margin: 2px 26px;
}


div.memberRow {
	border: 1px solid #eee;
	font-size: 1.4em;
	padding: 4px;
	margin: 2px 26px;
}

div.memberRow a {
	text-decoration: none;
	font-weight: 700;
	color: #006;
}

div.memberRow a:hover,
div.memberRow a:visited:hover {
	color: #9a1515;
	text-decoration: underline;
}

.memberRow span {
	float: right;
	font: 400 normal 9px Tahoma;
}
.memberRow span a { color: #A6C783; }

div.member {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0 5px 0 0;
}

div.member h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 12px;
}

div.member h6 {
	font-size: 0.9em;
	margin: 0;
	padding: 0 12px 9px 33px;
	font-weight: 400;
}

div.member input,
div.member textarea {
	background: #ffe;
	font-family: "Bitstream Vera Sans Mono", Courier, monospace;
	font-size: 1.3em;
}

div.member input.long,
div.member textarea.long
div.member select.long {
	width: 300px;
}

div.member input.medium,
div.member select.medium {
	width: 150px;
}

div.member input.short,
div.member select.short {
	width: 60px;
}

div.member div span {
	background: #dde;
	padding: 2px;
	margin-right: 8px;
}

div.member div {
	/* border: 1px solid red; */
	margin: 5px 12px;
	font-size: 1.1em;
}

div#member_photo {
	float: right;
	margin: 24px 12px 5px 12px;
	border: 1px solid #999;
}

div.member_photo img {
	border: none;
	margin: 0;
	padding: 0;
}

div.defined { border: 1px solid #ddd; background: #f9f9f9; }
div.defined div { margin: 5px 3px; padding: 8px 5px; }
div.defined h3 { background: #ddd; color: #555; }
div.defined input:hover,
div.defined textarea:hover { background: #cde; }
div.defined input:active,
div.defined input:focus,
div.defined textarea:active,
div.defined textarea:focus { background: #efe; }

.light { font-weight: 400; font-size: 10px; }

p.committee_member {
	margin: 1px 42px;
	padding: 0;
}


/*  --------------------------------  */

form.standard {
	text-align: center;
	font-size: 1.4em;
}

form.standard fieldset {
	border: 1px solid #999;
	width: 450px;
	margin: 10px auto;
	background: #fdfeff;
}

form.standard legend {
	border: 1px solid #ccc;
	font-size: 10px;
	padding: 2px 4px;
	background: #fdfeff;
}

form.standard div {
	margin: 0 6px;
	padding: 3px;
	text-align: right
}

form.standard label span {
	float: left;
	width: 180px;
	margin-right: 238px;
	margin: 4px 0 0 0;
}

form.standard input.text,
form.standard textarea,
form.standard select {
	width: 233px;
}

form.standard input.submit {
	margin: 6px;
}

form.standard textarea.auto { width: auto }


div.instruction p {
	margin: 8px 0;
	background :#ffc;
	border: 1px solid #999;
	padding: 5px;
	text-align: left;
	font-size: 0.9em;
}

form#contact_form {
	border: none;
	padding: 1px;
	margin: 0;
}

form#contact_form fieldset {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
}

form#contact_form fieldset div {
	margin: 1px 26px;
	padding: 4px 8px;
	background: #f0f0f0;
}

form#contact_form fieldset div p {
	margin: 0;
	background: #f0f0f0;
	border: none;
	font-size: 1.1em;
}

.top_space { margin-top: 80px;}

form#committee_form {
	margin: 0 5px;
}

form#committee_form div {
	background: #f0f0f0;
	margin: 5px 26px;
}

form#committee_form h3 {
	color: #006;
	text-align: right;
	border-bottom: 1px solid #006;
}

form#committee_form div label span {
	float: right;
	line-height: 2;
	margin-right: 6px;
}

form#committee_form div input.date {
	width: 60px;
	font-size: 8px;
}


p.error {
	line-height: 32px;
	font-size: 1.6em;
	color: #b00;
	background: url(../img/icons/attention.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
	font-weight: 700;
}

p.success {
	line-height: 32px;
	font-size: 1.6em;
	color: #3c3;
	background: url(../img/icons/ok.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
	font-weight: 700;
}

div#email_list {
	background :#eee;
	margin: 6px 26px;
	font-size: 1.4em;
	line-height: 2;
	padding: 12px;
}

div#email_list p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight:700;
}


form#interests {
	background:#fefeff;
	margin: 0 26px;
}

form#interests div {
	margin: 0 4px;
}


div#thread p { background: #eee; margin: 0; }
div#thread p#menu { background: transparent; margin: 0 26px; }

div.thread_parent, div.thread_child {
	background: #eee;
	border: 1px solid #999; 
	margin: 0 26px;
}

div.thread_parent h3 { background: #eee; padding: 6px; margin: 0; }
div.thread_parent p.thread_content { background: #ffe; padding: 6px; }

div#thread p.thread_attr {
	background: #eee;
	font-size: 9px;
	padding: 2px 6px;
}

div#thread p.thread_attr span { float: right; }

div#thread div.thread_child {
	margin-top: 12px;
}

div#thread div.thread_child p.thread_content {
	background: #efe;
	margin: 0;
	padding: 6px;
	width: 496px;
	overflow: auto;
}

div.thread_comment {
	background: #eff;
	border: 1px solid #999;
	margin: 12px 26px;
}

div.thread_comment h3 {
	background: #eee;
	margin: 0;
	padding: 3px;
	font-weight: 400;
	font-style: italic;
}

div.thread_comment form textarea {
	width: 475px;
	background: #f9f9f9;
	color: #432;
	border: 1px solid #000;
	padding: 4px;
	margin-top: 8px;
}

div.thread_list {
	background: #ffe;
	font-size: 1.2em;
	padding: 6px;
	margin: 1px 26px;
	border: 1px solid #999;
	line-height: 1.3;
}

div.thread_list span {
	font-size: 9px;
	float:right;
	line-height: 1;
}

div#paginator {
	text-align:center;
	background: #ccc;
	color: #111;
	font-weight: 700;
	margin: 0 26px;
	font-size: 1.3em;
	padding: 3px 0;
}

div#paginator a, div#paginator a:visited {
	color: #f60
}


div.hidden, div.hidden a { background: #dfdfdf; color: #aaa; }

span#pag_prev, span#pag_next { color: #aaa; }

.achtung { color: #f00; }
.attention { color: #d94; }

em.topNote { font-size: 10px; font-weight: 400; }

table.membership_payments {
	margin: 10px 22px;
	border-collapse: collapse;
	width: 500px;
	font-size: 100%;
}

table.membership_payments td {
	border: 1px solid #d9d9d9;

}

table.membership_payments td, table.membership_payments th {
	color: #000;
	padding: 2px 4px;
	text-align: right;
}

table.membership_payments td input.text {
	font-family: monospace;
	text-align: right;
	font-size: 12px;
	width: 80px;
}

table.membership_payments .name {
	text-align:left;
	font-size: 12px;
}

div.hr {
	margin: 0 22px;
	border-bottom: 1px solid #999;
	height: 4px;
}

tr.newfields td {
	background: #9d9;
	border: 1px solid #7b7;
	padding-bottom: 5px;
}


p.small_note { font-size: 1.1em; }