﻿/* Hannibal Kennels - Master */

html		{ overflow-y: scroll; }
body		{ font-family: Arial, Helvetica, Sans-serif; font-size: 10; background: #eaeaea; text-align: left; margin: 0; padding: 0; }
h1 			{ font-family: Arial, Helvetica, Sans-serif; font-size: 140%; font-style: normal; font-weight: normal; letter-spacing: -1px;
				color: #666; background: #eaeaea; margin: 0; padding: 20px 0 15px 0; }
h2 			{ font-family: Arial, Helvetica, Sans-serif; font-size: 120%; font-style: normal; font-weight: normal; letter-spacing: -1px;
				color: #333; background: transparent; margin: 0; padding: 30px 0 25px 0; }
h3 			{ font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-style: normal; font-weight: normal; letter-spacing: -1px;
				color: #333; background: transparent; margin: 0; padding: 30px 0 15px 0; border-top: 1px dotted #ccc; }
h4 			{ font-family: Arial, Helvetica, Sans-serif; font-size: 90%; font-style: normal; font-weight: normal; letter-spacing: -1px;
				color: #333; background: transparent; margin: 0; padding: 0 0 10px 0; text-align: left; }
p				{ font-family: Arial, Helvetica, Sans-serif; font-size: 80%; font-style: normal; font-weight: normal; text-align: left;
				color: #666; background: transparent; line-height: 1.3em; margin: 0; padding: 0 0 15px 0; }

/* Font Classes -------------------------------------------------------------- */
.author			{ font-size: 70%; padding: 30px 30px 10px 30px; border-top: 1px dotted #ccc; }
.def					{ border-bottom: 1px dotted #ccc; }
.flipnoline		{ font-size: 70%; text-align: right; letter-spacing: 1px; margin: 0; padding: 30px 0; }
.foto					{ margin: 0; padding: 4px; background: #fff; border: 1px solid #D9E0E6; 
						border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.frame				{ float: left; margin: 0 20px 0 0; padding: 4px; background: #fff; border: 1px solid #D9E0E6; 
						border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.framepara	{ float: left; margin: 0 20px 10px 0; padding: 4px; background: #fff; border: 1px solid #D9E0E6; 
						border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.frameside		{ float: left; margin: 0 0 10px 0; padding: 4px; background: #fff; border: 1px solid #D9E0E6; 
						border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.frameblock		{ float: left; margin: 0 0 0 0; padding: 4px; background: #fff; border: 1px solid #D9E0E6; 
						border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.greyout			{ color: #999; font-style: italic; }
.h3noline		{ border: none; padding: 0 0 15px 0; }
.h3textonly		{ padding: 25px 0 15px 0; }
.letter				{ padding: 0 0 10px 0; line-height: 1.5;}
.link1				{ font-size: 80%; text-align: left; margin: 0; padding: 0; }
.link2				{ font-size: 70%; text-align: left; margin: 0; padding: 0 0 15px 10px; vertical-align: middle; }
.link2_last		{ font-size: 70%; text-align: left; margin: 0; padding: 0 0 30px 10px; vertical-align: middle; }
.nosp				{ padding: 0; }
.para_last		{ padding: 0 0 30px 0; }
.permission	{ font-size: 70%; padding: 0 30px 30px 30px; }
.quote				{ padding: 0 0 15px 0; font-style: italic; }
.quote_last	{ padding: 0 0 30px 0; font-style: italic; }
.sidebar			{ padding: 50px 0 30px 0; }
.sm_page		{ font-size: 90%; font-weight: bold; padding: 30px 0 0 15px; line-height: 1.3; }
.sm_page1	{ font-size: 90%; font-weight: bold; padding: 0 0 0 15px; line-height: 1.3; }
.sm_sub		{ font-size: 70%; padding: 0 0 0 45px; line-height: 1.3; }
.sm_topic		{ font-size: 80%; padding: 0 0 0 30px; line-height: 1.3; }
.thumb			{margin: 0; padding: 4px; background: #fff; 
						border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; }
.tribute			{ padding: 0; line-height: 1.5;}
.tribute_sp		{ padding: 0 0 10px 0; line-height: 1.5;}
.tribute_pic	{ margin: 0; line-height: 1.5; font-size: 75%; }

/* List Classes -------------------------------------------------------------- */
ul 							{ font-family: Arial, Helvetica, Sans-serif; color: #666; list-style-position: outside; list-style-type: disc; margin: 0 0 30px 15px; } 
ol								{ font-family: Arial, Helvetica, Sans-serif; color: #666; list-style-position: outside; list-style-type: decimal; margin: 0 0 30px 15px; } 
li								{ font-family: Arial, Helvetica, Sans-serif; font-size: 80%; list-style-position: outside; margin: 0 0 5px 15px; } 
li.article					{ list-style-position: inside; margin: 0 0 15px } 
li.mem					{ font-size: 70%; list-style-position: outside; margin: 0 0 0 15px; } 
li.sbar					{ font-size: 70%; list-style-position: outside; margin: 0 0 0 5px; } 
li.doc						{ font-size: 90%; list-style-type: circle; margin: 0 0 2px 15px; } 
li.doc_end				{ font-size: 90%; list-style-type: circle; margin: 0 0 0 15px; } 
ul.mid_para_ul		{ margin: 0 0 15px 5px; } 
ol.mid_para_ol		{ margin: 0 0 10px 5px; } 
ul.sub_list				{margin: 5px 0 5px 5px; } 
ul.sub_list_btm	{margin: 5px 0 0 5px; } 

/* Sidebar Menu Classes ----------------------------------------------------------- */
.bullet				{ float: left; margin: 0 ; padding: 2px 0 0 0; border: none; }
.menu				{ font-size: 80%; text-align: left; margin: 0; padding: 15px 0 0 0; }
.menu_first	{ font-size: 80%; text-align: left; margin: 0; padding: 75px 0 0 0; }
.menu_nosp	{ font-size: 80%; text-align: left; margin: 0; padding: 0; }
.sub				{ font-size: 70%; text-align: left; margin: 0; padding: 0 0 2px 0; vertical-align: middle; }
.sub_last		{ font-size: 70%; text-align: left; margin: 0; padding: 0 0 30px 0; vertical-align: middle; }
				
/* Table Classes ----------------------------------------------------------- */
table 				{ font-family: Arial, Helvetica, Sans-serif; font-style: normal; font-weight: normal; text-align: left; }
th						{ font-family: Arial, Helvetica, Sans-serif; font-style: normal; font-weight: bold; font-size: 70%; color: #999; text-align: left; 
						padding: 0 0 5px 10px; border-bottom: solid 1px #ccc; } 
tr 						{ font-family: Arial, Helvetica, Sans-serif; font-style: normal; font-weight: normal; text-align: left; } 
td 					{ font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-align: left; } 

td.album			{ font-size: 70%; text-align: center; color: #666; margin: 0; padding: 0 0 10px 0; }
td.arrow_btm	{ text-align: right; margin: 0; padding: 20px 0; border-top: 1px dotted #ccc; }
td.arrow_top		{ text-align: right; padding: 5px 0 0 0; }
td.arrow_fotos	{ text-align: right; margin: 0; padding: 15px 0 30px 0; }
td.arrow_chart	{ text-align: right; margin: 0; padding: 30px 0; }
td.data				{ font-size: 80%; text-align: left; color: #666; vertical-align: top; line-height: 1.2em; margin: 0; padding: 0; }
td.data_line		{ font-size: 80%; text-align: left; color: #666; vertical-align: bottom; line-height: 1.2em; margin: 0; padding: 0; 
							border-bottom: solid 1px #ccc; }
td.edges			{ color: #333; background: #fff; border-right: solid 1px #696969; border-bottom: solid 1px #696969; 
							border-left: solid 1px #696969; }
td.foot_L				{ color: #999; font-size: 70%; text-align: left; vertical-align: top; padding: 20px 0; }
td.foot_R			{ color: #999; font-size: 70%; text-align: right; vertical-align: top; padding: 20px 0; }
td.foot_LL			{ color: #999; font-size: 70%; text-align: left; vertical-align: top; padding: 20px 0 400px 0; }
td.foot_RL			{ color: #999; font-size: 70%; text-align: right; vertical-align: top; padding: 20px 0 400px 0; }
td.message		{ margin: 0px 0px 30px 0px; padding: 10px; font-size: 80%; line-height: 1.3em; color: #666; text-align: center;
							border-top: 1px solid #999; border-left: 1px solid #999; border-right: 2px solid #999; 
							border-bottom: 2px solid #999; background: #FFFFCC; }
th.R						{ text-align: right; padding: 2px 0; }
td.row					{ font-size: 70%; text-align: left; color: #666; line-height: 1.2em; margin: 0; padding: 2px 0 2px 10px; border: none; }
td.row_R			{ font-size: 70%; text-align: right; color: #666; line-height: 1.2em; margin: 0; padding: 2px 10px 2px 0; border: none; }
td.rowbtm			{ font-size: 70%; text-align: left; color: #666; line-height: 1.2em; margin: 0; padding: 2px 0 4px 10px; 
							border-bottom: solid 1px #ccc; }
td.rowbtm_R		{ font-size: 70%; text-align: right; color: #666; line-height: 1.2em; margin: 0; padding: 2px 10px 4px 10px; 
							border-bottom: solid 1px #ccc; }
td.rowline			{ font-size: 70%; text-align: left; color: #666; line-height: 1.2em; margin: 0; padding: 2px 0 2px 10px; 
							border-bottom: solid 1px #ccc; }
td.rownoline		{ font-size: 70%; text-align: left; color: #666; line-height: 1.2em; margin: 0; padding: 2px 0 30px 10px; }
td.rownoline_R	{ font-size: 70%; text-align: right; color: #666; line-height: 1.2em; margin: 0; padding: 2px 10px 30px 0; }
td.rowtop			{ font-size: 70%; text-align: left; color: #666; line-height: 1.2em; margin: 0; padding: 4px 0 2px 10px; border: none; }
td.rowtop_R		{ font-size: 70%; text-align: right; color: #666; line-height: 1.2em; margin: 0; padding: 4px 10px 2px 0; border: none; }
td.tab0				{ font-size: 12px; color: #000; background-image: url(images/_tab0.gif); vertical-align: middle; text-align: center; }
td.tab1				{ font-size: 12px; color: #000; background-image: url(images/_tab1.gif); vertical-align: middle; text-align: center; }
td.toplinefoto		{ padding: 30px 0 0 0; border-top: 1px dotted #ccc; }
td.toplinetext		{ padding: 30px 0 0 0; border-top: 1px dotted #ccc; }
td.toplinks			{ font-size: 60%; text-align: right; letter-spacing: 1px; vertical-align: middle; }

/* Link Classes ------------------------------------------------------------ */
a:link			{ color: #006699; background: transparent; text-decoration: none; } 
a:visited 	{ color: #006699; background: transparent; text-decoration: none; } 
a:hover		{ color: #333333; background: transparent; text-decoration: none; } 
a:active		{ color: #666666; background: transparent; text-decoration: none; } 

a.tab:link		{ color: #666; background: transparent; font-weight: normal; text-decoration: none; display: block; } 
a.tab:visited 	{ color: #666; background: transparent; font-weight: normal; text-decoration: none; display: block; } 
a.tab:hover	{ color: #000; background: transparent; font-weight: normal; text-decoration: none; display: block; } 
a.tab:active	{ color: #000; background: transparent; font-weight: normal; text-decoration: none; display: block; } 