@charset "utf-8";
/* CSS Document */

body { background:#ffffff; margin:0; }

body,table,td,div {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.clearFloat { clear:both; }

a { color: #18679f; text-decoration:none;}
a:hover {
	color: #5988B7;
}

a.green { color: #83b616; }

p { margin:0; padding: 10px 0 10px 0;}

ul {margin:0; padding:0;}
ul.list {margin-left: 15px;}

ul.nobullets { list-style-type:none; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#18679f; margin:0; padding:10px 0;}
h1.bg { padding-left:80px;}
h1.bg2 { padding-left:100px;}


h2 { font-size:14px; margin: 0; padding: 10px 0; }
h2.bg { padding-left:80px;}
h2.bg2 { padding-left:60px;}

h3 { font-size: 14px; background: #dadada url(text_header_bg.gif) repeat-x top; padding: 10px 20px 10px 10px; color:#18679f; margin:10px 0 5px 0;}

h4 { font-size: 11px; text-align:right; color:#18679f; margin:0; padding:0;}

h4 a { padding: 0 0 0 10px; color:#18679f;}
h4 a:hover { color: #dadada; }

img { border:0; vertical-align:middle; }

.smallText { font-size:10px; }

#right h1 { color: #4e4e4e;  }
#right h2 { font-family:Arial, Helvetica, sans-serif; color: #18679f;}

#container {} 

#header { background: #0f0f0f; margin:auto; border-bottom:3px solid #bbbbbb; }

#header_content { width: 850px; margin:auto; background:url(header.jpg) no-repeat;height:271px;} 

#header_content a { display:block; width: 40%; height: 100%; }

#menu { background:url(menu_bg.gif) repeat-x #373737; height:38px; margin:0; padding:0;}

#menu_content { width: 850px; margin:auto; padding:0; background: url(menu_separator.gif) repeat-x; height:38px; text-align:center;}

#menu_content ul { margin:auto ; width:850px;padding: 0 0 0 2px; list-style:none; height: 38px;}

#menu_content ul li { display:block; float:left; margin:0 ; padding:0 1px; }



#menu_content ul li a { display:block; padding: 10px 8px 0 8px; width:193px; height:28px; background:url(menu_dark_grey.gif) repeat-x; 	
						text-align:center; color:#FFFFFF; text-decoration:none; float:left;
					     margin: 0 1px 0 0; font-weight:bold; }
#menu_content ul li a:hover { background:url(menu_blue.gif) repeat-x; }
#menu_content ul li#active a { background:url(menu_blue.gif) repeat-x;}
#main {width:850px; margin:auto; padding: 30px 0 30px 0; }

#main_bg{ background:#FFFFFF; clear:both; }

#left { width: 500px; float:left;/*margin: 0 320px 0 0; */}
#left.bg { background: url(feather.jpg) top left no-repeat; }
#left.bg2 {background: url(info_icon.jpg) top left no-repeat; }

#right { margin: 0 0 0 540px; background-color:#f1f1f1; }

#options { margin: 20px 0 20px 0; width:498px; height:199px; background:url(items.jpg) no-repeat; }
#options .item a { float:left; width:165px; height:199px; display:block; content:"";}

.more { background: #dadada; width: 480px; padding: 5px 10px 5px 10px; text-align:right;  margin: 0 0 20px 0;}

.more a { font-size: 12px; color:#4e98cd; text-decoration:none; font-weight:bold;}

#right .more { float:left; width: 290px; }
#right .chat { float:left; background: #373737 url(chat_girl_dark.jpg) top left no-repeat; width: 195px; 
				padding: 5px 5px 5px 110px;
				color: #dadada; }
				
#right .chat a { color:#4e98cd; }
#right .chat.yd { float:left; background: #373737 url(yd.jpg) no-repeat top left; 
			padding: 6px 5px 6px 140px; width:165px; height: 170px;
			vertical-align:middle;
					}

#right .chat .h1 { color: #4e98cd; font-size:14px; font-weight:bold;}
#right .chat p { font-size: 12px; margin:0; padding:0; }
#right .chat.yd p { }
.more.left { text-align:left;}

#right .content { padding: 20px; }

.go_button { text-align:center; }
#go_page { background: #f1f1f1; margin:0; padding:0;}
#go_left { float:left; } 
#go_right { padding: 15px; }

#item1 { display:block; background: #373737 url(item1.jpg) no-repeat top right; height:87px; margin-bottom: 15px;}
#item2 { display:block; background: #373737 url(item2.jpg) no-repeat top right; height:87px; margin-bottom: 15px;}
#item3 { display:block; background: #373737 url(item3.jpg) no-repeat top right; height:87px; margin-bottom: 15px;}

#main_content h2 {  padding: 0; margin: 0; }
#main_content h2 a { padding-left: 15px; line-height:85px; font-size: 23px; display: block; color: #efefef; width: 100%;}

#main_content #buttons ul { list-style-type:none; }
#main_content #buttons ul li { float:left; }
#main_content #buttons ul li a { display:block; width:283px; float:left; text-align:center; font-size: 17px;
				font-weight:bold; background:url(blue_horiz_button.gif) no-repeat center; color: #efefef; line-height: 38px;}

#footer { clear:both; border-top: 1px solid #9f9f9f; background: #373737 url(footer_bg.gif) top repeat-x; height: 75px; }
#footer .content { width:850px; margin:auto; color: #999999;  }
#footer .content .left { float:left; width: 530px; padding: 25px 0 20px 0; }
#footer .content .right { margin: 10px 0 0 530px; text-align:right; background:url(small_cross.gif) no-repeat top right;  
							padding: 20px 65px 20px 0;}
#footer .content .right a { color: #999999; text-decoration:none;}