/* CSS Document */
body { padding:0px; margin:0px;}
.style3 {color: #FFFFFF}
body {background-color: #CCCCCC;}
.style4 {color: #D12728}
.style4 A:visited, A:link{color:#D12728}
.content {
	MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: center
}

DIV {	MARGIN: 0px}
FORM {	MARGIN: 0px}
IMG {	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
TABLE {	BORDER-COLLAPSE: collapse}
TD {	FONT-SIZE: 11px}
A {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; CURSOR: pointer; COLOR: #333; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}
TD {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
INPUT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.error {
	DISPLAY: none; COLOR: #cc0033
}
.content {
	MARGIN: 0px auto; WIDTH: 778px; TEXT-ALIGN: center
}
.heading {
	FONT-WEIGHT: 900; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.notice {
	TEXT-ALIGN: center
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TABLE.grid {
	WIDTH: 100%; COLOR: #333333; TEXT-ALIGN: center
}
TABLE.grid TR.active {
	BACKGROUND-COLOR: #eee
}
TABLE.grid TR.inactive {
	BACKGROUND-COLOR: #fffaf3
}
.grid A {
	COLOR: #333333
}
.showerror {
	DISPLAY: block; COLOR: #ee6666; WHITE-SPACE: nowrap
}
DIV.autocomplete {
	BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #888 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #888 1px solid; WIDTH: 250px; PADDING-TOP: 0px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; BACKGROUND-COLOR: white
}
DIV.autocomplete UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.autocomplete UL LI.selected {
	BACKGROUND-COLOR: #ffb
}
DIV.autocomplete UL LI {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; CURSOR: pointer; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; HEIGHT: 22px
}
DIV#banner {
	BORDER-RIGHT: #6b80a9 1px solid; BORDER-TOP: #6b80a9 1px solid; FONT-SIZE: 85%; MARGIN: 0px auto 10px; BORDER-LEFT: #6b80a9 1px solid; WIDTH: 100%; BORDER-BOTTOM: #6b80a9 1px solid; POSITION: relative; HEIGHT: 120px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
TABLE.content {
	WIDTH: 100%
}
.attract {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ff9933
}
UL.tabs {
	BORDER-RIGHT: #888888 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #888888 1px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; BORDER-LEFT: #888888 1px solid; LINE-HEIGHT: 200%; PADDING-TOP: 0.5em; BORDER-BOTTOM: #888888 1px solid; LIST-STYLE-TYPE: none; BORDER-COLLAPSE: collapse; HEIGHT: auto; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
UL.tabs LI {
	DISPLAY: inline; WHITE-SPACE: nowrap
}
UL.tabs LI A {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.12em; BORDER-LEFT: #999999 1px solid; COLOR: #fff; MARGIN-RIGHT: 0em; PADDING-TOP: 0.25em; BORDER-BOTTOM: #999999 1px solid; HEIGHT: auto; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none
}
UL.tabs LI A.active {
	BORDER-RIGHT: #3e9ee3 1px solid; BORDER-TOP: #3e9ee3 1px solid; BORDER-LEFT: #3e9ee3 1px solid; COLOR: #fff6d9; BORDER-BOTTOM: #3e9ee3 1px solid; BACKGROUND-COLOR: #3e9ee3
}
UL.tabs LI A:hover {
	BORDER-LEFT-COLOR: #78be34; BORDER-BOTTOM-COLOR: #78be34; COLOR: #fff; BORDER-TOP-COLOR: #78be34; BACKGROUND-COLOR: #78be34; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #78be34
}
UL.tabs LI A.active:hover {
	BORDER-RIGHT: #78be34 1px solid; BORDER-TOP: #78be34 1px solid; BORDER-LEFT: #78be34 1px solid; COLOR: #fff6d9; BORDER-BOTTOM: #78be34 1px solid; BACKGROUND-COLOR: #78be34
}
UL.profiletabs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; LINE-HEIGHT: 200%; PADDING-TOP: 0.5em; LIST-STYLE-TYPE: none; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
UL.profiletabs LI {
	WHITE-SPACE: nowrap;
}
UL.profiletabs LI A {
	 WIDTH: 250px; 
}


TABLE.frmtable {
	MARGIN: 0px auto; WIDTH: 90%
}
.frmleft {
	WIDTH: 35%; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
.frmright {
	TEXT-ALIGN: left
}
.frmright SPAN {
	WHITE-SPACE: normal
}
DIV#middle {
	BACKGROUND-COLOR: #ffffff
}
td.title {
	BORDER-RIGHT: #f9f9f9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f9f9f9 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #f9f9f9 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #f9f9f9 0px solid; 
}
.empty {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 25px; COLOR: #ff0000; PADDING-TOP: 25px; HEIGHT: 100px; TEXT-ALIGN: center
}
TABLE.messages {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 90%; BORDER-BOTTOM: #ccc 1px solid
}
TABLE.messages TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
TABLE.messages TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fffaf3; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid
}
TABLE.messagefolders {
	WIDTH: 100%
}
TABLE.messagefolders TD {
	BACKGROUND: #fffaf3
}
DIV.box {
	BORDER-RIGHT: #9aacce 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #9aacce 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #9aacce 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #9aacce 1px solid
}
DIV.box DIV.margin {
	MARGIN: 10px
}
DIV.box H4 {
	BACKGROUND: url(../images/pattern.gif) #f7faff repeat-x left top; MARGIN: 0px; COLOR: #444; LINE-HEIGHT: 2em; BORDER-BOTTOM: #bac8e4 1px solid; HEIGHT: 2em
}
DIV.box H4 EM {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 12px; BACKGROUND: url(../images/circle.gif) no-repeat left center; MARGIN: 0px 3px; FONT-STYLE: normal
}
DIV.box H2 {
	FONT-SIZE: 11px; COLOR: #ff7d3f
}
DIV.box H2 EM {
	PADDING-LEFT: 16px; BACKGROUND: url(../images/pointer.gif) no-repeat left center; LEFT: -16px; COLOR: #666; FONT-STYLE: normal; POSITION: relative; TOP: 0px
}
DIV.box P EM {
	COLOR: green; FONT-STYLE: normal
}
DIV.news {
	CLEAR: left
}
DIV.join {
	WIDTH: 228px; HEIGHT: 18em
}
DIV.news {
	WIDTH: 298px; HEIGHT: 23em
}
DIV.features {
	WIDTH: 428px; HEIGHT: 23em
}
DIV.photo {
	MARGIN-RIGHT: 10px
}
DIV.join {
	MARGIN-RIGHT: 10px
}
DIV.news {
	MARGIN-RIGHT: 10px
}
.userlinks {
	MARGIN-LEFT: 5px
}
.userlinks A {
	DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(../images/menu1.gif) no-repeat; WIDTH: 150px; HEIGHT: 22px; TEXT-DECORATION: none
}
DIV#mainbody TABLE {
	TEXT-ALIGN: left
}
HR {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 80%; COLOR: #f00; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 5px; BACKGROUND-COLOR: #f00
}
TABLE.menu {
	BACKGROUND: #fff; WIDTH: 100%; HEIGHT: 30px; TEXT-ALIGN: center
}
BODY {
	MARGIN: 0px
}
.style1 {
	COLOR: #cc0000
}
.style2 {
	COLOR: #666666
}
.style3 {
	COLOR: #ffffff
}
#pad {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.blue {
	FONT-SIZE: 12px; COLOR: #add2ff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.blue A:visited,A:link{
	FONT-SIZE: 12px; COLOR: #add2ff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.red {
	FONT-SIZE: 12px; COLOR: #f95d5e; FONT-FAMILY: Arial
}

.red A:visited,A:link{
	FONT-SIZE: 12px; COLOR: #f95d5e; FONT-FAMILY: Arial
}

.redX A{
	FONT-SIZE: 12px; COLOR: #f95d5e; FONT-FAMILY: Arial
}

.bodytextheading {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif
}
.bodytext {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif
}
.bodytextblue {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #0033cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.bodytextred {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}


TD {
	FONT-SIZE: 11px; COLOR: #7b7b7b; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.logo {
	BACKGROUND-IMAGE: url(../images/logo_bg.jpg)
}
.login { background:url(../images/loginbg.jpg) repeat-x; height:126px;
}
.contentarea {
	PADDING-RIGHT: 16px; PADDING-LEFT: 28px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px; PADDING-TOP: 0px
}
.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #6c6c6c; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif
}
.nav A {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #6c6c6c; PADDING-TOP: 0px; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.nav A:hover {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #6c6c6c; PADDING-TOP: 0px; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.rightborder {
	BORDER-RIGHT: #d7d7d7 1px solid
}
.whitebox {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.font10 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000; LINE-HEIGHT: 12px; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.font12 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.textfield {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #fff 1px solid; WIDTH: 114px; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 13px; BACKGROUND-COLOR: #fff
}
.blue {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #acd2ff
}
.bluenav {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #acd2ff; TEXT-DECORATION: underline
}
.bluenav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #acd2ff; TEXT-DECORATION: none
}
.sign {
	FONT-SIZE: 12px; COLOR: #f95d5d; TEXT-DECORATION: none
}
.sign:hover {
	FONT-SIZE: 12px; COLOR: #f95d5d; TEXT-DECORATION: underline
}
#footer {
	FONT-SIZE: 11px; COLOR: #fff; BACKGROUND-COLOR: #3172c0; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif
}
#footer A:visited { text-decoration:none; COLOR: #fff;}
#footer A:link { COLOR: #fff;text-decoration:none;}


/* tab styles*/

.tabstyle { font-family:arial; font-size:11px; color:#444444;background-color:#bbd9ee; vertical-align:bottom; height:23px; padding-left:1px; }
.tabstyle a:link, a:active, a:visited { color:#444444; text-decoration:none;}
.tabstyle a:hover { color:#000000; text-decoration:none;}


#on { background-image:url(../images/art_WhiteTab.gif); background-repeat:no-repeat; width:138px; height:22px; text-align:center;}
#off { background-image:url(../images/art_BlueTab.gif); background-repeat:no-repeat; width:138px; height:22px;text-align:center;}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
text-align:center;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #5b5b5c;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

.head_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	FONT-WEIGHT: bold; FONT-SIZE: 15px; 
	
}
.bodytextheading2 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #5b92d6; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif
}
.bodytextheading3 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #5b92d6; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
}
.bodylink {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.bodylink A {
	PADDING-RIGHT: 11px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
.bodylink A:hover {
	PADDING-RIGHT: 11px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
.bodylink A:visited {
	PADDING-RIGHT: 11px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
.tdlink {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #c8d6fb
}
.tdlink: hover {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ff9933
}
.tdlink: visited {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ff9933
}