.mainbg {
	background-image: url(images/fnimg_08.png);
	background-repeat: repeat-y;
}
.hearttalk {
	background-image: url(images/fnimg_04.png);
	background-repeat: no-repeat;
}
.hearttalk ul{
}
.hearttalk li{
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	padding-top: 3px;
	padding-bottom: 3px;
}

.maindiv{
margin-top:0px;
}


.menudiv {
	color: #FFFFFF;
	background-color: #CCCCCC;

}

.mainmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.77em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	display: block;
	float: left;
	padding-right: 5px;
	padding-left: 4px;
	height: 22px;
	padding-top: 3px;
	background-image: url(images/capsule2.png);
	width: 66px;
	background-repeat: no-repeat;
	text-align: center;
}

a.mainmenu:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.77em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
}

a.mainmenu:hover,visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.77em;
	color:#000000;
	text-decoration:none;
	font-weight: normal;
	background-image: url(images/fnimg_04-over.png);
	background-repeat: repeat-x;
}


p{
	font-family:Tahoma;
	font-size:12px;
	color:#4a4a4a;
	padding:5px;
	line-height:inherit;
	text-align:justify;
	margin: 0px;
}
ul {
	text-align: left;
}
li {
	text-align: left;
}
ol {
	text-align: left;
}
td {
	text-align: left;
}

.h1 {
font-family:Tahoma;
font-size:14px;
color:#9d318d;
padding-bottom:5px;
font-weight:bold;
margin-bottom:5px;
line-height:normal;
text-align:left;

}
.h2 {
font-family:Tahoma;
font-size:12px;
color:#333333;
padding-bottom:5px;
font-weight:bold;
margin-bottom:5px;
line-height:normal;
text-align:left;
}

.h3 {
font-family:Tahoma;
font-size:12px;
color:#7D7551;
padding-bottom:5px;
font-weight:bold;
margin-bottom:5px;
line-height:normal;
text-align:left;
}

.copyrights {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing: 1.5px;
	line-height: 20px;
}


/*
.ul, li {
	font-family:Tahoma;
	font-size:12px;
	color:#4a4a4a;
	padding:5px;
	line-height:inherit;
	text-align:justify;
	list-style-type: disc;
	list-style-position: outside;
}
*/
.content {
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
}
.random {
font-family:Tahoma;
font-size:11px;
color:#333333;
text-align:left;
padding-left:20px;
padding-right:20px;
line-height:15px;
}

.prdivff{font-family:Tahoma;font-size:12px;font-weight:normal;width:70%;padding:10px;margin-left:100px;margin-top:20px;background-color:#FFCCFF;border:groove thin #FF0099;}
.prdiv{font-family:Tahoma;font-size:12px;font-weight:normal;width:70%;padding:10px;margin-left:20px;margin-top:20px;background-color:#FFCCFF;border:groove thin #FF0099;}
.adduserdivff{width:50%;padding:10px;margin-left:175px;margin-top:20px;background-color:#FFCCFF;border:groove thin #FF0099;}
.adduserdiv{width:50%;padding:10px;margin-left:40px;margin-top:20px;background-color:#FFCCFF;border:groove thin #FF0099;}
.error{font-weight:bold;color:red;}
.topnav{padding:1px;margin:5px;text-decoration:none;color:#0000FF;text-align:center;}
p{font-family:Tahoma;font-size:12px;color:#4a4a4a;padding:5px;line-height:inherit;text-align:justify;}

h1 {font-family:Tahoma;font-size:14px;color:#9d318d;padding-bottom:5px;font-weight:bold;margin-bottom:5px;line-height:normal;text-align:left;}
h2 {font-family:Tahoma;font-size:12px;color:#333333;padding-bottom:5px;font-weight:bold;margin-bottom:5px;line-height:normal;text-align:center;}

h3 {font-family:Tahoma;font-size:12px;color:#7D7551;padding-bottom:5px;font-weight:bold;margin-bottom:5px;line-height:normal;text-align:center;}

.lostpwddiv{width:50%;padding:30px;margin-left:100px;margin-top:50px;background-color:#FFCCFF;border:groove medium #FF0099;}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(Templates/images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.tablemenu {
	color: #000000;
	font-family: tahoma;
	font-size: 0.75em;
	font-weight: normal;
}


/* ---- new navigation CSS STARTS ---*/

.animatedtabs{
	width: 100%;
	overflow: hidden;
	height: 24px;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;
}

.animatedtabs ul{
	list-style-type: none;
	margin-left: 0px; /*offset of first tab relative to page left edge*/
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.animatedtabs li{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.animatedtabs a{
	float: left;
	position: relative; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(images/tab-blue-left.gif) no-repeat left top;
	text-decoration: none;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 1.30px;
	padding-bottom: 0;
	padding-left: 4px;
}

.animatedtabs a span{
	float: left;
	display: block;
	background: url(images/tab-blue-right.gif) no-repeat right top; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: normal;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 1px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;
}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
	background-position: 100% -125px;
	padding-bottom: 5px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
	color: #FFFFFF;
}
.clear {
clear: both;
margin:0px;
}
/* --- New navigation CSS Ends --- */

.img1 {
	margin: 0px;
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
}

img {
border: none;
}
.img2 {
	margin: 0px;
	float: right;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}


/*- Menu Tabs 8 starts--------------------------- */

    #tabs8 {
	float:left;
	width:100%;
	font-size:78%;
	line-height:normal;
	border-bottom:1px solid #E276A7;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/tab-bg.gif);
	background-repeat: repeat;
      }
    #tabs8 ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
      }
    #tabs8 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs8 a {
      float:left;
      background:url("images/tableft8.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs8 a span {
      float:left;
      display:block;
      background:url("images/tabright8.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
      color:#591333;
      }
    #tabs8 a:hover {
      background-position:0% -42px;
      }
    #tabs8 a:hover span {
      background-position:100% -42px;
      }

      #tabs8 #current a {
              background-position:0% -42px;
      }
      #tabs8 #current a span {
              background-position:100% -42px;
      }
/*- Menu Tabs 8 Ends--------------------------- */


/*--------- resources articles css starts ---------*/

.mypets{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #003366;
	text-align: left;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.thepet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
.thepet a{
}
.thepet a:link{
	color: #336699;
	text-decoration: none;
}
.thepet a:visited{
	color: #336699;
	text-decoration: none;
}

.thepet a:hover{
	color: #336699;
	text-decoration: none;
}
/*--------- resources articles css ends ---------*/


.tablelinks {}
.tablelinks tr{
}
.tablelinks td{
	text-align: center;
}

.tablelinks td a:link,a:visited,a:hover{
	text-decoration: none;
	color: #CC0099;
	font-weight: bold;
}