@charset "UTF-8";

/*CSS Styles for Family Connections*/

/* standard */

body,table,input,form,select,td {
	font-family:Arial, Helvetica, sans-serif;
}

b {
	font-weight:bold;
	background-color: #00FF99;
}
a {
	color:#000066;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
	color: #000066;
}

.body#contact a {
	color:#FF9900;
	text-decoration:none;
	font-weight:bold;
	}
	
.body#contact a:hover {
	text-decoration:underline;
	color:#FF9900;
	font-weight:bold
	}	

/*styles*/

.quote {color:#FFFFFF;font-size:12px;line-height:19px;}
.header {
	color:#000000;
	font-weight:bold;
	font-size:16px;
}

.title{
	font-size:16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic
}

.body{
	font-size:13px;
	font-weight: normal;
	line-height: 17px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

/*-----navigation styles----*/

.nav1 {
	color: #000066;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.nav1 ul {
	width: 780px;
	height: 12px;
	margin: -4px 0px 7px 15px;
	padding: 0px 0px 0px 15px;
	list-style:none;
	float:left
}

.nav1 ul li {
	color:#000066;
	float:left;
	font-size: 12px;
	line-height: 24px;
	margin:0 20px 0 0;
	display:inline
	}
	
.nav1 ul li a:acitve {
	color:#000066;
	text-decoration:none
	}
	
.nav1 ul li a:hover {
	color:#669900;
	text-decoration:none;
	}

.nav1 #currentpage a {
	color:#336600;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	font-style:italic;
}	

/*--------header------*/

.nav_style {
	font-family: "Times New Roman", Times, serif;
	color:#000066;
	font-size: 36px;
	text-decoration: none;
	letter-spacing: 6px;
	font-style: italic;
	font-weight: bold;
}

.nav2_style {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color:#000066;
	text-decoration: none;
	letter-spacing: 5px;
	
}
#div1 {
	width:500px;
	left:125px;
	top:10px;
	font-weight:bold;
	font-size:36px;
	text-decoration:none;
	font-style:italic;
	position:relative;
}
#div1 a:link {
	color: #000066;
}

#div1 a:hover {
	color:#669900;
	text-decoration:none
	}

#div2 {
	width:80px;
	position:absolute;
	left:5px;
	top:53px;
}
#div2 a:hover {
	color:#669900;
	text-decoration:none
	}

#div3 {
	position:absolute;
	top:56px;
	left:211px;
	}
	

.logo {
	background-image:url(../images/rotate_logo/rotate.php);
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	text-decoration: none;
	font-style: italic;
	background-color:#669900;
}

/*------basic---------------*/	

#wrapper {
	position:relative;
	width:900px;
	text-align:left;
	background-color:#FFFFFF;
	background:#FFFFFF;
	}
	
#clear {
	clear:both;
	}
	


body { 
	background:#FF9900;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	background-position: right top;
}

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Arial",Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:bold;
  font-style:italic;
  line-height:1.4em;
  color:#000000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#FF9900;
  font-weight:normal;
  font-style:italic;
  }
.post-title strong, .post-title a:hover {
  color:#000066;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.25em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Arial",Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.-1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  border:1px solid #000000;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/*--------Footer-----------*/

#footer {
	background:#FFFFFF;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}