@charset "utf-8";
/* CSS Document */

a{outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}

*{margin:0px; padding:0px;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#f9f9f9; text-align:center;}
#top{ width:100%; height:90px; background-color:#f9f9f9;}
#top #leftimg{ float:left; width:30px; height:90px;}
#top #rightimg{ float:right; width:30px; height:90px;}

#top #inner{ width:990px; height:90px; background-color:#ffffff; margin:0px auto; text-align:left; position:relative;}
#top #inner .logo{ position:relative; float:left; left:23px; top:25px;}
#top #inner .logo2{
	position:absolute;
	left:338px;
	top:13px;
}

#top #inner .mcafee{
	position:absolute;
	left:50px;
	top:19px;
}


#top #inner .tfn{
	position:absolute;
	left:671px;
	top:17px;
	
}

.logofloatlet{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
}

#top #inner .tfn a{ text-decoration:none; color:#666666;}
#top #inner .tfn a:hover{ text-decoration:underline; color:#666666;}
#top #inner .tfn .number{
	font-size:20px;
	color:#333333;
	padding-bottom:10px;
}
#top #inner .tfn .number span{ color:#999999;}

#toplink{ width:100%; height:90px; height:36px; background-color:#e9ebed; text-align:center;}
#toplink #inner{ width:910px; height:36px; margin:0px auto; text-align:left;}

#black_white_strip{ font-size:1px; width:100%; height:3px; background-color:#ffffff; border-top:#000000 solid 6px;}

#header{ width:100%; height:412px; background:url(../images/h_bg.gif) center; background-color:#000000; text-align:center;}
#header #inner{ width:950px; height:3px; margin:0px auto; padding-top:20px; height:378px;}
#header #inner #h_left{ float:left; width:702px; height:378px; background:url(../images/h_bg_left.gif) no-repeat; margin-right:10px;}
#header #inner #h_left2{ float:left; width:702px; height:378px; background:url(../images/h_bg_left2.gif) no-repeat; margin-right:10px;}

#header #inner #h_right{
	float:right;
	width:218px;
	height:376px;
	background:url(../images/h_bg_right.gif);
	padding-left:20px;
	text-align:left;
	color:#cccccc;
}
#header #inner #h_right .text1{
	padding-top:54px;
	font-size:18px;
	font-weight:bold;
	padding-bottom:25px;
}
#header #inner #h_right .text1 span{ font-size:14px; font-weight:normal; text-decoration:none;}


#header #inner #h_right #textboxarea{
	padding-left:8px;
	padding-top:9px;
	padding-bottom:16px;
}
#header #inner #h_right #textboxarea .textbox{
	height:19px;
	width:170px;
	font-size:12px;
	border:none;
	border:0px;
}
#needhelp{ float:left; height:16px; position:relative; left:50px; top:7px;  }
#needhelp a{color:#ffa201; text-decoration:underline}
#needhelp a:hover{color:#ffa201; text-decoration:none}

#button{ float:right; width:93px;}
#button #first{ float:left; width:7px;}
#button #second{ float:left; padding:3px; height:17px; background-color:#ff8e18}
#button #second a{text-decoration:none; color:#ffffff; font-weight:bold;}
#button #second a:hover{text-decoration:underline; color:#ffffff; font-weight:bold;}
#button #third{ float:left; width:7px;}

#button2{ float:right; width:166px;}
#button2 #first{ float:left; width:7px;}
#button2 #second{ float:left; padding:3px; height:17px; background-color:#ff8e18}
#button2 #second a{text-decoration:none; color:#ffffff; font-weight:bold;}
#button2 #second a:hover{text-decoration:underline; color:#ffffff; font-weight:bold;}
#button2 #third{ float:left; width:7px;}

#button3{font-size:11px; position:absolute; float:right; right:9px; bottom:10px; height:22px; width: 87px;}
#button3 #first{ float:left; width:5px;}
#button3 #second{ float:left; padding:2px 5px 2px 5px; height:15px; background-color:#ff8e18}
#button3 #second a{text-decoration:none; color:#ffffff;}
#button3 #second a:hover{text-decoration:underline; color:#ffffff;}
#button3 #third{ float:left; width:16px;}




#button4{font-size:11px; position:absolute; float:right; right:9px; bottom:10px; height:22px; width: 87px;}
#button4 #first{ float:left; width:5px;}
#button4 #second{ float:left; padding:2px 5px 2px 5px; height:15px; background-color:#ff8e18}
#button4 #second a{text-decoration:none; color:#ffffff;}
#button4 #second a:hover{text-decoration:underline; color:#ffffff;}
#button4 #third{ float:left; width:16px;}

#padding28 {
	padding-top:18px;
	padding-bottom:8px;
}

.joinfree{text-decoration:none; color:#cccccc; font-weight:bold; font-size:15px;
	padding-top:13px;
	padding-bottom:5px;
}

#padding28{text-decoration:none; color:#cccccc; font-weight:bold; font-size:15px;}
#padding28{
	color: #cccccc;
}

a{text-decoration:none; color:#cccccc; font-size:12px;}
a:hover{
	text-decoration:underline;
	color: #cccccc;
}

.clear{clear:both;}

#bodypart{ width:100%; background-color:#f9f9f9}
#bodypart #inner{ width:913px; margin:0px auto; background:url(../images/body_bgrepeat.gif) center; padding:27px 35px 10px 41px; text-align:left;}
#main{ width:100%;}
#main #left1{
	float:left;
	width:650px;
	line-height:22px;
}
#main #right1{float:right;width:224px; margin-right:6px;}
#main #right1 #got_question{
	width:206px;
	padding-left:18px;
	font-size:20px;
	color:#666666;
	line-height:30px;
}

#got_question p{
	padding-top:10px;
	display:block;
	font-size:15px;
	color:#666666;
	line-height:20px;
}
#bodypart #inner #main #right1 #got_question span{font-size:25px; font-weight:normal; font-weight:bold; color:#f99500;}
#pading22{ padding-top:22px;}

#box{ position:relative; float:left; width:222px; height:320px; background:url(../images/box2.gif) repeat-y; margin-right:6px; border-bottom:#ebebeb solid 1px;}
#box #box1{ background:url(../images/box1.gif) no-repeat; height:315px;}
#heading{padding:8px 0 28px 12px;}
#innertext{padding:0 12px 10px 10px;}

.strip{background: url(../images/box_strip_bg.gif) repeat-x; height:36px; border-left:#ebebeb solid 1px; border-right:#ebebeb solid 1px; padding-left:12px; padding-top:9px;}
.strip .images{ float:left; padding-right:16px;}
.strip .paddin3{padding-top:6px; float:left;}
.orange{font-size:18px; font-weight:bold; color:#ffa200;}
.black{font-size:18px; font-weight:bold; color:#000000;}

.colorgray{color:#cccccc}

.orangebold { color:#ffa200; font-weight:bold; font-size:12px;}
.orangebold a{ color:#ffa200; font-weight:bold; text-decoration:none;}
.orangebold a:hover{ color:#ffa200; font-weight:bold; text-decoration:underline;}

.grayline{border-top:#ebebeb solid 1px; padding-bottom:10px; margin:auto 12px;}

#footer{
	width:100%;
	height:67px;
	color:#666666
}
#footer #inner{ width:990px; height:67px; margin:0px auto; }

#footer #inner #first{ float:left; width:30px;}
#footer #inner #second{ float:left; height:47px; width:914px; text-align:center; padding-top:20px; padding-left:16px; background:url(../images/footer2.gif) center;}

#footer #inner #second2{ float:left; height:47px; width:914px; text-align:center; padding-top:20px; padding-left:16px;}


#footer #inner #third{ float:left; width:30px;}
.copyright{ color:#8f8f8f; font-size:11px;}

#footer a{ font-size:11px; text-decoration:none; color:#8f8f8f;}
#footer a:hover{text-decoration:underline; color:#8f8f8f;}


/*menu start*/
a.ovalbutton{background: transparent url('../images/oval-blue-left.gif') no-repeat top left; display: block; float: left;
font: normal 1.04em Arial, Helvetica, sans-serif; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #000000; /*button text color*/font-weight:bold;margin-left:8px; }
a.ovalbutton span{
background: transparent url('../images/oval-blue-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;margin-left:8px; 
}

a.ovalbutton:hover span{ /* Hover state CSS */background-position: bottom right;color:#ffffff; font-weight:bold;}

a.ovalbutton span .current{ /* Hover state CSS */background-position: bottom right;color:#ffffff; font-weight:bold;}


a.ovalbutton{background: transparent url('../images/oval-blue-left.gif') no-repeat top left; display: block; float: left;
font: normal 1.04em Arial, Helvetica, sans-serif; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #000000; /*button text color*/font-weight:bold;margin-left:8px; }
a.ovalbutton span{
background: transparent url('../images/oval-blue-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;margin-left:8px;
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;margin-left:8px;
}
a.ovalbutton:hover span{ /* Hover state CSS */background-position: bottom right;color:#ffffff; font-weight:bold;}



a.ovalbutton2{background: transparent url('../images/oval-blue-left-hover.gif') no-repeat top left; display: block; float: left;
font: normal 1.04em Arial, Helvetica, sans-serif; color:fffffff; font-weight:bold; margin-left:8px; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none;}

a.ovalbutton2 span{
background: transparent url('../images/oval-blue-right-hover.gif') no-repeat top right; color:#ffffff; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}

.buttonwrapper{overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */width: 100%; padding-top:6px;}
.paddingspace{float:left; width:10px; height:24px; background: url(../images/partation.gif) no-repeat right;}
/*menu end */



/*inner*/
#black_white_strip2{ height:6px; width:100%; background-color:#000000; font-size:2px;}

#bodypart2{ width:100%; background-color:#f9f9f9; background-image: url(../images/repeat_black_white.gif); background-repeat:repeat-x; }
#bodypart2 #inner{width:945px; margin:0px auto; background:url(../images/body_bgrepeat2.gif) center; padding:0px 20px 10px 10px; text-align:left;}
.leftin{width:225px; float:left; padding-left:15px; padding-top:10px;}
.rightin{width:677px; float:right; }
.backgroundimg{background:url(../images/girl.gif) no-repeat; height:335px; width:677px; margin-top:1px; padding-bottom:22px;}



ul {padding:0px; padding-left:2px; list-style:none;}
ul li a{font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#666666;
	margin:0px;
	padding:0px 5px 0px 16px;
	list-style:none;
	font-size:12px;
	display: block;
	background:url(../images/bullet.jpg) no-repeat 0px 8px;
	text-decoration:none;

}

ul li a:hover{font-size:12px; font-family: Arial, Helvetica, sans-serif; text-decoration:underline;color:#FF9000;}

h1{
	font-size:16px;
	color:#000000;
}




.bullet {padding:0px; padding-left:2px; list-style:none;}
.bullet li {font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#666666;
	margin:0px;
	padding:0px 5px 10px 16px;
	list-style:none;
	font-size:12px;
	display: inline-block;
	width:100%;
	background:url(../images/bullet2.jpg) no-repeat 0px 8px;
	text-decoration:none;

}



.bullet2 {padding:0px; padding-left:2px; list-style:none;}
.bullet2 li {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#666666;
	margin:0px;
	padding:0px 5px 3px 16px;
	list-style:none;
	font-size:12px;
	display: inline-block;
	width:100%;
	background:url(../images/bullet2.jpg) no-repeat 0px 5px;
	text-decoration:none;

}



.dottedline{ padding-top:8px; padding-bottom:8px;}
.question{ width:223px; margin-top:6px; margin-bottom:12px; height:74px; background:url(../images/question_bg.gif) no-repeat;}
.question h1{font-size:23px; color:#ffffff; padding:15px 0 0 15px; line-height:23px;}
.question h1 span{font-size:15px; color:#ffffff; font-weight:normal}
.paddingletmenu{padding-left:10px;}
.butjoin{
	height:58px;
	padding:170px 0 50px 30px;
	text-align:left;
}
.tablook{height:65px; padding:20px 0 15px 0; text-align:left;}
.tablook .tab{float:left; width:200px; padding-left:23px;}
.tablook .tab h1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; color:#ffffff;}
.tablook .tab h1 span{font-size:15px; line-height:18px;}
.forgot{padding-top:8px;}
.size18{font-size:18px; color:#333333; line-height:22px;}
.boxbb{ background:url(../images/box3.gif) no-repeat; height:5px; font-size:2px;} 
.skye_aol{
	width:200px;
	height:105px;
	margin-top:10px;
}
.skye_aol .s{float:left; padding-top:15px;}
.skye_aol .a{float:left; padding-left:28px; padding-top:15px;}
.powerd{
	position:absolute;
	left: 105px;
	top: 292px;
}

/*inner*/

