@charset "utf-8";
body {
	margin: 0 auto;
	background:#c7e9f9;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
* {
	margin:0;
	padding:0
}
img {
	border:none
}
#wrapper {
	width:913px;
	margin:0 auto
}
#container {
	width:913px;
	float:left;
	padding:10px 0
}
#container #top_curv {
	width:913px;
	float:left;
	line-height:0px;
	font-size:0px
}
#container .top_curv img{ float:left}
#main_content {
	float:left;
	width:913px;
	background:url(../images/bottom_curv.jpg) no-repeat left bottom;
	padding-bottom:12px;
}
#main_content .content {
	float:left;
	width:913px;
	background:url(../images/rotate_bg.jpg) repeat-y 0 0
}
#main_content .content #header {
	float:left;
	width:913px;
}
#main_content .content #header .logo {
	float:left;
	margin:0px 0 0 10px
}
#main_content .content #header #menu {
	float:right;
	width:711px;
	background:url(../images/menu_bg.jpg) no-repeat 0 0;
	height:34px;
	margin:104px 1px 0 0;
	display:inline;
	padding-left:40px
}
#main_content .content #header #menu li {
	float:left;
	color:#b9d532;
	list-style:none;
	font-size:22px;
	padding:0 25px 0 25px
}
#main_content .content #header #menu li a {
	color:#b9d532;
	text-decoration:none
}
#main_content .content #header #menu li a:hover {
	color:#84b6e2
}
#main_content .content #header #menu li.current {
	color:#84b6e2
}
#main_content .content #body_container {
	float:left;
	width:913px;
	position:relative
}
#main_content .content #body_container #left_question {
	float:left;
	width:73px;
	margin:10px 0 0 0;
}
#main_content .content #body_container #left_question ul {
	float:left;
	width:73px;
	list-style:none;
}
#main_content .content #body_container #left_question ul li {
	float:left;
	width:65px;
	padding-left:7px;
	font-size:24px;
}
#main_content .content #body_container #left_question ul li a {
	text-decoration:none;
	color:#fff
}
#main_content .content #body_container #left_question ul li.blue {
	background:url(../images/blue_ques_bg.jpg) no-repeat 0 0;
	height:35px;
}
#main_content .content #body_container #left_question ul li.blue span {
	color:#76a5d8
}
#main_content .content #body_container #left_question ul li.l_blue {
	background:url(../images/light_blue_ques_bg.jpg) no-repeat 0 0;
	height:36px;
}
#main_content .content #body_container #left_question ul li.l_blue span {
	color:#a0cfef
}
#main_content .content #body_container #left_question ul li.green {
	background:url(../images/green_ques_bg.jpg) no-repeat 0 0;
	height:32px;
}
#main_content .content #body_container #left_question ul li.green span {
	color:#d6e043
}
#main_content .content #body_container #right_container {
	float:left;
	width:840px;
	background:url(../images/whatbg2.png) no-repeat 0 0px;
	height:485px
}
#main_content .content #body_container #right_container .left_side {
	float:left;
	width:500px;
	margin:60px 0 0 40px;
	display:inline;
	font-size:11px;
}

# .left_sideJoinRoom {
	
	float:left;
	text-align:left;
	width:340px;
	margin:120px 0 0 100px;
	display:inline;
	font-size:11px;
}

#main_content .content #body_container #right_container .left_side .text {
	float:left;
	width:500px;
	height:180px
}
#main_content .content #body_container #right_container .left_side .button_box {
	width:300px;
	margin:35px 0 0 40px;
	display:inline;
	text-align:center
}
#main_content .content #body_container #right_container .signin_form {
	float:right;
	background:url(../images/login_bg.png) no-repeat 0 0px;
	width:249px;
	margin-right:5px;
	padding:0px 0px 0px 0;
	height:247px;
	display:inline
}
#main_content .content #body_container #right_container .signin_form h3 {
	font-weight:normal;
	color:#84b6e2;
	text-transform:uppercase;
	font-size:18px;
	padding:0 0 15px 0
}
#main_content .content #body_container #right_container .signin_form label {
	color:#9aadad;
	font-size:14px;
	font-weight:bold;
}
#main_content .content #body_container #right_container .signin_form input {
	border:1px solid #adb37e;
	width:220px;
	height:26px;
	padding-top:2px;
	margin:0 0 10px 0;
	font-size:16px;
}
#main_content .content #body_container #right_container .signin_form .btn {
	width:auto;
	padding:0px;
	border:none;
	margin:0 0 0 50px;
	display:inline;
	background:url(../images/signin_btn.jpg);
	height:34px;
	width:76px;
}
#main_content .content #body_container .bottom_box {
	position:absolute;
	right:0px;
	bottom:-12px
}
.homepage_bottomright
{
    background:url(../images/footer_image.png);
    width:235px;
    height:251px;
}
#footer{ float:left; width:996px; text-align:center; font-size:11px; color:#9da7a9; padding:15px 0; line-height:18px}

#footer ul{ list-style:none;}

#footer ul li{ display:inline; padding:0 1px; color:#d6e043}

#footer ul li a{ color:#9da7a9; text-decoration:none}

#footer ul li a:hover{ text-decoration:underline}

.link1,.link2,.link3{display:none}

.textMessage
{
    border:solid 1px black;
    font-size:16px;
    height:22px;
    padding-top:2px;
    width:400px;
}
.formLeft
{
    float:left;
    width:200px;
    text-align:right;
}
.formRight
{
    float:left;
    width:600px;
    text-align:left;
}
/* Clearfix */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height: 1%;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
#divSchools
{
    width: 330px; 
    background-color:White;
    height:120px;
    OVERFLOW: auto; 
    border: solid 1px black;
    font-size:12px;
    display:none;
}

#divSchools a:hover
{
    background-color:Gray;
}
#aboveChatTitle
{
    float:left;
    width:570px;
    text-align:left;
    padding-left:70px;
}
#aboveBuddyTitle
{
    float:left;
    width:200px;
    text-align:left;
}
#divWhat
{
    font-size:15px;
    text-align:left;
    font-weight:bold;  
    width:390px; 
}
#divWho
{
    font-size:15px;
    text-align:left;
    font-weight:bold;   
}
#divWhy
{
    font-size:15px;
    text-align:left;
    font-weight:bold;   
}
#top-nav-bg {
	background-image: url(../images/top-nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	height: 171px;
	width: 913px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
}
#logo {
	height: 143px;
	width: 137px;
	float: left;
	margin-top: 20px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#top-right {
	float: left;
	width: 750px;
	clear: right;
	margin: 0px;
	padding: 0px;
}
#postit {
	height: 120px;
	width: 440px;
	margin-left: 280px;
	margin-bottom: 4px;
}
#postit #post1{
	background-position: left top;
	height: 120px;
	width: 110px;
	float: left;
}
#postit #post2{
	background-position: left top;
	float: left;
	height: 120px;
	width: 103px;
}
#postit #post3{
	background-position: left top;
	float: left;
	height: 120px;
	width: 105px;
}
#postit #post4{
	background-position: left top;
	float: left;
	height: 120px;
	width: 109px;
}
#top-nav {
	font-size: 21px;
	color: #b9d532;
	height: 21px;
	width: 670px;
	background-image: url(../images/nav-bg.gif);
	padding-top: 3px;
	padding-bottom: 10px;
	float: left;
	padding-right: 20px;
	padding-left: 30px;
	font-weight: normal;
}
#top-nav a {
	color: #b9d532;
	text-decoration: none;
	margin-right: 40px;
}
#top-nav a:hover {
	color: #84B6E2;
	text-decoration: none;
}
#lblConfirmation
{
    color:Red;
    font-size:16px;
    font-weight:bold;
}