/* CSS Document */

/* Color Glossary */

/*

	bg ring color:  #ACE1FF
	bg main color:  #D1F9FF
	
	main blue:		#3DC3D7
	1st drk:		#2B8897
	2nd light:		#D1F9FF
	3rd med:		#A4F3FF
	
	dark blue:		#425FD7
	1st drk:		#2F4397
	2nd light:		#D3DCFF
	3rd med:		#A7B8FF
	
	main green:		#3DD752
	1st dark:		#2B9739
	2nd light:		#D1FFD8
	3rd med:		#A4FFB0

*/

body,html {
background: url(images/bgs/bbg3.jpg);
margin:0;
padding:0;
}

body {
min-width:800px;
max-width:1200px;
font:0.8em/1.4em Tahoma, Geneva, sans-serif;
}

.header {
background: #3DC3D7;
border:3px solid #AEDFFF;
margin:5px;
padding:0;
}

.menu {
color:#3DD752;
background: #D1F9FF;
border:3px solid #AEDFFF;
height:50px;
margin:5px 5px 10px 5px;
padding:0;
line-height:3em;

}

.menu a {
	font-weight: bold;
	color: #3DD752;
	text-decoration: none;
	font-size: 1.1em;
}

#menu a:hover {
	font-weight:bold;
	color:#2F4397;
	text-decoration: none;	
	font-size: 1.1em;
}

.main {
	border:3px solid #AEDFFF;
	background-color: #FFFFFF;
	padding: 8px;
}

.dotm {
	border:3px solid #3DD752;
	background-color: #FFFFFF;
	padding: 8px;
}

.sidebar {
	border:3px solid #AEDFFF;
	background-color: #FFFFFF;
	padding-right: 10px;
}

.footer {
background: #D1F9FF;
border:3px solid #AEDFFF;
font-size:0.8em;
margin:10px 5px 25px 5px;
}

.price {
	border:1px solid #000000;
}

.bgimg {
background: no-repeat bottom right;
}

/* The prop/clear hack */
/* This hack takes care of IE's disregard for the min-height property and validates as proper CSS */
/* Used to prop the footer up so the dog paw background image displays in its entirety in the footer area */
/* The .clear div must follow the content after the .prop div for older browsers to handle the .prop div properly */
/* See http://www.greywyvern.com/code/min-height-hack.html for complete discussion of this hack */

.prop {
height:82px;
width:1px;
float:right;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:20px 10px 15px 10px;
letter-spacing:-1px;
font:1.8em Verdana,Tahoma,Arial,sans-serif;
}
 
h2 {
padding:12px 0;
font:1.4em Tahoma,Arial,sans-serif;
color:#425FD7;
}
 
h3 {
font:1em Verdana,Tahoma,Arial,sans-serif;
font-weight:bold;
color:#425FD7;
padding-bottom: 4px;
}

h4 {
	font:1em Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	color:?;
}

.note {
	font:1em Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	color:#3DC3D7;
	font-style: italic;
}

.grnnote {
	font:1em Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	color:#3DD752;
	font-style: italic;
}

.slogan {
	font: 1.2em Tahoma,Arial,sans-serif;
	color: #D1F9FF;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}

.quote {
	font: 0.9em Tahoma,Arial,sans-serif;
	color: #D1F9FF;
	font-style: italic;
	text-align: right;
}

.quotename {
	font: 0.9em Tahoma,Arial,sans-serif;
	color: #D1F9FF;
	text-align: right;
}
 
.event_txt {
	font: 0.9em Tahoma,Arial,sans-serif;
	text-align:justify;
}
 
.newsheader
{
	width:auto;
	border-bottom: 1px solid #DDD;
	border-top: none;
	color: #239CC9;
	height: 18px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background:url(images/headerBG.jpg) repeat-x;
	padding-left: 6px;
}
 
p, ul, ol {
margin:0;
padding:0 0 6px 6px;
}
 
ul, ol {
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}

a {
	font-weight: normal;
	color: #3DD752;
	text-decoration: none;
}

a:hover {
	font-weight:normal;
	color:#2F4397;
	text-decoration: none;
}


/***** Global Classes *****/

.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.important	   {color:#CC0000; background-color:inherit; font-weight:bold;}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.hide		   {display:none;}
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 10px 4px 10px; }
.img-center	   { text-align:center }
.img-border    { border: 3px solid #AEDFFF; }
 
.noborder 	   { border: 0; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }