@charset "UTF-8";
* {
		margin:0;
		padding:0;
		border:0;
}

body  {
	font-size: 75%;
	background: url(../images/bg.jpg) repeat-x #0b5473;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

/* TYPOGRAPHY */

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em;}
h3 { font-size: 1em; line-height: 1;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; line-height:1.3em; }

#mainContent ul, ol { margin: 0 1.5em 1.5em 1.5em; }
#mainContent ul { list-style-type: circle; }

.optionsText{
	font-family:"Freestyle Script", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:26px;
	font-style:italic;
}

.choiceText{
	font-family:"Freestyle Script", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:26px;
}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #519ebe; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic;}
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* END TYPOGRAPHY */


/* NAVIGATION CONTROL */
.twoColFixRtHdr #nav { 
	background-color: #909f2c; 
	padding:0;
	margin:0;
	width:734px;
	height: 38px;
} 
#nav li {
	list-style-type:none;
	float:left;
}
#home a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_home.jpg) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:95px;
	height:38px;
	overflow:hidden;
}
#home a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_home.jpg) no-repeat;
	background-position: 0px -38px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:95px;
	height:38px;
	overflow:hidden;
}
#home {
	text-indent:-3000px;
	background:url(../images/nav_home.jpg) no-repeat;
	background-position: 0px -76px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:95px;
	height:38px;
	overflow:hidden;
}
#abortion a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_abortion.jpg) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:119px;
	height:38px;
	overflow:hidden;
}
#abortion a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_abortion.jpg) no-repeat;
	background-position: 0px -38px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:119px;
	height:38px;
	overflow:hidden;
}
#abortion {
	text-indent:-3000px;
	background:url(../images/nav_abortion.jpg) no-repeat;
	background-position: 0px -76px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:119px;
	height:38px;
	overflow:hidden;
}
#adoption a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_adoption.jpg) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:121px;
	height:38px;
	overflow:hidden;
}
#adoption a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_adoption.jpg) no-repeat;
	background-position: 0px -38px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:121px;
	height:38px;
	overflow:hidden;
}
#adoption {
	text-indent:-3000px;
	background:url(../images/nav_adoption.jpg) no-repeat;
	background-position: 0px -76px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:121px;
	height:38px;
	overflow:hidden;
}
#parenting a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_parenting.jpg) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:128px;
	height:38px;
	overflow:hidden;
}
#parenting a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_parenting.jpg) no-repeat;
	background-position: 0px -38px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:128px;
	height:38px;
	overflow:hidden;
}
#parenting {
	text-indent:-3000px;
	background:url(../images/nav_parenting.jpg) no-repeat;
	background-position: 0px -76px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:128px;
	height:38px;
	overflow:hidden;
}
#pill a {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_pill.jpg) top left no-repeat;
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:271px;
	height:38px;
	overflow:hidden;
}
#pill a:hover {
	text-indent:-3000px;
	text-transform:uppercase;
	background:url(../images/nav_pill.jpg) no-repeat;
	background-position: 0px -38px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:271px;
	height:38px;
	overflow:hidden;
}
#pill {
	text-indent:-3000px;
	background:url(../images/nav_pill.jpg) no-repeat;
	background-position: 0px -76px; 
	color: #FFF;
	display:block;/*allows width and height to be specified*/
	width:271px;
	height:38px;
	overflow:hidden;
}
/* END NAVIGATION CONTROL */






/* BEGIN LAYOUT */


#sticky {
	background: url(../images/sticky.png) no-repeat top left;
	position:relative;
	top:0px;
	left: 550px;
	width:225px;
	height:225px;
	z-index:1;
}

.twoColFixRtHdr #container { 
	width: 734px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#0b5473;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #masthead { 
	background: url(../images/masthead.jpg) no-repeat #519ebe;
	width:734px;
	height:123px;
	padding:0;
} 

.twoColFixRtHdr #banner { 
	background:url(../images/banner.jpg); 
	padding:0;
	height: 227px;
	width: 734px;
	margin:0;
} 
.twoColFixRtHdr #banner2 { 
	background:url(../images/banner2.jpg); 
	padding:0;
	height: 227px;
	width: 734px;
	margin:0;
} 
.twoColFixRtHdr #banner3 { 
	background:url(../images/banner3.jpg); 
	padding:0;
	height: 227px;
	width: 734px;
	margin:0;
} 
.twoColFixRtHdr #banner4 { 
	background:url(../images/banner4.jpg); 
	padding:0;
	height: 227px;
	width: 734px;
	margin:0;
} 
.twoColFixRtHdr #banner5 { 
	background:url(../images/banner5.jpg); 
	padding:0;
	height: 227px;
	width: 734px;
	margin:0;
} 
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 232px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(../images/sidebar.jpg) repeat-y; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0;
	padding:0 20px 20px 30px;
}
#sidebar1 h3 {
	background:url(../images/h1Sidebarbg.jpg) no-repeat top left;
	margin-left:-30px;
	padding-top:25px;/* use this padding to center the heading text vertically within the background element.*/
	height:68px;
	width: 282px;
	text-indent:20px;
	color:#ffffff;
}
.twoColFixRtHdr #mainContent { 
	background: url(../images/mainContent.jpg) repeat-y;
	width: 412px;
	margin: 0 282px 0 0;
	padding:0 20px 0 20px;
} 
.twoColFixRtHdr #contactContainerTop { 
	background: url(../images/singleTop.gif) no-repeat top left;
	width: 734px;
	margin:0;
	padding:0;
} 
.twoColFixRtHdr #contactContainer { 
	background: url(../images/singleMiddle.gif) repeat-y;
	width: 734px;
	margin:0;
	padding:0 20px 0 20px;
} 
.twoColFixRtHdr #contactContainer p{ 
	margin:0;
	padding:0 20px 0 0;
} 
.twoColFixRtHdr #contactContainerBottom { 
	background: url(../images/singleBottom.gif) no-repeat bottom left;
	width: 734px;
	margin:0;
	padding:0;
} 
#mainContent h2 {
	background:url(../images/h1bg.jpg) no-repeat top left;
	margin-left:-20px;
	padding-top:21px;/* use this padding to center the heading text vertically within the background element.*/
	height:68px;
	text-indent:10px;
	color:#FFFFFF;
	width:452px;
}
.pillH1Fix {
	font-size:18px;
}
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: none;
	text-align:center;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#519ebe;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}