body{ font-size:11px; color:#999; background:#111111; font-family:Tahoma, Geneva, sans-serif; min-width:980px; overflow-x:hidden;}
a { text-decoration:none; color:#23b7ff;}
a:hover {}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hidden {display:none;}

#wrap{ margin-bottom:55px; background:url(../images/bg-t2.png) repeat-x center top;}
.center {width:950px; overflow:visible; margin:auto; position:relative;}

#header { width:100%; height:85px; padding-bottom:7px; background:url(../images/h-b.png) repeat-x; position:relative; z-index:50;}

#logos { width:296px; height:85px; overflow:hidden; position:absolute; top:0; left:0; z-index:50;}
#logos ul {width:278px; height:425px; padding:0px 9px; background:url(../images/l-s.png) repeat-y left;}
#logos ul li ul { margin-left:-9px; padding-bottom:9px; background:url(../images/l-s.png) no-repeat -296px 340px;}
#logos li {width:100%; height:85px; background-image:url(../images/l-b.jpg); background-repeat:no-repeat;}
#logos .ah {background-position:left top;} #logos .aom {background-position:left -85px;} #logos .mh {background-position:left -170px;} #logos .hh {background-position:left -255px;} #logos li.jh {background-position:left -340px;}
#logos .ah:hover {background-position:right top;} #logos .aom:hover {background-position:right -85px;} #logos .mh:hover {background-position:right -170px;} #logos .hh:hover {background-position:right -255px;} #logos li.jh:hover {background-position:right -340px;}
#logos a {width:100%; height:85px; display:block;}
#logos ul li a {background:url(../images/l-s.png) no-repeat -305px top; line-height:5000px; overflow:hidden;}


#nav { position:absolute; top:0; left:300px; padding-left:30px;}
#nav > ul {}
#nav > ul > li { float:left; position:relative; text-align:center; font-weight:bold; font-size:12px; height:85px;}
#nav > ul > li > i { width:164px; height:85px; position:absolute; top:0px; left:-50%; z-index:10; background:url(../images/n-a-h.png) no-repeat center top; display:none;}
#nav > ul > li > a{ color:#002e49; display:inline-block; height:95px; padding:0 22px; line-height:86px; text-shadow:1px 1px 0 #008acf; position:relative; z-index:20;}
#nav > ul > li:hover > a, #nav > ul > li.current > a {color:#fff; text-shadow:1px 1px 0 #004d6a;}
#nav ul li a {}
#nav ul li ul { position:absolute; top:85px; left:0px; text-align:left; display:none; width:200px;}
#nav ul li ul li { display:inline-block; float:left; clear:left; padding:0px; margin:0px; background:url(../images/n-dd-b.png);}
#nav ul li ul li a {display:inline-block; padding:8px; color:#fff;}
#nav ul li ul li a:hover {color:#23b7ff;}
#nav ul li ul li a, #nav ul li.selected a, #nav ul li.selected a span, #nav ul li.selected a:hover span {}

.banner {height:220px; position:relative; margin-top:-7px;}
.banner .mainimg {width:600px; height:220px; position:absolute; top:0px; left:0px; z-index:7;}
.banner .subimg {width:350px; height:220px; position:absolute; top:0px; right:0px; z-index:9;}
.banner #donate { position:absolute; top:40px; right:100px; z-index:8; width:282px; height:150px; background:url(../images/d-b.png);}
.banner input {width:100%; height:40px; background:none; color:#7f6a19; text-shadow:1px 1px 0 #ffe479; font-weight:bold; border:0px; margin-top:102px; cursor:pointer;}
.banner #donate input:hover { color:#FFF; text-shadow:0 0 6px #7f6a19; }

.banner .item0 .mainimg { background:url(../images/banner-0.png) no-repeat 40px top;}
.banner .item0 .subimg { background:url(../images/banner-0.png) no-repeat right top; width:91px;}
.banner .item0 #donate {right:60px;}
.banner .item1 .mainimg { background:url(../images/banner-1.png) no-repeat 75px top;}
.banner .item1 .subimg { background:url(../images/banner-1.png) no-repeat right top; width:272px;}
.banner .item1 #donate {right:245px;}


#main { position:relative; z-index:10; overflow:visible;}

#main .top {height:40px; overflow:visible; background:url(../images/m-t-b.png) repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; position:relative; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
.top .breadcrumbs {height:30px; padding:5px 10px; line-height:30px;}
.top .breadcrumbs a { display:inline-block; padding:0 25px 0 10px; background:url(../images/t-bc-b.png) no-repeat right center; color:#777;}
.top .breadcrumbs a:hover, .top .breadcrumbs a.current { color:#00aefc;}
.top .search { position:absolute; right:-5px; top:-1px;}
.top .search fieldset { position:relative; width:231px; height:46px; background:url(../images/t-s-b.png) no-repeat left top;}
.top .search .in {border:0px; background:none; width:150px; margin:13px 0 0 5px; color:#777; font-size:12px;}
.top .search .sub { position:absolute; width:66px; height:42px; right:5px; border:0px; background:none; cursor:pointer;}

#main .content { width:628px; padding:15px; background:#f6f6f6; border-right:1px solid #fff; border-top: 1px solid #e0e0e0; -moz-border-radius:0 0 0 6px; -webkit-border-radius:0 0 0 6px; border-radius:0 0 0 6px; overflow:visible;}

.content h1, .content h2, .content h3, .content h4 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; margin:10px 0; color:#23b7ff;}
.content h1 {font-size:22px;} .content h2 {font-size:18px;}
.content p {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px;}

.content .tblbor {border:1px solid #e0e0e0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; clear:both;}
.content table {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:808080; text-shadow:1px 1px 0 #fff;}
.content table td, .content table th {height:44px; border-bottom:1px solid #e0e0e0; vertical-align:middle; padding:0px 8px; font-weight:normal; background:url(../images/td-b.png) repeat-x left bottom;}
.content table tr.alt td {background:url(../images/td-a-b.png) repeat-x left bottom;}
.content table tfoot td {background:none; border:none;}
.content table td .rel { width:0px; height:0px; float:left; position:relative;}
.content table .date { position:absolute; left:-97px; top:-16px; height:52px; width:88px; display:block; background:url(../images/t-d-b.png) no-repeat; cursor:default;}
.content table .date i.n {float:left; display:inline-block; font:bold 30px Arial, Helvetica, sans-serif; color:#004a72; text-shadow:1px 1px #0071ae; padding:5px 0 0 14px;}
.content table .date i.m {float:left; display:inline-block; font:italic normal 10px Georgia,"Times New Roman", Times, serif; color:#ccdfe9; text-shadow:1px 1px 0 #013a59; padding:9px 5px;}
.content table .rl { display:inline-block; width:30px; height:30px;}
.content table tr:hover td .rl, .content table th .rl {background:url(../images/broken-l.png) no-repeat;}
.content hr {border:0; height:2px; border-bottom:1px solid #FFF; background:#e0e0e0; margin:15px 0;}
.content p {font:italic normal 13px Georgia, "Times New Roman", Times, serif;}

.details { clear:both; padding-bottom:10px;}
.details img {float:left; max-width:225px; margin-right:10px; background:#fff; padding:5px; border:1px solid #cdcdcd; -moz-box-shadow:0px 0px 5px #929292;}
.details p {float:left; display:block; width:380px;}
.details p span {display:block; padding:8px 5px; border-bottom:1px solid #e5e5e5; border-top:1px solid #fff;}
.details p span.alt { background:#f9f9f9;}
.details p span.blank {background:none; border-bottom:0; padding:0px;} .details p span:first-child { border-top:0;}
.details p span i {display:block; float:left; width:165px;} .details p span b {display:block; float:left; width:205px; font-weight:normal;}

.profile img {float:left; max-width:225px; margin-right:10px; background:#fff; padding:5px; border:1px solid #cdcdcd; -moz-box-shadow:0px 0px 5px #929292;}
.profile p {float:left; display:block; width:480px;}

.profile2 p {float:left; width:300px; margin-right:10px;} 
.profile2 p span i { width:115px;} .profile2 p span b { width:165px;}

.content .wht-bg {height:245px; background:#fff url(../images/white-bg.png) repeat-x; position:relative;} 
.scrollbox{position:relative;}

.scrollbox .navi { text-align:center;}
.navi i, .navi b {display:inline-block; background:url(../images/navi-b.png) no-repeat left top; width:15px; height:23px; position:absolute; top:0px;}
.navi i {left:-15px;} .navi b {background:url(../images/navi-b.png) no-repeat right top; right:-15px;}
.navi p {display:inline-block; background:url(../images/navi-b.png) no-repeat center top; height:23px; position:relative;}
.navi p a {display:inline-block; width:12px; height:23px; background:url(../images/navi-b.png) no-repeat -31.5px -23px; cursor:pointer;}
.scrollbox .prevPage {background:url(../images/navi-b.png) no-repeat -16px -24px; width:15px;} .scrollbox .nextPage {background:url(../images/navi-b.png) no-repeat -7px -24px; width:15px;}
.navi p a.active, .navi p a:hover { background:url(../images/navi-b.png) no-repeat -74px -23px;}
.scrollbox .prevPage:hover {background:url(../images/navi-b.png) no-repeat -59px -24px;} .scrollbox .nextPage:hover {background:url(../images/navi-b.png) no-repeat -50px -24px;}
.scrollable {width:100%; margin:10px 0 0 0; height:205px; overflow:hidden; position:relative; z-index:100; background:url(../images/sc-s.png) no-repeat center center;}
.scrollable .items {width:20000em; position:absolute;}
.scrollable .panel {height:205px; width:300px; padding:0 0 0 10px; float:left;}

.info img {float:left; max-width:110px; margin:5px 10px 0 8px; background:#fff; padding:4px; border:1px solid #cdcdcd; -moz-box-shadow:0px 0px 5px #929292;}
.info p {line-height:24px; margin:12px 0 12px 0;}

#main .column { width:290px; padding:15px 0; background:#f4f4f4; border-left:1px solid #e0e0e0; border-top: 1px solid #e0e0e0; -moz-border-radius:0 0 6px 0; -webkit-border-radius:0 0 6px 0; border-radius:0 0 6px 0; overflow:visible;}

.column .item { padding-bottom:15px; overflow:visible; clear:both;}
.column .bg {background:url(../images/s-i-b.png) repeat-x left bottom;}
.column .item h2 { width:295px; height:47px; background:url(../images/s-h-b.png) no-repeat right; color:#FFF; text-shadow:1px 1px 0 #00334d; font:italic bold 12px Arial, Helvetica, sans-serif; line-height:47px; padding-left:10px;}

.column .login, #bbar .log { width:264px; margin:auto;}
.column .login .input, #bbar .input { background:url(../images/s-l-i.png) no-repeat; height:68px;}
.column .login .input input, #bbar .input input { display:block; float:left; width:175px; margin:8px 0 9px 1px; padding-left:84px; border:0px; background:none; color:#999;}
.column .login .chkb, #bbar .chkb {line-height:18px; clear:left;}
.column .login .btns, #bbar .btns {margin-top:10px; text-align:center;}

.column ul {border-bottom:1px solid #e8e8e8;}
.column ul li a { height:33px; padding-left:15px; display:block; background:url(../images/s-li-b.png) no-repeat; font:italic bold 12px Arial, Helvetica, sans-serif; line-height:33px; color:#aaa; text-shadow:1px 1px 0 #fff;}
.column ul li a:hover {color:#23b7ff;}

.button { height:37px; line-height:37px; display:inline-block; color:#FFF; text-shadow:1px 1px 0 #004568; margin:0;}
.button:hover {color:#00344e; text-shadow:1px 1px 0 #009beb;}
.button i { height:37px; width:25px; display:block; float:left; background:url(../images/btn-b.png) no-repeat left;}
.button b { height:37px; padding-right:25px; display:block; float:left; background:url(../images/btn-b.png) no-repeat right;}

#footer {margin:30px auto 4px auto; background:url(../images/f-b.png) repeat-x; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 0;}
#footer .item { padding-left:14px; width:220px; float:left;}
#footer .item ul {list-style:inside disc;}
#footer .item ul li {background:url(../images/f-l-b.png) repeat-x left bottom;}
#footer .item ul li a {color:#fff; display:inline-block; padding:8px 0 10px 0;} #footer .item ul li a:hover {text-decoration:underline;}

#copyright {line-height:16px; color:#fff; text-shadow:-1px -1px 6px #000;}
#copyright a:hover {text-decoration:underline;}

#footer .a, #footer .a a:hover {color:#23b7ff;}
#footer .h, #footer .h a:hover {color:#ff3e3e;}
#footer .j, #footer .j a:hover {color:#a842ff;}
#footer .m, #footer .m a:hover {color:#26ff69;}
#footer .f, #footer .f a:hover {color:#ffaa00;}
#footer h2 { font:italic normal 14px Georgia, "Times New Roman", Times, serif; padding-bottom:5px;} #footer h2 b {color:#fff;}

#bbar {position:fixed; z-index:9990; bottom:0; right:2%; width:96%; border:1px solid #d2d2d2; border-bottom:0px; background:#f4f4f4; height:32px; display:inline-block;}
#bbar ul {border-top:1px solid #fff;}
#bbar ul > li.spacer {width:1px; height:32px; margin-top:-1px; padding:0px; background:#d2d2d2;}
#bbar ul > li {height:31px; position:relative;}
#bbar .max {display:none;}



#bbar ul > li > a { display:inline-block; height:30px; padding:0 10px; border-left:1px solid #fff; border-right:1px solid #fff; color:#787878; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:32px; text-shadow:1px 1px 0 #fff; z-index:9992; position:relative;}
#bbar ul > li > a:hover {background:#FFF; color:#23b7ff;}
#bbar ul > li.open > a {background:#FFF; border:1px solid #333; border-top:0; margin-top:-2px; height:32px; color:#23b7ff;}
#bbar ul > li > a > i { display:inline-block; float:left; height:25px; width:30px; margin:2px 2px 0 0; background-image:url(../images/bb-i.png); background-repeat:no-repeat;}
#bbar i.login {background-position:top center} #bbar i.fav {background-position:center -93px} #bbar i.chat {background-position:center -32px} #bbar i.music {background-position:-65px center}
#bbar .max a, #bbar .min a { padding:0 15px; background-image:url(../images/bb-m.png); background-repeat:no-repeat;}
#bbar .max a:hover, #bbar .min a:hover {background-color:#fff; background-image:url(../images/bb-m.png); background-repeat:no-repeat;}
#bbar .max a,#bbar .max a:hover { background-position:center -24px;} #bbar .min a,#bbar .min a:hover { background-position:center 6px;}
#bbar a.user { padding-left:65px;}
#bbar img.avt { position:absolute; left:-2px; bottom:-6px; padding:4px; background:#fff; border:1px solid #ccc;}

#bbar .subpanel {display:none; position:absolute; z-index:9991; height:100px; width:250px; top:-103px; background:#FFF; border:1px solid #333;}
#bbar .open .subpanel {display:block;}

#bbar .subpanel.login { left:0px; top:-168px; width:263px; padding:15px 15px 0 15px; height:150px;}
#bbar .subpanel.login .input {background:url(../images/bb-l-i.png) no-repeat;}

#bbar .subpanel.chat { right:0px; top:-203px; width:800px; height:200px; overflow:hidden;}
#bbar .subpanel .msgs { background:#fafafa; border-right:1px solid #d2d2d2;} 

#bbar .subpanel.fav, #bbar .subpanel.user { padding:0 8px; height:200px; overflow:auto; top:-203px;}
#bbar .subpanel ul li img {float:left; max-width:15px; background:#fff; margin-bottom:4px; padding:1px; border:1px solid #f2f2f2;}
#bbar .subpanel ul li a {color:#666; display:inline-block; padding:4px; height:auto; line-height:normal; font-size:11px; font-weight:normal; border:0px; }
#bbar .subpanel ul li a:hover {color:#23b7ff; background:none;}
#bbar .subpanel ul, #bbar .subpanel ul li {margin:0px; padding:0px; height:auto;}
#bbar .subpanel ul li { border-bottom:1px solid #f9f9f9; padding:4px 2px 0 2px;} #bbar .subpanel ul li:hover {border-bottom:1px solid #f9f9f9;}

#nom {background:#111; padding:0 5px; text-align:center; display:none; border-bottom:1px solid #00d4ff;}
#nom .ie, #nom .noscript, #nom .ann {padding:10px 0; color:#e2e2e2;}
#nom .ie, #nom .noscript {border-bottom:1px dotted #222;}
#nom b {color:#23b7ff;} #nom .noscript b {color:#F60;} #nom .ie b {color:#F00;}
#nom .ann {width:940px; margin:auto; text-align:left;}

/**Overlay**/
#overlay { 
    display:none;
    z-index:10000;
    background-color:#FFF;
    border:1px solid #666;
	padding:6px;
	max-width:850px;
	height:auto !important;
    border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	box-shadow:0 0 90px 5px #000;
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
} 
 
/* close button positioned on upper right corner */ 
#overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute;
    right:-8px; 
    top:-8px; 
    cursor:pointer; 
    height:24px; 
    width:24px; 
}
#overlay h1 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; margin:0 0 10px 0; color:#23b7ff; font-size:18px; padding:4px; border-bottom:1px solid #f6f6f6;}