@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #43001F; 
	font-size:14px;
}

html>body #bodycontent {
	min-height: 700px;
}

h1 {
	font-size: 3em;
	line-height: 1em;
}

h3 {
	font-size: 1.2em;
	color: #99356C;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
	font-size: 1.1em;
	color: #99356C;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
}

p {
	margin-top: 1em;
	margin-bottom: 0em;
}

a {
	color:#906;
}

a:hover {
	color: #C1872E;
}

li {
	line-height: 1.65em;
}

ol {
	margin-top:5px;
	margin-bottom:5px;
}

.quote {
	color:#99356C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}

blockquote {
	color: #99356C;
	font-size:.95em;
	font-style: italic;
	text-align: justify;
}


/* This rule would change the first letter of every paragraph in the body content to a larger size - need to figure out how to just do the first paragraph

div#bodycontent p: first-letter {
	font-size: 2em;
}
*/

/*---- These classes control the overall style of each of the website pages ----*/

.plain {
	margin: 0px;
	background-color: #FCB1DA;
	color: #43001F;
}

.home {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.curriculum {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.inspirations {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.offerings {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.transgender {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.resources {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.about {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.play {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.shop {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.subscribe {
	margin: 0px;
	background-color: #FCB1DA;
	background-image: url(../images/bkgnd-offerings.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #43001F;
}

.legal {
	margin: 0px;
	background-color: #FCB1DA;
	color: #43001F;
}
/*---- End of page style classes ----*/

#logo {
	display: block;
	position: absolute;
	left: 25px;
	top:15px;
}

#bizname {
	display: block;
	position: absolute;
	left: 280px;
	top: 15px;
	float: right;
	width: 539px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #622245;
	z-index: 2;
}

#motto {
	display: block;
	position: absolute;
	left: 280px;
	top: 70px;
	float: right;
	width: 539px;
	z-index: 3;
}

#butterfly {
	display: block;
	position: absolute;
	left: 1120px;
	top:250px;
	z-index:8;
}

#lizard {
	display: block;
	width:136px;
	height:85px;
	position: absolute;
	left: 129px;
	bottom: -25px;
}

#bird {
	display: block;
	position: absolute;
	left: 890px;
	top:40px;
	z-index:8;
}

#quote {
	font-style:italic;
	font-size:1em;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #606;
	padding-bottom: 10px;
}

/* ---- This next section of classes, ideas and unorder lists controls the Main Navigation bar and Sub Navigation ----*/
.current {
	background-image: url(../images/ro_eye.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color:#B96D1A;
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-bottom-color: #906;
}

.exclaim {
	background-image:url(../images/highlight.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.subcurrent {
	background-image: url(../images/ro_eye.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.subnavcurrent {
	text-decoration: underline;
	color: #B96D1A;
	font-weight: bolder;
	font-size: 1em;
}

#navigation {
	display: block;
	position: absolute;
	left: 200px;
	top: 100px;
	z-index: 5;
	width: 950px;
}

#navigation a {
	text-decoration: none;
	color: #43001F;
	display: block;
	height: 35px;
	float: left;
	text-align: center;
	line-height: 45px;
}

#navigation a:link {
	color: #43001F;
	text-decoration: none;
}

#navigation a:visited {
	text-decoration: none;
	color: #43001F;
}

#navigation a:hover {
	text-decoration: underline;
	color: #C1872E;
	background-image: url(../images/ro_eye.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#navigation a:active {
	text-decoration: underline;
	color: #C1872E;
	background-image: url(../images/ro_eye.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#subnav {
	display: block;
	position: absolute;
	left: 280px;
	top: 123px;
	z-index: 4;
	width: 720px;
	height: 35px;
}

#subnav a {
	font-size: .9em;
	text-decoration: underline;
	color: #43001F;
	display: block;
	height: 15px;
	float: left;
	text-align: center;
	line-height: 45px;
}

#subnav a:link {
	color: #43001F;
}

#subnav a:visited {
	color: #43001F;
}

#subnav a:hover {
	color: #C1872E;
}

#subnav a:active {
	color: #C1872E;
}

#subsubnav {
	display: block;
	position:absolute;
	left:250px;
	top:215px;
	width: 720px;
	height: 35px;
	z-index:10;
}

#subsubnav a {
	font-size: .9em;
	display: block;
	height: 15px;
	float: left;
	text-align: center;
	line-height: 45px;
}

#subsubnav a:hover {
	color: #C1872E;
}

#subsubnav a:active {
	color: #C1872E;
}


ul.menu {
	list-style-type: none;
	display: block;
}

ul.menu li {
	float: left;
	display: block;
	text-align: center;
	line-height: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

ul.menu li.right {
	float: left;
	display: block;
	text-align: center;
	line-height: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 200px;
}

ul.menu li.moreright {
	float: left;
	display: block;
	text-align: center;
	line-height: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 270px;
}

ul.menu li.mostright {
	float: left;
	display: block;
	text-align: center;
	line-height: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 400px;
}

/* ----End of Main Navigation section ---- */

#open {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:800px;
	top:60px;
}

#divider {
	display: block;
	position: absolute;
	left: 258px;
	top: 155px;
}

#bodywrapper {
	display:block;
	position:absolute;
	left:5px;
	top:250px;
	width:1110px;
}

#bodycontent {
	background-color: #F3E3C2;
	background-image: url(../images/main_background.jpg);
	background-repeat: repeat;
	background-position: top;
	width: 530px;
	color: #43001F;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-left: 275px;
	margin-top:-10px;
}

#legalcontent {
	display: block;
	position: absolute;
	left: 30px;
	top: 150px;
	background-color: #F3E3C2;
	background-image: url(../images/main_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 700px;
	color: #43001F;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	z-index: 3;
	height: 1000px;
	padding-top: 10px;
}

#legalaction {
	position:absolute;
	left: 600px;
	top:170px;
	z-index:10;
}

#go_home {
	position:absolute;
	left: 500px;
	top: 170px;
	z-index:9;
}

#legalaction2 {
	position:absolute;
	left: 480px;
	top:20px;
	z-index:10;
}

#ordercontent {
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: #F3E3C2;
	background-image: url(../images/main_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 550px;
	color: #43001F;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	z-index: 3;
	padding-top: 10px;
}

#sidebar {
	display: block;
	position: absolute;
	left: 840px;
	top: -20px;
	width: 250px;
	color: #43001F;
	padding: 10px;
	z-index: 2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #910951;
	border-bottom-color: #910951;
	border-left-color: #910951;
}

ul#rules {
	list-style-type: none;
	list-style-position: inside;
	line-height: 2em;
	margin-top: .75em;
	margin-bottom: .75em;
	font-style: italic;
	font-variant: small-caps;
}

ul#visit {
	list-style-type: none;
	margin-top: .1em;
	margin-bottom: 0;
}

ul#request {
	margin-top: .1em;
	margin-bottom: 0;
}

li.tight {
        line-height:1em;
        margin-top: 1.15em;
}

#sidebar img{
	clear:both;
}

#video1{
	height: 400px;
	width: 480px;
	margin-top: 35px;
	margin-left: 10px;
}

#video2{
	height: 305px;
	width: 480px;
	margin-top: 35px;
	margin-left: 10px;
}

/*---- This section controls the bottom Alternate Naviagtion bar ----*/
ul#altmenu {
	list-style-type: none;
	display: block;
}

ul#altmenu li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	text-align: center;
}

#bottomnav{
	width: 750px;
	top: 1570px;
	font-size: 0.85em;
	height: 20px;
	margin-left: 207px;
}
/*---- End of Alternate Navigation bar section ----*/

/*---- These div ids are for the Footers at the bottom of each page ----*/
#copyright{
	width: 1110px;
	text-align: center;
	font-size: .9em;
	height: 15px;
}

#address{
	width: 1110px;
	text-align: center;
	font-size: .9em;
	height: 18px;
	margin-top:5px;
}

#site_design{
	width: 1110px;
	text-align: center;
	font-size: .75em;
	height: 20px;
	margin-top:10px;
}

/*-- Legal footer only occurs at the bottom of the privacy and terms of use pages --*/
#legalfooter{
	display: block;
	position: absolute;
	left: 30px;
	width: 700px;
	top: 1200px;
	text-align: center;
	font-size: .8em;
}

/*-- Legal footer2 only occurs at the bottom of the book order FAQ page --*/
#legalfooter2{
	display: block;
	position: absolute;
	left: 10px;
	width: 570px;
	top: 1000px;
	text-align: center;
	font-size: .8em;
}

/*-- The following classes are used to differentiate text --*/
.floatleft {
	
	float: left;
}

.clear {
	clear:both;
	padding-top:20px;
}

.floatright {
	
	float: right;
	
}

.justbold {
	font-weight: bolder;
}

.bold {
	font-weight: bold;
	font-size: 1.1em;
	color:#99356C;
	text-transform: uppercase;
}

.gold {
	color:#A47B00;
}

.italics {
	font-style:italic;
}

.highlight {
	color:#99356C;
}

.indent {
	text-align:justify;
	padding-left: 20px;
	font-style:italic;
}

.indent-rules {
	text-align:left;
	padding-left: 70px;
	font-style:normal;
}

.indent-pymt {
	text-align:justify;
	padding-left: 40px;
	font-style:normal;
}

.justify {
	text-align:justify;
	padding-right: 20px;
	padding-left: 25px;
}

.justjustify {
	text-align:justify;
}

.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}

.sidebar {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #606;
	padding: 10px;
	margin: 0 -10px 0 -10px;
}

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

.big {
	font-size:1.1em;
	font-weight: bold;
}

.bigger {
	font-size: 1.2em;
	color: #99356C;
}

.style {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.background {
	background-color:#FFC4FF;
	margin:0 -10px -10px -10px;
	padding:10px;
}

.border {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #606;
}

.borderTop{
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #606;
}

.small {
	font-size:.85em;
}

.smaller {
	font-size: .7em;
}

.line-height-small {
	line-height: 1.1em;
}

.line-through {
	text-decoration: line-through;	
}

.right {
	text-align: right;	
}

.red {
	font-size: 1.2em;
	color: #F00;
}

.blue {
	font-size: 1.1em;
	font-weight: bold;
	color: #60C;
}

.claimface {
	font-variant: small-caps;
	font-size: 1.1em;
}

ul.claiming {
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	margin-right: 5px;
}

ul.claiming li {
	line-height: 1.2em;
	padding-bottom: 10px;
}

ul.guide {
	list-style-position: outside;
	list-style-type: disc;
	text-align: left;
	margin-right: 10px;
}

.guide-caption {
	margin-left: 280px;
	text-align: right;
}

/* Table styling */

.alignLeft {
	float:left;
	margin-right:1em;
}

/*Form Styling*/

.display_archive {
	font-family: arial,verdana; 
	font-size: 12px;
}
.campaign {
	line-height: 125%; 
	margin: 5px;
}

.mc-field-group {
	clear:both;
	margin:1.3em 5%;
}

.mc-field-group li {
	clear:both;
	list-style-type: none;
	font-size:0.95em;
	color:#99356C;
	font-weight: bold;
}

.fields {
	width: 95%
}

.response {
	color:#F00;
	font-size:1.2em;
	text-transform:uppercase;
}

#form {

}

.women-form li {
	clear:both;
	list-style-type: none;
}

.women-form ul {
	margin-top: 0px;
}

/* Twitter styling */

#twitter_update_list {
	font-family: "Comic Sans MS", cursive;
	color:#FFF;
	list-style-type: none;
	padding: 0 10px 0 15px;
	margin: 0 -15px 0 -15px;
}

#twitter_update_list li {
	border-bottom:dotted;
	border-bottom-width:1px;
	border-color:#FFF;
	text-align: left;
	margin-right:10px;
	font-size:.9em;
	margin: 2px;
}

#twitter_div {
	background-color:#80285A;
	background-image:url(../images/twitter.jpg);
	background-repeat:no-repeat;
	width: 250px;
	margin:0 -10px -10px -10px;
	padding:10px;
}

#twitter_div a {
	color:#FFF;
}

#twitter_badge {
	width:20px;
	height:20px;
	position:absolute;
	left:30px;
	top:283px;
}

.sidebar-title {
	font-family:"Comic Sans MS", cursive;
	color:#FFF;
	text-decoration:underline;
	font-size:1.3em;
	text-align:center;
}

/* Etsy Shop */

#etsy_mini {
	width:468px;
	height:550px;
	margin-left:20px;
}