/* CSS Document */
body
{
	font: 9pt Verdana, sans-serif, Arial, Helvetica;
	margin: 0px;
	color: #000;
	background-color: #369;
	background-image: url(../images/back.gif);
	background-repeat: repeat-y;
}

.body_top
{
	white-space: nowrap;
	text-align: right;
	height: 20px;
	display: block;
	color: #CCC;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/body_top.gif) no-repeat left top;
	vertical-align: top;
}
.cb {
	margin: 3px 6px 0px 0px;
	padding: 0px;
}
a.callback
{
	color: #CCC;
	text-transform: uppercase;
	text-decoration: none;
}

a:hover.callback { color: #000; }

.status { padding: 5px 0px; }

.container
{
	border: 1px solid #660000;
	margin-top: 30px;
	width: 785px;
	text-align: center;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-position: 0px -1px;
}

.content
{
	margin: 0;
}

.containerpop
{
	border: 1px solid #666666;
	width: 500px;
	background-color: #fff;
}

.topnav
{
	background-color: #993333;
	border-top: 1px solid #660000;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #CACCA0;
}

.toptxt { padding-top: 7px; }

.search-cntnr
{
	padding: 0px;
	margin: 0px;
	background: url(../images/top_blue_box.jpg) no-repeat 16px 18px;
}

.topcntnr
{
	border: 1px solid #333;
	border-width: 0px 1px 1px 1px;
	margin: 0;
}

.left
{
	background: url(../images/left_bg_repeat.gif) repeat-y;
	border-left: 1px solid #333;
}

.footer
{
	color: #c99;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	font-weight: 600;
	line-height: 14px;
}

a.footer { text-decoration: none; }

a:hover.footer
{
	color: #FFF;
	text-decoration: none;
}

.credits
{
	color: #c99;
	font-size: 9px;
	font-family: Arial, Verdana, Helvetica;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	line-height: 12px;
}

a.credits { text-decoration: none; }

a:hover.credits
{
	color: #FFF;
	text-decoration: none;
}

#loginbox
{
	background-color: #7F99B2;
	width: 150px;
	margin: 0px;
	border: 1px solid #000033;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	height: auto;
	text-align: left;
	padding: 2px;
	display: block;
}
#loginbox br{clear:both;}
form
{
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #000033;
	margin: 0px;
	padding: 2px;
}

input
{
	color: #000033;
	font: normal 9px/11px Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	padding: 2px 0px 0px 2px;
	margin: 1px;
}

input.enter
{
	border: 1px solid #000033;
	font: normal 9px/11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #6699cc;
	padding: 2px;
	margin-right: 2px;
}

textarea
{
border:1px solid #000033;
color:#000033;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:11px;
margin:1px;
padding:2px 0 0 2px;
height:100px;
width:200px;
}
html>body * .forgotPword
{
	padding-top:5px;
}
/* data styles */
.data
{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #222;
	font-weight: lighter;
	margin: 2px;
	border: 1px solid #333;
}

#datatbl
{
	margin: 5px 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	border: 1px solid #A47358;
}

#datatbl th
{
	background-color: #660000;
	color: #fff;
	padding: 2px 5px;
}

#datatbl td
{
	color: #666;
	padding: 3px 4px;
	font-weight: normal;
}

#datatbl tr.odd
{
	background-color: #f7f7d9;
	color: #fff;
}

#datatbl tr.odd:hover
{
	background-color: #E5E5B7;
	color: #fff;
	padding: 4px;
}

#datatbl tr:hover
{
	background-color: #E5E5B7;
	color: #fff;
}

#datatbl a.dt:link
{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
}

#datatbl a.dt:visited
{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
}

#datatbl a.dt:hover
{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}

/*menu */

.menu-pic {
	border: 1px solid #660000;
	margin: 3px 0px 5px 8px;
}
 #saysbox {
	background: #6699CC url(../images/grandma_says.gif) no-repeat top right;
width:275px;
border:2px solid #555;
padding:8px; 
font: 12px/14px Arial, Helvetica, sans-serif;
z-index: 2000;
margin: 0;
position: absolute;
top: 440px;
left: 124px;
color: #fff;
z-index: 3000;
}
 #humorbox {
	background: #6699CC url(../images/grandma_humor.gif) no-repeat top right;
width:275px;
border:2px solid #555;
padding:8px; 
font: 12px/14px Arial, Helvetica, sans-serif;
z-index: 2000;
margin: 0;
position: absolute;
top: 490px;
left: 124px;
z-index: 3000;
color: #fff;
}
 #spotlightbox {
	background: #6699CC url(../images/grandma_community.gif) no-repeat top right;
width:275px;
border:2px solid #555;
padding: 8px; 
font: 12px/14px Arial, Helvetica, sans-serif;
z-index: 2000;
margin: 0;
position: absolute;
top: 555px;
left: 124px;
z-index: 3000;
color: #fff;
}
a.boxes:link{
	color:#efefef;
	font-weight: bold;
}
a.boxes:visited{
	color:#efefef;
	font-weight: bold;
}

a.boxes:hover{
	color:#333;
	font-weight: bold;
}
.boxcontent {
	margin: 5px 105px 25px 2px;
	font-weight: bold;
}
.boxcontent1 {
	margin: 5px 105px 0px 2px;
	font-weight: bold;
}
.boxcontent2 {
	margin: 0px 2px 15px 2px;
	font-weight: bold;
}
.boxtitle {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
}
a.boxclose:link{
	color:#efefef;
	font: bold 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.boxclose:visited{
	color:#efefef;
	font: bold 10px/12px Arial, Helvetica, sans-serif;
    text-decoration: none;

}

a.boxclose:hover{
	color:#333;
	font: bold 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer {
	color: white;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica;
	padding: 2px;
	letter-spacing: 2px;
	vertical-align: middle;
	font-weight: 600;
	line-height: 16px;
}

.footLink {
	color: white;
	text-decoration: none;
}

.footLink:hover {
	color: #A1C6E4;
}