body{
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

a:link, a:visited, a:hover {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #CC00CC;
}

ul {
	padding-left: 5px;
	padding-right: 10px;
	line-height: 20px;
}
/*---------Layout Divs--------------*/
#header{
	margin: 0;
	width: 800px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #cccccc;
	left: 2px;
	top: 2px;
}
#navBar{
	position:absolute;
	left:5px;
	top:48px;
	width:166px;
	height:552px;
	z-index:3;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	color: #333333;
	visibility: visible;
}
#navBar p {
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
}
#navBar h4 {
	color: #336699;
	margin-left: 10px;
	margin-bottom: -10px;
	font-size: 16px;
}
#newsletter {
	position:absolute;
	left:182px;
	top:97px;
	width:85px;
	height:16px;
	z-index:101;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
#content{
	float:right;
	width: 79%;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 170;
}
.left-box {
	text-align: left;
}
.center-box {
	text-align: center;
}
.right-box {
	text-align: right;
}
/************** form Thanks *****************/
#form-thanks{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************** .story styles *****************/
.spacer{
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
.story{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	text-indent: 5px;
	text-align: justify;
	color: #333333;
	vertical-align: 12px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #CCCCCC;
	clear: none;
}
.story h1{
	text-align: left;
	font-size: 16px;
	color: #336699;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 30px;
	letter-spacing: -1px;
}
.story h3{
	text-align: left;
	font-size: 16px;
	color: #336699;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 5px;
}
.story h4{
	text-align: left;
	font-size: 16px;
	color: #5d8cba;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: 900;
	margin-bottom: -5px;
	margin-top: 20px;
}
.story h5{
	text-align: left;
	font-size: 13px;
	color: #5d8cba;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: 900;
	margin-top: 10px;
	margin-bottom: 0px;
}
.story h6 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: -5px;
	margin-top: -5px;
}
.story p{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 18px;
	font-weight: 400;
}
.blue {
	color: #3300FF;
	text-indent: 0px;
	text-align: left;
	padding-top: 10px;
	}
.bold-black{
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	margin-bottom: -10px;
	text-indent: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.no-indent {
	text-indent: 0px;
	text-align: justify;
	padding-top: 10px;
	line-height: 18px;
}
.no-indent ul{
	font-weight: normal;
	text-align: left;
	list-style-type: disc;
	margin-top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 30px;
}
.no-indent p{
}
.italic {
	font-style: italic;
	line-height: 18px;
	text-indent: 5px;
}
.story li{
	list-style-image: url(../../SmilePix Web/smiletalk/graphics/Bullet.gif);
	list-style-position: inside;
}
.story-no-indent{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.story-inner-box{
	margin-top: -7px;
}
.inner-box {
	margin-top: 10px;
	line-height: 16px;
	text-indent: 20px;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.another-box {
	line-height: 16px;
	text-align: right;
	margin-top: 15px;
}
.another-box2 {
	line-height: 13px;
	text-align: left;
	margin-top: 1px;
}
/************* Table Shadow box ***************/
.table-shadow-box{
}
.table-shadow-box p{
	font-weight: bold;
	font-size: 10px;
	text-indent: 0px;
	line-height: 12px;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: thin none #cccccc;
	font-size: 10px;
	color: #666666;
	padding: 0px;
	margin-top: 010px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	height: 107px;
	width: 800px;
	background-image: url(graphics/footer-smiletalk.gif);
}
/*----Tabs----*/


/* ------Chrome Menu */
.navcontainer ul li
{
	list-style-type: none;
	display: block;
	float: left;
	background: url(no1/media/navBarBgHover.gif) repeat-x 20px;
	text-align: center;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	padding: 0;
	width: 150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
.navcontainer a
{
	color: #000;
	text-decoration: none;
	display: block;
	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: #A8B090;
	border-right-color: #A8B090;
	border-bottom-color: #A8B090;
	border-left-color: #A8B090;
}
.navcontainer {
	margin-top: -10px;
	margin-left: 80px;
	margin-bottom: 20px;
}

.navcontainer li#active {
	background: url(../../SmilePix Web/smiletalk/no1/media/navBarBg.gif) repeat-x 20px;
	display: inline;
}
.navcontainer a:hover { background: url(../../SmilePix Web/smiletalk/no1/media/navBarBg.gif) repeat-x 20px; }

/*-----Shadow------*/
div.img-shadow {background: url(../../SmilePix Web/smiletalk/shadow.gif) no-repeat bottom right;

}
div.img-shadow-img {background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: +0px 5px 5px +1px;
padding: 2px;
position: relative; 
}

/*-----Float box-------*/
#float {
	float: right;
	margin-right: 8px;
	margin-left: 6px;
	margin-bottom: 8px;
	clear: right;
	text-align: center;
	background-image: url(no1/shadow.gif);	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #000000;
	
}
.float-right {
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 8px;
	text-align: center;
	margin-top: 0px;
	clear: right;
}
.float-left {
	float: left;
	background-image: url(shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;	
}
.float-left p {
	font-size: 10px;
	font-weight: bold;
	display: inline;
	text-align: center;
}
.float-right-shadow {
	float: right;
	background-image: url(shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 4px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.float-right-shadow p{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-top: -3px;
	margin-bottom: -5px;
}
.float-right p{
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	text-align: center;
}

/*table shadow*/

table.shadow {
	background-color: #ffffff;
	margin: 0px;
	z-index: 1;
}
td.shadow-top {
	height: 16px;
background-image: url(no1/shadow/top.gif);
}
td.shadow-topRight {width: 16px;
height: 16px;
background-image: url(no1/shadow/topRight.gif)}
td.shadow-right {width: 16px;
background-image: url(no1/shadow/right.gif)}
td.shadow-bottomRight {width: 16px;
height: 16px;
background-image: url(no1/shadow/bottomRight.gif)}
td.shadow-bottom {height: 16px;
background-image: url(no1/shadow/bottom.gif)}
td.shadow-bottomLeft {width: 16px;
height: 16px;
background-image: url(no1/shadow/bottomLeft.gif)}
td.shadow-left {width: 16px;
background-image: url(no1/shadow/left.gif)}
td.shadow-topLeft {width: 16px;
height: 16px;
background-image: url(no1/shadow/topLeft.gif)}
td.shadow-center {background-color: white 
}

/*-----Image Shadow-----*/
div.img-dec {background: url(no1/shadow.gif) no-repeat bottom right;
float: right;
margin: 1px .3em 2px 1em;
padding: 0;
position: relative;
}
div.img-dec p{
	font-weight: bold;
	display: block;
	font-size: 10px;
	text-align: center;
	line-height: 1em;
}
div.img-dec-left {background: url(no1/shadow.gif) no-repeat bottom right;
float: left;
margin: 1px .3em 2px 1em;
padding: 0;
position: relative;
}
div.img-dec img {background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: +0px 5px 5px +1px;
padding: 2px;
position: relative; 
}

/* -----Text Shadow Container */

.shiftcontainer{
	position: relative;
	left: 5px; /*Number should match -left shadow depth below*/
	top: 5px;
	text-indent: 0px;
	line-height: 14px;
}
.shadowcontainer{
width: auto; /* container width*/
background-color: #d1cfd0;
}
.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
.shiftcontainer p {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	text-align: left;
	text-indent: 0px;
	margin-bottom: 8px;
}
.shift-inner-box{
	line-height: 16px;
	text-indent: 5px;
}

/*button*/
.cssbutton {background-color: #e8e8e8;
border: 2px #cccccc outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
}
.cssbutton:visited {color: black;
 }
.cssbutton:hover {border-style: inset;
background-color: #999999;
padding: 2px 3px 0 5px;
/*shift text 1px to the right and down*/
color: #ffffff; }
.cssbutton:active {color: black; 
}
/*Left Menu*/
.glossymenu{
	list-style-type: none;
	padding: 0;
	text-align: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	width: 140px;
	border-top-width: 1px;
	border-right-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: #9A9A9A;
	border-right-color: #9A9A9A;
	border-bottom-color: #9A9A9A;
	border-left-color: #9A9A9A;
	border-bottom-width: 0px;
}
.glossymenu li a{
	color: #333333;
	display: block;
	width: auto;
	padding-left: 6px;
	text-decoration: none;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	background-repeat: repeat-x;
	background-position: center center;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-image: url(graphics/chromebg.gif);
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 140px;
}
.glossymenu li a:visited, .glossymenu li a:active{
	color: #000000;
}
.glossymenu li a:hover{
	background-image: url(graphics/chromebg2.gif);
	color: #FF3300;
	background-position: center center;
	background-repeat: repeat-x;
}
/*Top Drop Down menu*/
.chromestyle{
	width: 98%;
	font-weight: bold;
	padding-left: 10px;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
	border: 1px solid #BBB;
	width: 100%;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	background-repeat: repeat-x;
	background-position: center center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	background-image: url(menu/chromebg.gif);
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
.chromestyle ul li a:hover{
	background-image: url(menu/chromebg-over.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: #FFFFEF;
width: 250px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #99FFFF;
}