/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; background:#F0D1B2;}
body
	{
	padding: 0px;
	background-color: #F0D1B2;
	margin:0px;
	}
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}

/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	color : #000000;
	background-image: url(bg_right.gif);
	background-repeat: repeat-y;
	background-position: 75% 0px;
	min-width:870px;
	}

.box-inner-wrap
	{
	background-image: url(bg_left.gif);
	background-repeat: repeat-y;
	background-position: 25% 0px;
	}

.box-header
	{
	color: #000000;
	height:160px;
	background:url(header_bg.jpg) repeat-x;
	background-position:bottom;
	margin: 0px;
	border: none;
	}

.box-header img {
	margin-top:10px;
	margin-left:10px;
	border:0px;
	}

.box-menu
	{
	background-color:#F0D1B2;
	height:25px;
	max-height:25px;
	background:url(bg_menu-normal.jpg) repeat-x;
	background-position:left center;
	}

.box-menu ul
	{
	list-style:none;
	margin:0px;
	margin-left:-40px;
	width:100%;
	max-height:25px;
	}

.box-menu ul li
	{
	width:19.9%;
	max-width:19.9%;
	float:left;
	padding-left:0px;
	padding-right:0px;
	background-color:#F0D1B2;
	}

.box-menu ul li a
	{
	float:left;
	width:100%;
	text-align:center;
	background:url(bg_menu-normal.jpg) repeat-x;
	background-position:left center;
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	max-height:25px;
	height:24px;
	padding-top:1px;
	margin-left:4px;
	}


.box-menu ul li a,
.box-menu ul a 
	{
	text-decoration:none;
	color:#FFF;
	}

.box-menu ul li a:hover,
.box-menu ul a:hover
	{
	background:url(bg_menu-hover.jpg) repeat-x;	
	background-position:left center;
	color:#FAC144;
	}

.clear
	{
	clear: both;
	}
	
#bottom
	{
	width:98%;
	margin-left:1%;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
	}

#bottom ul
	{
	list-style:none;
	margin-left:-40px;
	text-align:center;
	margin-bottom:5px;
	}
	
#bottom ul li
	{
	display:inline;
	color:#6A3400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:1px;
	margin-right:1px;
	font-weight:bold;
	}
	
#bottom p
	{
	color:#6A3400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:-5px;	
	}
	
#bottom ul li a:link,
#bottom ul li a:visited
	{
	text-decoration:none;
	color:#6A3400;
	}

h1 
	{
	margin: 0px;
	}
h2
	{
	font-size: 1em;
	color: #000;
	margin: 0px 0px 0.5em 0px;
	padding: 0.25em;
	} 

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	width: 85%;
	}
	
.center
	{
	background:url(inside_bg.jpg) repeat-x #FFF;
	float: right;
	width:81.9%;
	}

.left 
	{
	margin-right: 81.9%;
	}
	
.right
	{
	margin-left: 85%;
	}

.center-content, 
.left-content, 
.right-content
	{
	border: none;
	color: #000000;
	}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .center, .left, .right, h2
	{ p\osition: relative; }
/* */

/* Toolbar */
.box-header div
	{
	height:30px;
	background-color:#630;
	padding:10px 0px 0px 20px;
	}

.box-header div ul
	{
	float:left;
	list-style:none;
	margin:0px;
	margin-left:-40px;
	margin-top:1px;
	}

.box-header div ul li
	{
	float:left;
	color:#FFFFFF;
	margin:0px 3px 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

.box-header div ul li a:link,
.box-header div ul li a:visited
	{
	text-decoration:none;
	color:#FFFFFF;
	}

.box-header div ul li a:hover
	{
	}

.searchform
	{
	height:25px;
	display:inline;
	float:left;
	margin:0px 0px 0px 30px;
	}

.searchform select
	{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7E450B;
	background-color:#FFFFFF;
	border:solid 1px #CC6600;
	text-indent:4px;
	height:16px;
	margin:0px 3px 0px 3px;
	}

.searchform .button
	{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#CC6600;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	width:25px;
	text-indent:-7px;
	padding-top:-5px;
	text-align:center;
	margin:0px 3px 0px 3px;
	}

.leftform
	{
	width:100%;
	background:url(quicksearchform.jpg) repeat-x #E7A54A;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	border-bottom:solid 2px #F0D1B2;
	}
	
.leftform h2
	{
	background:url(lefth2.jpg) repeat-x;
	font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#703800;
	text-indent:3px;
	font-weight:bold;
	margin:0px 0px 0px 0px;	
	}
	
.leftform select
	{
	width:86%;
	margin-left:7%;
	border:solid 2px #643400;
	color:#643400;
	margin-top:10px;
	font-weight:bold;
	}
	
.leftform .ok
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#CC6600;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	width:25px;
	text-indent:-1px;
	padding-top:-6px;
	text-align:center;
	margin-top:10px;
	margin-left:79%;
	}

#newslettertextfield
	{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7E450B;
	background-color:#FFFFFF;
	border:solid 1px #CC6600;
	text-indent:4px;
	height:16px;
	margin:5px 3px 0px 10px;
	width:110px;
	}
	
.leftform .button
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#CC6600;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	width:25px;
	text-indent:-1px;
	padding-top:-5px;
	text-align:center;
	margin:5px 3px 0px 10px;
	}
	
.leftform p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	padding:10px 10px 0px 10px;
	color:#6A3400;
	}

.left-heading
	{
	font-family:"Lucida Sans Unicode", Arial;
	font-weight:bold;
	font-size:16px;
	color:#663300;
	margin:10px 10px -5px 10px;
	text-indent:0px;
	border-bottom:#FFFFFF dotted 2px;
	padding:0px 0px 3px 0px;
	}

ul.resources,
ul.news
	{
	list-style:none;
	margin-left:-30px;
	msrgin-top:0px;
	}
	
.left-content ul.resources li
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	margin:10px 0px 5px 0px;
	}

.left-content ul.resources li a:link,
.left-content ul.resources li a:visited
	{
	color:#FFFFFF;
	text-decoration:none;
	}

/* Right */
.banners
	{
	margin:10px 0px 10px 0px;
	}
	
.news li
	{
	clear:right;
	padding-bottom:15px;
	}

.news h3
	{
	background:url(orangebox.jpg) no-repeat;
	color:#CC6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:0px;
	background-position:left center;
	text-indent:12px;
	font-weight:bold;	
	}
	
.news h4
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	color:#FF6600;
	font-weight:bold;	
	}
	
.news p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6A3400;	
	}
	
.news a:link,
.news a:visited
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
	float:right;
	margin-right:10px;
	}
	
.fullwidth
	{
	width:100%;
	}

hr
	{
	color:#FFF; 
	background-color:#FFF; 
	height: 10px; 
	border-top: 2px dotted #630; 
	border-left:none; 
	border-right:none; 
	border-bottom:none;
	}
	
.kennel
	{
	color:#FCDCA2; 
	background-color:#FCDCA2; 
	height: 10px; 
	border-top: 2px dotted #630; 
	border-left:none; 
	border-right:none; 
	border-bottom:none;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	}

a,
a:link,
a:visited
	{
	text-decoration:none;
	}
	

.required {
	color: #FF0000;
}