@charset "utf-8";
h1,h2,h3,h4,p {margin:0px;padding:0px;}
body {
	/*font: Arial, Helvetica, sans-serif;*/
	font-family:Arial;
	font-size: 13px;
	background: #860114;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
.oneColFixCtrHdr #container {
	width: 987px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
.oneColFixCtrHdr #header {
	 
	background:url(../../images/client/header-bg.gif) repeat-x; height:146px;
	color:#fff;
	float:left;
	
	width: 987px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header .menu {float:left;font-size: 14px; height:38px;}
#header .menu a{color:#fff;fonr-size:14px; text-decoration:none;}
#header .menu a:hover {color:#0065b1;}
#header .logo {float:left;padding-left:10px;}
#header .rgtPrt {float:right;width:710px;}
#header .rgtPrt .transRow {float:right;padding:8px 8px 0 0;clear:both;}
#header .rgtPrt .loginRow {float:right;padding:6px 8px 0 0;clear:both;}
.transRow .transLft {float:left; background:url(../../images/client/trans-left.gif) no-repeat; width:6px; height:39px;}
.transRow .transMid {float:left; background:url(../../images/client/trans-mid.gif) repeat-x; height:39px; }
.transRow .transRgt {float:left; background:url(../../images/client/trans-rgt.gif) no-repeat; width:6px; height:39px;}
.transRow .imgHold {float:left;padding:4px;}
.transRow .txtArea {float:left;}
.txtArea h1 {font-size:14px;font-weight:normal;float:left;}
.txtArea select.transDrop {float:left;margin:8px 5px 0 5px;}
.txtArea input.transDrop {float:left;margin:8px 5px 0 5px;}

.loginRow .transLft {float:left; background:url(../../images/client/trans-left.gif) no-repeat; width:6px; height:39px;}
.loginRow .transMid {float:left; background:url(../../images/client/trans-mid.gif) repeat-x; height:39px; }
.loginRow .transRgt {float:left; background:url(../../images/client/trans-rgt.gif) no-repeat; width:6px; height:39px;}
.loginRow .imgHold {float:left;padding:4px;}
.loginRow .txtArea {float:left;}
.loginRow .txtArea h1 {font-size:14px;font-weight:normal;float:left;}
.loginRow .txtArea select.transDrop {float:left;margin:8px 5px 0 5px;}
.loginRow .txtArea input.transDrop {float:left;margin:8px 5px 0 5px;padding:2px; color:#770011;font-size:14px;}
.loginRow img.transDrop {float:left;margin:6px 5px 0 5px;}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
/* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width:987px;  
}


.oneColFixCtrHdr #footer {
/* this padding matches the left alignment of the elements in the divs that appear above it. */
    width:100%;
	float:left;
	background-color:#770111;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.logo {float:left;}
.formBg { background:url(../../images/client/form-bg.gif) no-repeat; widows:268px; height:335px;}
.featTitle {font-size:16px;font-weight:bold;color:#f4d049;font: Verdana, Geneva, sans-serif;}
.profTitle h1{font-size:12px;font-weight:normal;color:#f4d049;}
.pollFont {color:#000;font-weight:bold;}
.formtextBox {font-size:12px; border:1px solid #cf102b;}
.formtext {font-size:15px;margin-bottom:5px;}
.formtext td {padding-bottom:8px;}

.topMenu {float:right;clear:both;padding:5px 20px 0 0;font-size:14px;width:690px;}
.topMenu .lftMenu {float:right;width:488px; background-color:#990015;padding:10px;margin-left:6px; text-align:center;}
.topMenu .lftMenu a {font-size:13px;color:#fff; text-decoration:none;}
.topMenu .lftMenu a:hover {color:#ff0000; text-decoration:underline;}
.topMenu .onlineTxt {float:right;width:130px; font-weight:bold; color:#990015; text-decoration:underline;}
.onlineTxt a {font-weight:bold; color:#990015; text-decoration:underline;}
.onlineTxt a:hover {color:#fff;}

.yelLink a{font-size:14px;color:#f7c844;font-weight:bold;}

.packDiv {
/* this padding matches the left alignment of the elements in the divs that appear above it. */
    width:100%;
	float:left;
}
.freeMem { background: url(../../images/client/free-mem-bg.gif) no-repeat; width:182px; height:239px;}
.freeMem strong {margin:0px;padding:0px; color:#610011;padding:5px 0 5px 5px; font-size:14px;}
.freeMem img {padding-left:5px;}

.basicMem { background: url(../../images/client/basic-mem-bg.gif) no-repeat; width:182px; height:239px;}
.basicMem strong {margin:0px;padding:0px; color:#610011;padding-left:5px; font-size:14px;}
.basicMem .joinBtn {padding-left:45px;}
.basicMem img {padding-left:5px;}

.premMem { background: url(../../images/client/premium-mem-bg.gif) no-repeat; width:182px; height:239px;}
.premMem strong {margin:0px;padding:0px; color:#610011;padding-left:5px; font-size:14px;}
.premMem .joinBtn {padding-left:45px;}
.premMem img {padding-left:5px;}

.platMem { background: url(../../images/client/plati-mem-bg.gif) no-repeat; width:182px; height:239px;}
.platMem strong {margin:0px;padding:0px; color:#610011;padding-left:5px; font-size:14px;}
.platMem .joinBtn {padding-left:45px;}
.platMem img {padding-left:5px;}

.eliteMem { background: url(../../images/client/elite-mem-bg.gif) no-repeat; width:182px; height:239px;}
.eliteMem strong {margin:0px;padding:0px; color:#610011;padding-left:5px; font-size:14px;}
.eliteMem .joinBtn {padding-left:45px;}
.eliteMem img {padding-left:5px;}

.redTxt {color:#810516;font-size:14px;}
.footerTxt {float:left;padding:10px;}
.footerTxt h1 {color:#ff0000;padding:0px;margin:0px;font-size:14px;font-weight:normal;float:left;width:900px;padding-bottom:10px;}
.footerTxt h2 {color:#d2534d;padding:0px;margin:0px;font-size:14px;font-weight:normal;float:left;width:900px;padding-bottom:4px;}
.footerTxt h3 {color:#d2534d;padding:0px;margin:0px;font-size:14px;font-weight:normal;float:left;width:900px;padding-bottom:6px;}

.leftMenu {float:right;}
.leftMenu a {font-size:16px;color:#fff; text-decoration:none;padding-left:10px;}
.leftMenu a.treeMnu {font-size:14px;color:#fff; text-decoration:none;padding-left:30px;}
.leftMenu a:hover {color:#ff0000; text-decoration:underline;}

.btnStyle a {font-size:16px;color:#fff; text-decoration:none;}
.btnGrayStyle {background:url(../../images/client/gray-button-bg.gif);}
.btnGrayStyle a {font-size:16px;color:#343434; text-decoration:none; }
.leftMenu a:hover {color:#ff0000; text-decoration:underline;}

.cougerTxt {float:right;}
.cougerTxt a {font-size:11px;color:#D2534D; text-decoration:none;}
.cougerTxt a.treeMnu {font-size:11px;color:#D2534D; text-decoration:none;}
.cougerTxt a:hover {color:#D2534D; text-decoration:none;}