@charset "utf-8";
/* CSS Document 

*/

body {
 background: #ffffff; 
 background-repeat:repeat-x;
 color:#000000;
 font-size:11px;
  }

#outside_area {
 background: #ffffff;
 color:#000000;
 width:770px;
 margin:0 0 15px 5px; 
 font-family: Georgia, "Times New Roman", Times, serif; 
 font-size:12px; 
 border-left: solid 2px #000000; 
 border-top: solid 0px #000000;
 border-bottom: solid 0px #000000;
}

#header {
 background: url(../images/HULA-Banner.gif);
 height: 95px;
 padding: 0px 0px 0px 30px;
 color:#000000;  
 font-size:18px;
 font-style:italic;
 border-top: solid 2px #000000;
 border-left: solid 0px #000000;
}

#header h1 {
 color:#ff9900;
 font-size:35px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:bolder;
 margin: 6px 0px 0px 10px;
}

#header h2 {
 color:#ffffff;
 font-style: italic;
 font-size:18px;
 margin: -5px 0px 0px 160px;
 font-family:Georgia, "Times New Roman", Times, serif;
}

#top_nav {
 background: #ff9900; 
 color:#000000;
 height: 18px;
 padding: 5px 0px 0px 142px;
 border-top: solid 1px #000000;
 border-bottom: solid;
 border-width: 1px;
 border-color: #000000;
}

#top_nav ul {margin:0px; padding:0px;}
#top_nav li { display: inline;}


#top_nav a { color:#000000; margin: 0 20px 0 0; text-decoration: none; text-transform:uppercase; font-weight:bold; padding: 0 10px 0 0}
#top_nav a:hover { color:#ffffff; font-size: 14px; font-weight:bolder;}
#top_nav a.divide { border-right:1px solid #000000; }


#sub_nav { 
 float:left;
 margin:0;
 font-size:14px;
 font-weight:bold;
}

#sub_nav ul { margin: 0px 0px 8px 0px; padding:10px; font-size:12px;}
#sub_nav li { list-style-type:none; margin:0px 0px 10px 0px}
#sub_nav a { background: #669900; color:#ffffff; width: 100px; display: block; padding:5px 5px 8px 20px; text-decoration:none; text-align:left ; text-indent: -10px ; border-top: #90B546 solid ; border-left: #90B546 solid; border-bottom: #4A6F00 solid; border-right: #4A6F00 solid;}
#sub_nav a:hover { background-position: 0px -30px; background:#ff9900; border-top: #FFB546 solid ; border-left: #FFB546 solid; border-bottom:#B96F00 solid; border-right: #B96F00 solid; color:#FFFFFF; font-weight:bold; }
#sub_nav a:active { background-position: 0px -30px; background:#B96F00; border-top: #8B5300 solid ; border-left: #8B5300 solid; border-bottom: #C6892E solid; border-right: #C6892E solid; color:#FFFFFF; font-weight:bold;}


#main_area {
  background:#ffffff;
  color:#000000;
  margin:10px 0 0 150px;
  padding: 5px 20px 15px 25px;
  font-size:14px;
  text-align:justify;
  line-height: 22px;
  border-left:solid;
  border-width: thin;
  border-color:#ffffff;
 }
 
#main_area h1 {color:#4A6F00; padding:0; line-height: 30px; font-size:30px; text-align:left;}/*Page title*/
#main_area h2 {color:#4A6F00; padding:0; line-height: 22px; font-size:20px; text-align:left; }/*page sub-title*/
#main_area h3 {font-size:16px; text-align:left; color:#ff4805;}/*highlighted lines*/
#main_area h4 {font-size:15px; padding: 1px; text-align:left; float:right; margin: -5px 0 0 0; border:double 0px #669900;}/*used for links on page*/
#main_area h5 { color:#ff6600; font-size:16px; text-align:left;}
#main_area h6 { text-align:right;}
#main_area h7 {color:#FF4805; padding:0; line-height: 30px; font-size:30px; text-align:center;}
#main_area h8 {font-size:14px; text-align:left; color:#ff4805;}
#main_area h9 {color:#005500; font-weight:300; padding:0; line-height: 30px; font-size:20px; text-align:left;}/*Page title small*/
#main_area UL {list-style-image: url(../images/Pawprint%202.gif)} /*paw print bullet point*/

/*for firefox*/
html>body #footer {
 background: #669900;
 color:#FFFFFF;
 height: 30px;
 border-top:solid 1px #000000;
 border-bottom: solid 2px #000000;
 text-decoration:none; 
 padding: 0 0 5px 0;
}

/*for ie*/
#footer {
 background: #669900;
 color:#FFFFFF;
 height: 20px;
 border-top: solid 1px #000000;
 border-bottom: solid 2px #000000;
 text-decoration:none; 
 padding: 12px 0 0 0;
 }

html>body #bottom_logo {float: left; margin: -170px 0px 0px -30px;}
#bottom_logo { position:relative; margin: -170px 0px 0px -30px;}

#footer ul { list-style-type: none; text-decoration: none;}
#footer li { display: inline;}
#footer a { color:#ffffff; margin: 0px 10px 0px 100px; text-decoration:none}
#footer a:hover { color:#ff9900; text-decoration:none}

/* this is the formatting for an images and tables */

#left_image { float:left; margin:0px 10px 0px 0px;}
#left_image img { border: 3px solid #669900; margin: 6px 6px 6px 0px;}

#right_image { float:right; margin:0px 0px 0px 10px;}
#right_image img { border: 3px solid #669900; margin: 6px 0px 6px 6px;}

#secureourfuture_image { float:right; margin:0;}

#centre_image {margin: -195px 0px 3px 200px;}
#centre_image img { border: 3px solid #669900;}
/*use this one for when there are three in a row e.g. on cattery/kennels pages*/

#basic_image_right { margin: -159px 0 3px 400px;}
#basic_image_right img {border: 3px solid #669900;}
/*use this one for when there are three in a row e.g. on cattery/kennels pages*/

#basic_image { margin: 0px 0px 3px 3px}
#basic_image img {border: 3px solid #669900;}


#left_image_noborder { float:left; margin:0px 12px 0px 0px;}
#left_image_noborder img { border: solid 2px;}

#table_events {border-collapse:collapse;}
#table_events th {background:#ffc266; border: 1px solid #669900; padding: 4px; font-weight:bold;}
#table_events td {background:#ccff99; border: 1px solid #669900; padding: 4px;}

#table_cats_header { border-collapse:collapse;}
#table_cats td {background:#ffffff; border-style: solid; border-color:#ffffff; padding: 1px; font-size:11px;}

#table_cats { border-collapse:collapse;}
#table_cats td {background:#ccff99; border-style: solid; border-color:#ffffff; padding: 4px; font-size:12px;}


#table_blog_header { border-collapse:collapse;}
#table_blog td {background:#ffffff; border-style: solid; border-color:#ffffff; padding: 7px; font-size:12px;}

#table_blog { border-collapse:collapse;}
#table_blog td {background:#ccff99; border-style: solid; border-color:#ffffff; padding: 7px; font-size:12px;}


#table_gone_header { border-collapse:collapse;}
#table_gone td {background:#ffffff; border-style: solid; border-color:#ffffff; padding: 7px; font-size:12px;}

#table_gone { border-collapse:collapse;}
#table_gone td {background:#ffffff; border-style: solid; border-color:#ffffff; padding: 7px; font-size:12px;}







#websearch_form {}