* { 
	padding: 0; 
	margin: 0;
}
body {
	font-size: 100%;
	font-family: Arial, Helvetica, verdana, sans-serif;
	background-color: #8D559C;
	background-image: url(../image-files/purple-gradient-light.gif);
	background-repeat: repeat-x;
}
		
	h1 {
	padding-top:10px;
	color: #64087b;
	text-align: center;
	font-size: 18pt;
		}

h2 {
	font-size: 16pt;
	text-align: center;
	color: #64087b;
}
h3 {
	font-size: 14pt;
	color: #64087b;
}

h4
{
	font-size: 12pt;
	color: #64087b;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #8c5d91;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

hr {
	color: #692C79;
}
.leftalign
{
	text-align: left;
}
.fltlft {
	float: left;
	margin-right: 5px;
}
.fltlft_no_margin {
	float: left;
}

.fltrt {
	float: right;
	margin-left: 5px;
}
.fltrt_no_margin {
	float: right;
}
.tiny_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #692C79;
	text-align: center;
}
#wrapper {
	background-color: #FFFFFF;
}
#content p {
	margin-bottom: 10px;	
}
#container {
	font-size: 14px;
	margin: 0 auto;
	padding: 15px;
	overflow: hidden;
	min-width: 800px;
	max-width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
}
* html #container {
	width:expression(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	> 1100 ? "1000px" : (((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) < 805 ? "800px" : "auto"));
}
#header {
	background-image: url(http://www.babies-and-sign-language.com/image-files/mid-logo3.gif);
	background-repeat: repeat-x;
}
#content {
	margin-left: 242px;
	background-color: #FFF;
	margin-right: 242px;
	padding-right: 15px;
	padding-left: 15px;
}
#footer {
	background-color: #E6DAE7;
	padding: 10px;
	border: 1px solid #000;
	margin-top: 20px;
	text-align: center;
}
#footer table {
	text-align: center;
}

#additional {
	float: right;
	width: 180px;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #692C79;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #692C79;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #692C79;
	margin-right: 10px;
}
#additional ul {
	list-style-image: url(../image-files/hand-bullet.jpg);
}

.menuright {
	FONT-WEIGHT:normal;
	FONT-SIZE:13px;
	LINE-HEIGHT:normal;
	padding: 3px;
	height: auto;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	vertical-align: text-top;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.emphasize_with_color {
	color: #692C79;
}

.xo-whiteyellow-175px-font12px {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 175px;
	text-align: center;
	color: #FFFF7D;
	font-size: 12px;
}
.box-whitepurple-175px-font12px {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 175px;
	text-align: center;
	color: #692C79;
	font-size: 12px;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.box-whitepurple-90percent {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 90%;
	text-align: left;
	color: #692C79;
	float: center;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.box-whitepurple-100percent-leftalign {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 100%;
	text-align: left;
	color: #692C79;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 5px;
}



#goog_right {
	margin: 0px;
	padding: 0px;
}
.rightnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFF7D;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	background-color: #692C79;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
	padding-top: 2px;
}
.rightnav-emphasized-link {
	color: #FF0;
}

.menuright img {
	border:none;
}

.menuright a:link {
	color: #5C006D;
	text-decoration: none;
}
.menuright a:hover {
	color: #5C006D;
	text-decoration: underline;
}
.menuright a:visited {
	color: #000000;
	text-align: center;
}
.rightnav-single-line a:visited{
	color: #FF0;
	background-color: #8D559C;
}



#container #wrapper #additional .menuright li {
	list-style-type: disc;
	margin-left: 15px;
}
.right-side-nav-180180 {
	font-size: medium;
	text-align: center;
	width: 180px;
	height: 180px;
}

.right-side-nav-180-width {
	font-size: medium;
	text-align: center;
	width: 180px;
}
#container #wrapper #content h1 {
	font-size: 18pt;
	color: #692C79;
	background-repeat: no-repeat;
}
#navigation {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	list-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
	text-align: left;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #692C79;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #692C79;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 10px;
}
#navigation ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 0px;
	font-size: 15px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/hand-bullet.jpg);
}
#navigation li {
	display: list-item;
	font-family: Arial, Helvetica, sans-serif;
}
#navigation li a {
	color: #5C006D;
	background-color: #FFFFFF;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
	padding-left: 0px;
}
#navigation  li  a:hover {
	color: #5C006D;
	text-decoration: underline;

}
#container  #wrapper  #navigation   h4  {
	border-bottom-style: none;
}
.googad {
	height: 15px;
	width: 468px;
	float: left;
	margin-left: 200px;
}

.googad2 {
	height: 60px;
	width: 468px;
	margin-right: auto;
	margin-left: auto;
}.glosstable td {
	border-right-color: #C9B0CC;
	border-bottom-color: #C9B0CC;
	border-left-color: #C9B0CC;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9B0CC;
}
.alignleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
	font-weight: bold;
}
.forceEverythingNextLine {
	display: block;
	float: none;
	text-align: center;
}
learnbabysigninglink a:hover {
	color: #8D559C;
	text-decoration: underline;
}
#learnbabylink {
	font-size: 24px;
}

/* set millions of background images */
.rbroundbox {
	background-image: url(../image-files/nt-lt.gif);
	background-repeat: repeat;
}
.rbtop div {
	background-image: url(../image-files/tl-lt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.rbtop {
	background-image: url(../image-files/tr-lt.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.rbbot div {
	background-image: url(../image-files/bl-lt.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.rbbot {
	background: url(image-files/br-lt.gif) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox {
	width: 400px;
	margin: 1em auto;
}

/* set millions of background images */
.rbroundbox-dk { background: url(../image-files/nt-dk.gif) repeat; }
.rbtop-dk div { background: url(../image-files/tl-dk.gif) no-repeat top left; }
.rbtop-dk { background: url(../image-files/tr-dk.gif) no-repeat top right; }
.rbbot-dk div { background: url(../image-files/bl-dk.gif) no-repeat bottom left; }
.rbbot-dk { background: url(../image-files/br-dk.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop-dk div, .rbtop-dk, .rbbot-dk div, .rbbot-dk {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-dk { margin: 0 7px; }
.rbroundbox-dk {
	width: 400px;
	margin: 1em auto;
}
#container #wrapper #content #calloutGraphic {
	position: relative;
	left: 55px;
}
.text_color_backgrnd {
	background-color: #D7FFD7;
}
.nothingshowing {
	display: none;
}
.subscriptionBox {
	background-color: #F8F2F9;
	width: 175px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px solid #8D559C;
}
.subscriptionBoxWide {
	background-color: #F8F2F9;
	width: 350px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px solid #8D559C;
}




.c2Form {
	padding:8px;
	border:1px solid #541564;
	color: #8D559C;
  	}
  
  .InvShelp {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	background-color: #ffc;
  }

  .InvShelpT {
  	background:#ddd; 
  	padding:0px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	margin:0px;
  	padding:0px;
  	text-align:left;
  }

  a:link.InvShelp {text-decoration:none; color:#000;}

  .InvShelpbox {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	background-color: #ffc;
  	padding: 2px;
  	border: 1px solid #666;
  }

  .InvSquestions {
  	font-weight:bold;
  	font-size:14px;
  	margin:0;
  }
  
  .titleInput {
  	width:80%; 	
  	padding-top:4px;
  	margin:0;
  	}

  
  .storyInput {
  	width:98%;
  	padding-top:4px;
  	margin:0;
	height:15em;
  	}
  
  .otherText {
  }
  
  .dividerRule {
  border-top:1px solid #ddd;
  }
#container #wrapper #content .promo {
	width: 100px;
	float: right;
	height: 160px;
	background-image: url(../image-files/free-baby-sign-language-chart.jpg);
	background-repeat: no-repeat;
	padding: 5px;
}


.af-form-wrapper {
	width: 160px;
	background-color: #FFFFFF;
}
.af-form-wrapper-page {
	width: 350px;
	background-color: #FFFFFF;
}
.af-form-wrapper-page-narrow {
	
}
.basl-ebook-in-content {
	width: 150px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #8E599C;
	padding: 3px;
	margin: 3px;
}
.mama-signs-contributors-box {
	background-color: #FFF6CA;
	padding: 5px;
	border: 1px solid #6D317D;
	margin-right: 5px;
	margin-left: 5px;
}
	.external-link-image {
	background-image: url(../image-files/icon-external-link.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 10px;
	white-space: nowrap;
}
.fltlft-more-padding {
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}

.comments {
	min-width: 300px;
	width: 350px;
	color: #8D559C;
}