/*
Development Date: 07-30-2009
Version: CSS 2.1
Validates: Yes  Note Warnings line 110, 175 Width Declaration Not Used On Purpose To Avoid Quirks Mode on IE and no Hacks
Spec. URL:  http://www.w3.org/TR/2007/CR-CSS21-20070719/
File URL:  http://www.meowhousekittens.com/assets/css/style.css
Domain:MeowHouseKittens.com
*/


/* General Styles */	
body {
margin:1em 0 0 0;  /* original margin:0;*/
padding:0;	
border:0;               /* This removes the border around the viewport in old versions of IE  */
width:100%;
min-width:600px;  /* Minimum width of layout - remove line if not required. The min-width property does not work in old versions of Internet Explorer  */
font-size:90%;
text-align:center; /* Necessary for fixed width design, plus also left and right margins of 'auto' on fix div*/
font-family:Arial;
font-weight:normal;
color:#656D7E;
}
	
a {
color:#369;
text-decoration:underline;
}
	
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}

h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
padding-bottom:10px;
font-family:Arial;
text-align:left;
font-size:18px;
font-weight:bold; 
line-height:18px;
color:#656D7E;
text-transform:lowercase;
}

p {
margin:.4em 0 .8em 0;
padding:0;
}

img {
margin:10px 0 5px;
}

img.thumb {
    float:left;
    margin:2px 2px 2px 2px;
    width:25px;
    height:25px;
    border:1px;
}

img.presentation {
    float:left;
    margin:5px 5px 5px 5px;
    width:150px;
    height:150px;
    border:1px solid #9EC9E3;
}

    

/* End General Styles */


/* Dynamic Styles */
.dynamic {
    cursor:pointer;
    text-decoration:underline;
    color:#369
}

.dynamic-menu {
    cursor:pointer;
    text-decoration:none;
    color:#369
}

span:hover{
color:#fff;
background:#369;
text-decoration:none;
}
/* End Dynamic Styles */

/* Body Background Classes */	
.blue-dots {background: #fff url('../backgrounds/blue-dots.gif');}
.blue-lines {background: #fff url('../backgrounds/blue-lines.gif');}
.cat-face {background: #fff url('../backgrounds/cat-face.gif');}
.pink-plaid {background: #fff url('../backgrounds/pink-plaid.gif');}
.pink-check {background: #fff url('../backgrounds/pink-check.gif');}
.pink-dots {background: #fff url('../backgrounds/pink-dots.jpg');}
.pink-sq {background: #fff url('../backgrounds/pink-square.gif');}
.green-plaid {background: #fff url('../backgrounds/green-plaid.gif');}
.purple-dots {background: #fff url('../backgrounds/purple-dots.jpg');}
.purple-sq {background: #fff url('../backgrounds/purple-square.gif');}
.yellow {background: #fff url('../backgrounds/yellow-dohickey.gif');}
.yellow-pink {background: #fff url('../backgrounds/yellow-pink.gif');}
/* End Body Background Classes */


/* Border Classes */
.aqua {border-left:5px solid #9EC9E3; border-right:5px solid #9EC9E3;}  /*Set colmask class*/
#header.aqua {border-top:5px solid #9EC9E3; border-left:5px solid #9EC9E3; border-right:5px solid #9EC9E3;}
#footer.aqua {border-left:5px solid #9EC9E3; border-right:5px solid #9EC9E3; border-bottom:5px solid #9EC9E3;}

.bright-green {border-left:5px solid #A8DE8C; border-right:5px solid #A8DE8C;}  /*Set colmask class*/
#header.bright-green {border-top:5px solid #A8DE8C; border-left:5px solid #A8DE8C; border-right:5px solid #A8DE8C;}
#footer.bright-green {border-left:5px solid #A8DE8C; border-right:5px solid #A8DE8C; border-bottom:5px solid #A8DE8C;}

.dark-green {border-left:5px solid #80C7BA; border-right:5px solid #80C7BA;}  /*Set colmask class*/
#header.dark-green {border-top:5px solid #80C7BA; border-left:5px solid #80C7BA; border-right:5px solid #80C7BA;}
#footer.dark-green {border-left:5px solid #80C7BA; border-right:5px solid #80C7BA; border-bottom:5px solid #80C7BA;}

.dark-pink {border-left:5px solid #DC829D; border-right:5px solid #DC829D;}  /*Set colmask class*/
#header.dark-pink {border-top:5px solid #DC829D; border-left:5px solid #DC829D; border-right:5px solid #DC829D;}
#footer.dark-pink {border-left:5px solid #DC829D; border-right:5px solid #DC829D; border-bottom:5px solid #DC829D;}

.pink {border-left:5px solid #FA73BF; border-right:5px solid #FA73BF;}  /*Set colmask class*/
#header.pink {border-top:5px solid #FA73BF; border-left:5px solid #FA73BF; border-right:5px solid #FA73BF;}
#footer.pink {border-left:5px solid #FA73BF; border-right:5px solid #FA73BF; border-bottom:5px solid #FA73BF;}

.purple {border-left:5px solid #9EA6FE; border-right:5px solid #9EA6FE;}  /*Set colmask class*/
#header.purple {border-top:5px solid #9EA6FE; border-left:5px solid #9EA6FE; border-right:5px solid #9EA6FE;}
#footer.purple {border-left:5px solid #9EA6FE; border-right:5px solid #9EA6FE; border-bottom:5px solid #9EA6FE;}  

h3.new-kitten {font-family:Comic Sans MS;margin:1.8em 0 0.4em 0;}


/* End Border Classes */


/* Fixed Width Container */
#fixed {    
margin:0 auto;
width:90%;   /* you can use px, em or % */
text-align:left;  /* Necessary text-align:left - to override the text-align:center on the body tag - when using fixed width*/
background: #fff;
}
/* End Fixed Width Container */


/* Header*/
#header {
clear:both;
float:left;
width:100%;
height: 212px;
}

#header {
border-bottom:0px solid #fff;
}

#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}

#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}

#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}

#header ul li a:hover {
background:#369;
color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}

#header ul li a span {
display:block;
}
/* End Header*/


/* Header Background Classes */
#header.findlay {background: #fff url('../headers/findlay.jpg') top left no-repeat ;}
#header.franklin {background: #fff url('../headers/franklin.jpg') top left no-repeat ;}
#header.nicholas {background: #fff url('../headers/nicholas.jpg') top left no-repeat ;}
#header.scarlet {background: #fff url('../headers/scarlet.jpg') top left no-repeat ;}
#header.walter {background: #fff url('../headers/walter.jpg') top left no-repeat ;}
#header.yeats {background: #fff url('../headers/yeats.jpg') top left no-repeat ;}
#header.daisy {background: #fff url('../headers/daisy.jpg') top left no-repeat ;}
#header.meow-house {background: #fff url('../headers/meow-house.jpg') top left no-repeat ;}
/* End Header Background Classes */


/* Column Container */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;		/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
}
/* End Column Container */


/* Common Column Settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;		/* width of page */
position:relative;
}

.col1 {
text-align:justify;
float:left;
position:relative;
padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}

.col2 {
text-align:left;
float:left;
position:relative;
padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}

.col3 {
text-align:left;
float:left;
position:relative;
padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
/* End Common Column Settings */


/* 3 Column Settings */
.threecol {
background:#fff;	/* right column background colour */
}

.threecol .colmid {
right:25%;		/* width of the right column */
background:#fff;	/* center column background colour */
}

.threecol .colleft {
right:50%;		/* width of the middle column */
background:#fff;	/* left column background colour */
}

.threecol .col1 {
width:46%;		/* width of center column content (column width minus padding on either side) */
left:102%;		/* 100% plus left padding of center column */
}

.threecol .col2 {
width:21%;		/* Width of left column content (column width minus padding on either side) */
left:31%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
width:21%;		/* Width of right column content (column width minus padding on either side) */
left:85%;		/* Please make note of the brackets here:
		(100% - left column width) plus (center column left and right padding)
                                     plus (left column left and right padding) plus (right column left padding) */
}
/* End 3 Column Settings */


/* Contact Form */
#contact-area {width: 350px;margin: 2px 0 auto 0; text-align:left;}
#contact-area input, #contact-area textarea {padding: 2px;width: 300px;font-family: Arial; font-size: 1.4em; margin: 5px 0px 5px 0px; border: 2px solid #ccc;}
#contact-area textarea {height: 50px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.submit-button {width: 150px;float: left;}
form fieldset {margin-left:5px; border:0 solid;}

label {float: left;text-align: left;margin-right: 5px;width: 100px;padding-top: 5px;font-size: 1.4em;}
/* End Contact Form */


/* Footer Styles */
#footer {
clear:both;
float:left;
width:100%;
background:#fff;
}

#footer p {
padding:10px;
margin:0;
}
/* End Footer Styles */

/* Menu Styles */
.menuborder {
    background-color: #FAF7A3;
    border-style: dotted;
    border-color: #A6DD95 
}

#mainmenu {
  padding: 0;
  margin: 0 0 0 0;
  border-bottom: 2px solid #FAF7A3;
}

#mainmenu ul{
}

#mainmenu li {
  background: #fff url('../backgrounds/heart.gif') left no-repeat;
  list-style: none; 
  margin: 0;
  border-top: 2px solid #FAF7A3;
  padding: 2px;
  padding-left:25px;
  text-decoration: none;
  font-family:Comic Sans MS;
}

#mainmenu li a { text-decoration: none; }

#submenu {
  padding: 0;
  margin: 0 0 0 0;
  border-bottom: 2px solid #FAF7A3;
}

#submenu ul{
}

#submenu li {
  background: #fff url('../backgrounds/heart.gif') left no-repeat;
  list-style: none; 
  margin: 0;
  border-top: 2px solid #FAF7A3;
  padding: 2px;
  padding-left:25px;
  text-decoration: none;
  font-family:Comic Sans MS;
}

#submenu li a { text-decoration: none; }

.menutext {
  font-size:12px;
  font-weight:bold; 
  line-height:20px;
  color:black
}

.menutext {
  font-size:12px;
  font-weight:bold; 
  line-height:20px;
  color:black
}
/* End Menu Styles */

/* Display Box Styles */
.displayborder {
    background-color: #FAF7A3;
    border-style: dotted;
    border-color: #A6DD95 
}

#displaymenu {
  padding: 0;
  margin: 0 0 0 0;
  border-bottom: 2px solid #FAF7A3;
}

#displaymenu ul{
}

#displaymenu li {
  background: #fff url('../backgrounds/heart.gif') left no-repeat;
  list-style: none; 
  margin: 0;
  border-top: 2px solid #FAF7A3;
  padding: 2px;
  padding-left:25px;
  text-decoration: none;
  font-family:Comic Sans MS;
}

#displaymenu li a { text-decoration: none; }

#displaymenu2 {
  padding: 0;
  margin: 0 0 0 0;
  border-bottom: 2px solid #FAF7A3;
}

#displaymenu2 ul{
}

#displaymenu2 li {
  background: #fff url('../backgrounds/heart.gif') left no-repeat;
  list-style: none; 
  margin: 0;
  border-top: 2px solid #FAF7A3;
  padding: 2px;
  padding-left:25px;
  text-decoration: none;
  font-family:Comic Sans MS;
}

#displaymenu2 li a { text-decoration: none; }
/* End Display Box Styles */


/* Article Resource Box Style */
#resourcebox {text-align:left;}    /*{margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;text-align:left;}*/
/* End Article Resource Box Style */

/* Resource Page Directory Style */
#resource li {list-style-type:none; margin:0 0 0.5em 0;} 
.col3-list li {list-style-type:none; margin:0 0 0.3em 0; text-align:left;}
/* Resource Page Directory Style */

/* Misc Casses and Styles */
.boy {color:#93C2FF;}
.girl {color:#FA73BF;} 
.clear {clear:both;}
.small {font-size:0.6em; font-family: Helvetica, sans-serif;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.black {color:black; font-family:Arial;font-weight:bold;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.logo {font-family:Comic Sans MS; font-weight:bold;text-transform:lowercase;}   
.float-left {float: left; margin-right: 5px;}
.float-right {float: right; margin-left: 5px;}
.center {text-align: center;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.important-aqua {color:#9EC9E3; background-color:inherit; font-weight:bold;}
h3.important {color:#f02025; background-color:inherit; font-weight:bold;margin:1.2em 0 0.8em 0;}
.showcase {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
/* End Misc Classes and Styles */

/* End */