<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
Design by http://www.dreamtemplate.com
*/
body { -webkit-text-size-adjust: 100%; margin:0; padding:0; width:100%; color:#6d6d6d; font:normal 13px/1.5em -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif; background:#fff/* url(../images/main_bg.gif) no-repeat center top*/;}
html, .main { padding:0; margin:0;}
.main { /*background:url(../images/hbg_bg.jpg) no-repeat center top;*/}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 { margin:8px 0; padding:8px 0; font-size:26px; font-weight:normal; color:#212121;}
p { margin:8px 0; padding:0 0 8px 0;}
a { color:#65c8fd;text-decoration:none; }
a img{text-decoration:none}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { padding:0 0 24px; background:#68cafd url(../images/header_bg.gif) repeat-x left bottom;}
.header_resize { margin:0 auto; padding:0; width:960px;}
@media screen and (max-width: 768px) {
	.header_resize {
    width:					100%;
}
}
.logo { padding:0; float:none; float:left; width:auto;padding-top:10px }
h1 { font-weight:normal; margin:40px 0 0 0; padding-bottom:8px; font-size:26px; line-height:1.2em; color: #212121; }
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { }
h1 small { display:block; font-size:13px; line-height:1.2em; letter-spacing:normal; text-transform:none; color:#fff;}
.slider { margin:0 0 20px; padding:13px 12px 30px 13px; background:url(../images/slider_bg.jpg) no-repeat center top;}
.rss { padding:18px 20px 0 0; float:right; width:auto;}
.rss p { margin:0; padding:0; float:right; width:auto; color:#fff; font-size:13px; line-height:1.5em; font-weight:bold;}
.rss a { color:#fff; text-decoration:none;}
.rss a:hover { text-decoration:underline;}
.rss img { margin:-3px 0 -3px 6px; border:none;}

/* menu */
.menu_nav { margin:0 auto 16px; padding:0; float:right; height:51px;}
.menu_nav ul { list-style:none; padding:32px 0; height:51px; float:left;}
.menu_nav ul li { margin:0; padding:0; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:12px 24px; /*width:114px;*/ font-size:13px; line-height:18px; font-weight:normal; color:#fff; text-decoration:none; text-transform:none; text-align:center;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { text-decoration:none; color:#65c8fd; background-color:#fff;}

/* content */
.content { padding:0;}
.content_resize { margin:0 auto; padding:0px 0 0px; width:98%;}
.content .mainbar { margin:0; padding:0; float:left; width:76%;}
.content .mainbar h2 { margin-bottom:0; padding-bottom:8px; font-size:26px; line-height:1.2em; color:#212121;}
.content .mainbar div.img { padding:12px 0; float:left;}
.content .mainbar img { }
.content .mainbar img.fl { margin:0;}
.content .mainbar .article { margin:0 0 8px; padding:6px 20px;}
.content .mainbar .post_content { float:right; width:460px;}
@media screen and (max-width: 768px) {
	.content .mainbar .post_content {
    width:					100%;
}
}
.log
.content .mainbar .post_content strong { color:#6d6d6d;}
.content .sidebar { padding:0; float:right; width:18%;}
.content .sidebar .gadget { margin:0; padding:12px 20px 24px; background:url(../images/gadget.gif) repeat-y center top;}
.content .sidebar h2 { color:#fff;}
.content .sidebar .g1 { padding:12px 0 0; background:url(../images/gadget_top.gif) no-repeat center top;}
.content .sidebar .g2 { margin:0 0 16px; padding:0 0 12px; background:url(../images/gadget_bot.gif) no-repeat center bottom;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#fff;}
ul.sb_menu li, ul.ex_menu li { margin:0; border-bottom:1px solid #fb865e;}
ul.sb_menu li, ul.ex_menu li { padding:8px 0; width:220px;}
ul.sb_menu li a { color:#fff; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
ul.ex_menu li a { font-weight:bold; color:#fff; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#fff; font-weight:bold; text-decoration:none;}

p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 8px; padding:20px 12px; color:#fff; background:url(../images/infopost.gif) no-repeat center top;}
p.infopost a { padding:0 2px; text-decoration:none; font-weight:bold; color:#fff;}
p.infopost a:hover { text-decoration:underline;}
p.infopost span.date { color:#fff;}
.article a.com { float:right; margin:-6px -12px 0 0; padding:4px 12px; font-size:15px; font-weight:normal; text-decoration:none; text-align:center; color:#fff;}
.article a.com:hover { text-decoration:none;}
.article a.com span { padding:0 24px 0 0; font-weight:normal; font-size:33px;}
.post_content a.rm { display:block; float:left; margin:0 0 16px; padding:12px 0; font-size:13px; line-height:16px; font-weight:normal; text-transform:none; color:#65c8fd; text-decoration:none; text-align:center;}
.post_content a.rm:hover { text-decoration:underline;}

.content p.pages { margin:0; padding:24px 20px; font-size:11px; color:#6e6e6e; text-align:left;}
.content p.pages span, .content p.pages a { display:block; float:left; margin:0 4px 0 0; padding:8px 14px; text-decoration:none; text-align:center; background:url(../images/page_p.gif) no-repeat center center;}
.content p.pages span, .content p.pages a:hover { color:#fff; background:url(../images/page_a.gif) no-repeat center center;}
.content p.pages a { color:#fff; border:none;}
.content p.pages small { font-size:12px; float:right;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
.subpage .mainbar .sb_menu li { border-bottom:none;}
.subpage .mainbar .sb_menu li a { color:#6d6d6d;}
.subpage .mainbar .sb_menu li a:hover { color:#fb865e; text-decoration:underline;}

/* fbg */
.fbg { padding:0; background:#68cafd url(../images/footer_bg.gif) repeat-x left top; border-bottom:1px solid #5db4e1;height:36px;}
.fbg_resize { margin:0 auto; width:920px; padding:40px 20px 16px; color:#fff;}
@media screen and (max-width: 768px) {
	.fbg_resize {
		width: 100%;
		padding:0;
	}
}
.fbg  h2 { color:#fff; padding-bottom:24px; font-size:24px;}
.fbg img.gal { margin:0 8px 8px 0; padding:0; border:4px solid #ece7e7;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:280px;}
.fbg .c2 { padding:0 36px 0 16px; width:280px;}
.fbg .c3 { padding:0 0 0 16px; width:274px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#fff; text-decoration:none; background:url(../images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#fff; text-decoration:underline;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { color:#fff; text-decoration:underline; font-weight:normal;}
.fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold;}
.mtext { text-align:justify; margin-bottom: 40px; }

/* footer */
.footer { border-top:1px solid #8ad8fe; background:#68cafd;}
.footer_resize { width:100%;}
.footer p.lf { margin:0 0 0 20px; padding:24px 0 28px; text-align:center; width:auto; line-height:1.5em; color:#fff;}
.footer p.lf a { text-decoration:none; font-weight:normal; color:#fff; font-weight:bold;}
.footer p.lf a:hover { text-decoration:underline;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
@media screen and (max-width: 768px) {
	ol li input.text {
    width:					100%;
}
}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
@media screen and (max-width: 768px) {
	ol li textarea {
    width:					100%;
}
}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { padding:0 0 16px; float:left;}
#formsearch { margin:0; padding:24px 20px 24px 20px; width:auto; height:30px; background:url(../images/search_mbg.jpg) no-repeat center top;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(../images/search_bg.gif) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:8px 10px; float:left; width:168px; font-size:12px; line-height:14px; color:#a8acb2; background:none; outline:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}

.chatbox
{
    border-radius: 28px 28px 28px 28px; border:1px solid;padding:10px;
    overflow:hidden;
    margin-top:5px;
    
}
.boxleft
{
    float:left;
    width:5%;
    text-align:center;
}

.strangerboxleft
{
    float:right;
    width:5%;
    text-align:center;
}

.boxleft label
{
    margin:0px;
    font-weight:bold;
    text-align:center;
}

.boxright
{
    float:right;
    width:5%;
}

.leftarrowdiv
{
    float:left;
    width:90%;

min-height:35px; /*min height of DIV should be set to at least 2x the width of the arrow*/
color:Black;
font-weight:bold;
font-size:15px;
color:white;
padding:3px 5px 3px 5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
margin-left:20px;
}

.rightarrowdiv
{
    float:right;
    width:90%;
margin-right:20px;
min-height:35px; /*min height of DIV should be set to at least 2x the width of the arrow*/
color:Black;
font-weight:bold;
font-size:15px;
color:white;
padding:3px 5px 3px 5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
    
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-19px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent black transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent black; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv a, .leftarrowdiv a
{
    color:White;
}

textarea 
{
    font-size:15px;
}

.connectionbox
{
    text-align:center;
    margin:0 auto;
    width:1000px;
}
@media screen and (max-width: 768px) {
	.connectionbox {
    width:					100%;
}
}

.connectbutton
{
    margin-left:320px; margin-top:20px;text-align:center;width:140px;border:1px solid;background:#fa6835;color:#ffffff;padding:5px;font-size:15px;
}

img {border-style:none}

.divBorder
{
    border:1px dashed;
   margin-bottom:20px;
}

.paraPadding p {padding-right:25px}

/*Fancy dropdown UI*/
.select-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
    line-height: 20px;
    clear: both;
    
    vertical-align:middle;
    font-size: 14px;
}

.select-arrow, .select-box {
    position: relative;
    float: left;
    height: 20px;
    
}

.select-wrapper .select-arrow {
    background: url("../../Content/images/drop.png") no-repeat scroll center center,#ebf1f6; /* Old browsers */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,-moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,-webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,-o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,-ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: url("../../Content/images/drop.png") no-repeat scroll center center,linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: url("../../Content/images/drop.png") no-repeat scroll center center,progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
    /*shadow*/
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    /*corners*/
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    width: 30px;
    text-align: center;
    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    
}

.select-wrapper .select-box {
    /*gradient*/
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
    /*shadow*/
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    /*corners*/
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    width: 210px;
    text-indent: 90px;
    overflow: hidden;
}

.select-options, .select-folder-tree {
    position: absolute;
    top: 20px;
    left: 0;
    width: 98.5%;
    border: 1px solid #ccc;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    background: #f6f6f6;
    padding: 0;
    margin: 0;
    z-index: 110;
    display: none;
}

    .select-options li {
        line-height: 20px;
        display: block;
        padding-left: 5px;
    }

        .select-options li:hover {
            color: #333333;
            background: #EDEDED;
        }

        .select-options li.option-selected {
            color: #68cafd;
            text-shadow: none;
        }



.m_sprite .s1, .m_sprite .s30, .m_sprite .s25, .m_sprite .s26, .m_sprite .s16, 
.m_sprite .s11, .m_sprite .s4, .m_sprite .s29, .m_sprite .s3, .m_sprite .s10, 
.m_sprite .s6, .m_sprite .s14, .m_sprite .s12, .m_sprite .s8, .m_sprite .s17, 
.m_sprite .s13, .m_sprite .s15, .m_sprite .s5, .m_sprite .s27, .m_sprite .s22, 
.m_sprite .s9, .m_sprite .s18, .m_sprite .s24, .m_sprite .s23, .m_sprite .s28, 
.m_sprite .s19, .m_sprite .s2, .m_sprite .s20, .m_sprite .s31, .m_sprite .s21, 
.m_sprite .s7
{ display: block; background: url('images/Avatars/m_sprite.png') no-repeat; }

.m_sprite .s1 { background-position: -0px -0px; width: 37px; height: 51px; }
.m_sprite .s30 { background-position: -0px -51px; width: 36px; height: 50px; }
.m_sprite .s25 { background-position: -0px -101px; width: 36px; height: 50px; }
.m_sprite .s26 { background-position: -0px -151px; width: 36px; height: 50px; }
.m_sprite .s16 { background-position: -0px -201px; width: 36px; height: 50px; }
.m_sprite .s11 { background-position: -0px -251px; width: 36px; height: 50px; }
.m_sprite .s4 { background-position: -0px -301px; width: 36px; height: 50px; }
.m_sprite .s29 { background-position: -0px -351px; width: 36px; height: 50px; }
.m_sprite .s3 { background-position: -0px -401px; width: 36px; height: 50px; }
.m_sprite .s10 { background-position: -0px -451px; width: 36px; height: 50px; }
.m_sprite .s6 { background-position: -0px -501px; width: 36px; height: 50px; }
.m_sprite .s14 { background-position: -0px -551px; width: 36px; height: 50px; }
.m_sprite .s12 { background-position: -0px -601px; width: 36px; height: 50px; }
.m_sprite .s8 { background-position: -0px -651px; width: 35px; height: 50px; }
.m_sprite .s17 { background-position: -0px -701px; width: 36px; height: 50px; }
.m_sprite .s13 { background-position: -0px -751px; width: 36px; height: 50px; }
.m_sprite .s15 { background-position: -0px -801px; width: 36px; height: 50px; }
.m_sprite .s5 { background-position: -0px -851px; width: 36px; height: 50px; }
.m_sprite .s27 { background-position: -0px -901px; width: 36px; height: 50px; }
.m_sprite .s22 { background-position: -0px -951px; width: 36px; height: 50px; }
.m_sprite .s9 { background-position: -0px -1001px; width: 36px; height: 50px; }
.m_sprite .s18 { background-position: -0px -1051px; width: 36px; height: 50px; }
.m_sprite .s24 { background-position: -0px -1101px; width: 36px; height: 50px; }
.m_sprite .s23 { background-position: -0px -1151px; width: 36px; height: 50px; }
.m_sprite .s28 { background-position: -0px -1201px; width: 36px; height: 50px; }
.m_sprite .s19 { background-position: -0px -1251px; width: 36px; height: 50px; }
.m_sprite .s2 { background-position: -0px -1301px; width: 36px; height: 50px; }
.m_sprite .s20 { background-position: -0px -1351px; width: 36px; height: 50px; }
.m_sprite .s31 { background-position: -0px -1401px; width: 36px; height: 50px; }
.m_sprite .s21 { background-position: -0px -1451px; width: 36px; height: 50px; }
.m_sprite .s7 { background-position: -0px -1501px; width: 36px; height: 50px; }


.f_sprite .s30, .f_sprite .s25, .f_sprite .s26, .f_sprite .s29, .f_sprite .s11, 
.f_sprite .s16, .f_sprite .s4, .f_sprite .s3, .f_sprite .s10, .f_sprite .s6, 
.f_sprite .s14, .f_sprite .s12, .f_sprite .s8, .f_sprite .s17, .f_sprite .s13, 
.f_sprite .s15, .f_sprite .s5, .f_sprite .s27, .f_sprite .s22, .f_sprite .s9, 
.f_sprite .s18, .f_sprite .s24, .f_sprite .s23, .f_sprite .s28, .f_sprite .s19, 
.f_sprite .s1, .f_sprite .s7, .f_sprite .s20, .f_sprite .s31, .f_sprite .s21, 
.f_sprite .s2
{ display: block; background: url('images/avatars/f_sprite.png') no-repeat; }

.f_sprite .s30 { background-position: -0px -0px; width: 35px; height: 50px; }
.f_sprite .s25 { background-position: -0px -50px; width: 35px; height: 50px; }
.f_sprite .s26 { background-position: -0px -100px; width: 35px; height: 50px; }
.f_sprite .s29 { background-position: -0px -150px; width: 35px; height: 50px; }
.f_sprite .s11 { background-position: -0px -200px; width: 35px; height: 50px; }
.f_sprite .s16 { background-position: -0px -250px; width: 35px; height: 50px; }
.f_sprite .s4 { background-position: -0px -300px; width: 36px; height: 50px; }
.f_sprite .s3 { background-position: -0px -350px; width: 35px; height: 50px; }
.f_sprite .s10 { background-position: -0px -400px; width: 35px; height: 50px; }
.f_sprite .s6 { background-position: -0px -450px; width: 36px; height: 50px; }
.f_sprite .s14 { background-position: -0px -500px; width: 35px; height: 50px; }
.f_sprite .s12 { background-position: -0px -550px; width: 35px; height: 50px; }
.f_sprite .s8 { background-position: -0px -600px; width: 35px; height: 50px; }
.f_sprite .s17 { background-position: -0px -650px; width: 35px; height: 50px; }
.f_sprite .s13 { background-position: -0px -700px; width: 35px; height: 50px; }
.f_sprite .s15 { background-position: -0px -750px; width: 35px; height: 50px; }
.f_sprite .s5 { background-position: -0px -800px; width: 35px; height: 50px; }
.f_sprite .s27 { background-position: -0px -850px; width: 35px; height: 50px; }
.f_sprite .s22 { background-position: -0px -900px; width: 35px; height: 50px; }
.f_sprite .s9 { background-position: -0px -950px; width: 35px; height: 50px; }
.f_sprite .s18 { background-position: -0px -1000px; width: 35px; height: 50px; }
.f_sprite .s24 { background-position: -0px -1050px; width: 35px; height: 50px; }
.f_sprite .s23 { background-position: -0px -1100px; width: 35px; height: 50px; }
.f_sprite .s28 { background-position: -0px -1150px; width: 35px; height: 50px; }
.f_sprite .s19 { background-position: -0px -1200px; width: 35px; height: 50px; }
.f_sprite .s1 { background-position: -0px -1250px; width: 35px; height: 50px; }
.f_sprite .s7 { background-position: -0px -1300px; width: 35px; height: 50px; }
.f_sprite .s20 { background-position: -0px -1350px; width: 35px; height: 50px; }
.f_sprite .s31 { background-position: -0px -1400px; width: 35px; height: 50px; }
.f_sprite .s21 { background-position: -0px -1450px; width: 35px; height: 50px; }
.f_sprite .s2 { background-position: -0px -1500px; width: 34px; height: 49px; }


.online_f {
      display: block; background: url('images/avatars/f_sprite.png') no-repeat;background-position: -0px -1250px; width: 35px; height: 50px; 
}
.online_m {
    display: block; background: url('images/Avatars/m_sprite.png') no-repeat; background-position: -0px -0px; width: 37px; height: 51px; 
}


/*Menu CSS*/
#menu {
	list-style:none;
	width:100px;
	
	height:65px;
	
	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	
	/* Borders */
	
	border: 1px solid #002232;

	
}


.dropdown_4columns{
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:auto;
	
	z-index:1001;
}

/* #menu:hover .dropdown_4columns
 {
	left:-1200px;
	top:-550px;
	
}*/

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	
	padding:3px
	
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:3px;
	margin:0;
	
}

#menu li {
	
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 20px;
	
	margin-top:7px;
	border:none;
}

#menu li .drop {
	padding-right:15px;
	
	background:url("images/drop.png") no-repeat right 20px;
   display:inline-block;
}
#menu li:hover .drop {
	background:url("images/drop.png") no-repeat right 19px;
}




.col_1,

.col_4
 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}

.col_1 {width:100px;}

.col_4 {width:800px;}
@media screen and (max-width: 768px) {
	.col_4  {
    width:					100%;
}
}

.col_1 a {cursor:pointer}</pre></body></html>