/* CSS Document */

body {
	font-size:90%; 
	margin:0 0 0 0; 
	font-family: Verdana,Arial,Sans-serif; 
	background-color:#c2defa;
	color:#4C1000;
	}
body p {
	font-size:100%; 
	line-height:180%; 
	padding:0 20px 20px 25px; 
	margin:0 0 10px 0;
	}
#sideBarPara {
	padding:0 10px 20px 10px; 
	margin:0 0 0 0;
	}
#mainWrapper {
	width:230px;
	margin:0px 0px;
	border-left: solid 2px #6D4C1F;
	border-right: solid 2px #6D4C1F;
	background-color: #FFFFFF;
}
#mainContentWrapper {
	background-color: #FFFFFF;
}
#topHeader {background-color:#ffffff; width:100%; margin:0 0 0 0;}
#mainContent {margin:0px auto; background-color:#FFFFFF;}
#topMenu {margin:0 0 0 0; }
#footer {clear:both; background-color:#6D4C1F; color:#ECC080; padding:10px 30px; margin:0 0 0 0; font-size:80%;}
#bodyText {
	clear:both;
	padding:0 0 10px 0;
	margin: 0 0 0 0;
}
#textSize {text-align:right; 
			font-size:70%; 
			background-color:#ffffff; 
			vertical-align:super; 
			padding:0 0 0 0; 
			margin:0 0 0 0; }
			
#homePage {padding:10px 90px;}
/* this element makes the "skip navigation link" invisible to the typical user however it should come up in a text reader allowing the user to jump down to the page body if they chose*/
.skipNavigation {display:none;}
.brownText {color:#4C1000;}
img {padding:5px 5px;}

#sideBarHelp {background-color:#EBBF90; width:260px; float:right; margin:0 35px 0 35px; }

#sideBar {background-color:#EBBF90; width:260px; margin:10px 10px 0 15px; padding-bottom:10px;}

#sideBarSponsor {background-color:#EBBF90; width:210px; float:right; margin:0 20px 0 20px;}

#sideBarLeft {background-color:#EBBF90; width:210px; float:left; margin:0 20px 0 20px; padding-bottom:10px;}

#sideBarRight {background-color:#EBBF90; width:210px; float:right; margin:0 20px 0 20px; padding-bottom:10px;}

#sideBarBeagle {width:360px; float:left; margin:0 20px 0 20px; padding-bottom:10px;}

#sideBarBuys {background-color:#EBBF90; width:210px; float:right; margin:0 20px 0 20px; border-bottom:solid #FFFFFF; border-bottom-width:10px;}

/* ---------------------------- H tags ---------------------------- */

h1 {color:#4C1000; margin:0 0 0 0; }
h1 span {}
h2 {margin:0px 0 20px 40px;
	padding:15px 0 0 10px;
	color:#4C1000;
	height:48px;
	clear:both}
h3 {padding:4px 0 0 45px; margin:10px 120px 10px 0;
color:#4C1000;

	}
	
h4 {padding:4px 0 0 45px;}

h5 { font-family: Verdana,Arial,Sans-serif;
	font-size:100%; 
	font-weight: normal;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#4C1000;}

#sideBar h3 {padding:0 0 0 20px; margin:25px 0 10px 0;}
	
/* ---------------------------- form field tags ---------------------------- */

input { font-family: Verdana,Arial,Sans-serif;
	font-size:90%; 
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:black;}

select { font-family: Verdana,Arial,Sans-serif;
	font-size:90%; 
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:black;}

/* ---------------------------- a  tags ---------------------------- */

#bodyText a, #bodyText a:link, #bodyText a:visited, #bodyText a:active {color:#4C1000; text-decoration:none; border-bottom: 1px dashed;}
#bodyText a:hover {color:#7b0045; border-bottom:none; background-color:#FFFFCC;}
#footer a, #footer a:link, #footer a:visited, #footer a:active  {color:#98BBFD; text-decoration:none; border-bottom: 1px dashed;}
#footer a:hover {color:#7b0045; border-bottom:none; background-color:#FFFFCC;}

#homePage a, #homePage a:link, #homePage a:visited, #homePage a:hover {text-decoration:none; border-bottom:none; background-color:#FFFFFF;}

/* ---------------------------- p tags ---------------------------- */

#footer p, #mainContent p {margin:0 0 0 0;}
#footer p {line-height:160%; padding-top:10px;}
#sideBar p {
	margin:0 0;
	padding: 0 20px;
}

/* ---------------------------- Ul LI tags ---------------------------- */

#bodyText ul { 
	margin: 0px 0 30px 50px; 
	padding:0 0 0 70px; 
	vertical-align: middle;
	list-style:outside square; 
	color:#99bbff; }
#bodyText li { line-height:150%; margin: 0px; padding: 10px 50px 0 0; }

#sideBar ul {margin:0 0 0 40px; padding:0 0 0 0;}
#sideBar li {padding:0 0 0 0; margin:0 0 0 0;}

/*
#topMenu ul li {display:inline; padding:0 10px 0 0; margin:0 0 0 0;}
#topMenu ul {margin:0 0 0 0; padding:0 0 0 0;}
*/
/* This section styles the drop down menu */
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #ecf0f1;
	font-weight: bold;
	font-size:80%;
	padding: 0;
	border: solid #F7941D;
	border-width: 1px 0;
	margin: 0 0 0 0;
}

#nav ul ul {font-size:100%;}

#nav a {font-size:110%;
	display: block;
	/*width: 25%;
	w\idth: 23%;*/
	color: #4C1000;
	text-decoration: none;
	padding: 0.45em .4em;
}
/*
#nav a.here {
	background: url(brocolli_small.jpg) center left no-repeat;
	padding-left:18px;
} */

#about #nav .about, #news #nav .news, #memory #nav .memory, #beagles #nav .beagles, #help #nav .help, #contact #nav .contact {border-bottom:4px solid #98BBFD;border-top:4px solid #98BBFD; padding:0 0 0 0;}

#nav li {
	float: left;
	padding: 0;
	width: 16%;
	
}
#nav li a {text-align:center;}
#nav li ul li a{text-align:left; padding-left:8px;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18.4em;
	w\idth: 17.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 16.9em
}

#nav li ul a {
	width: 16em;
	w\idth: 15em;
	font-size:120%;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

#nav li ul li.subList {}

/* form styles */

legend {
color:#444444;
font-family:Georgia,Times,serif;
font-size:120%;
/*font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal; */
padding-bottom:15px;
}
label {
font-size:80%;
text-align:right;
}
label b {
color:#FF0000;
font-size:65%;
}
label i {
color:#FF3300;
font-size:65%;
}
fieldset {margin:0 0 0 60px;
}
fieldset label {
display:block;
}
fieldset label span {
float:left;
text-align:right;
width:15em;
}
fieldset div {margin:0 0 15px 0;}
fieldset p {padding:5px 10px 20px 10px;}


/*********************************/
/* Images */
/*********************************/

img.floatLeft { float: left;
margin: 0px 10px; }

img.floatRight { float: right;
margin: 0px 10px; }