/* Organize CSS
----------------------------------------------- */
* {
 margin : 0 ;
 padding : 0 ;
 list-style : none ;
 font-size : 100% ;
 font-weight : normal ;
 cursor : default ;
}
html {
 background : #081c3c url('../html-images/bg_body.png') repeat-x top center ;
 overflow-y : scroll ;
}
body {
 color : #ebebeb ;
}
span {
 display : none ;
}
img {
 border : 0 ;
}
a , a:link , a:visited , a:hover {
 text-decoration : none ;
}
a:hover , a:hover img {
 cursor : pointer ;
}

/* Page Layout
----------------------------------------------- */
#head { margin-top : 5px ; height : 109px ; background : url('../html-images/bg_head.png') no-repeat top center ; overflow : hidden ; }
#head h1 { display : none ; }
#wrapA {
 margin : 0 auto 11px auto ;
 width : 988px ;
 background : transparent url('../html-images/bg_wrap.png') repeat-y top center;
}
#wrapB {
 margin : 0 auto ;
 width : 988px ;
 padding-bottom : 5px ; 
 background : transparent url('../html-images/bg_wrap-top.png') no-repeat top center;
}
#wrapC {
 margin : 0 auto ;
 width : 988px ;
 padding-bottom : 16px ;
 background : transparent url('../html-images/bg_wrap-bottom.png') no-repeat bottom center;
}


/* Body */
#body { color : #000 ; position : relative ; padding : 10px ; }
#body table tr td#l { width : 759px ; border-right : 1px dashed #e5e5ff ; }
#body table tr td#r { width : 208px ; }
#body p { margin : 10px ; padding : 6px ; }
#body .body-blog h3 {
color : #103878 ;
font-family : Arial ;
font-size : 13pt ;
font-weight : bold ;
padding : 9px 0pt 0pt 12px ;
}
#body .body-blog .body {
 color : #333333 ;
 cursor : text ;
 font-family : Arial ;
 font-size : 9pt ;
 letter-spacing : 0.2px ;
 line-height : 14px ;
 margin : 0pt ;
 padding : 12px 12px 13px ;
}
#foot { height : 50px ; width : 988px ; margin : 0 auto ; background : url('../html-images/bg_foot.png') ; color : #e5e5e5 ; }
#foot p.menu { font-family : Tahoma ; font-size : 10pt ; padding : 8px 0 0 17px ; letter-spacing : -0.05px ; }
#foot p.menu a { text-decoration : none ; color : #e5e5e5 ; }
#foot p.menu a:hover { text-decoration : underline ; }
#foot p.copy { font-family : Tahoma ; font-size : 8pt ; padding : 3px 0 0 17px ; letter-spacing : 1px ; }


/* Menus */
.menu.main { height : 40px ; }
.menu.main ul { padding : 0 35px ; font-family : Trebuchet MS ; font-size : 10pt ; }
.menu.main ul li { display : block ; float : left ; position : relative ; margin-top : 10px ; height : 26px ; padding : 4px 9.7px ; }
.menu.main ul li.on { padding : 4px 12px ; background-color : #fff ; }
.menu.main ul li { color : #ebebeb ; }
.menu.main ul li a { color : #fff ; }
.menu.main ul li a:hover { color : #fe0 ; cursor : pointer ; }  
.menu.main ul li.on a , #menu ul li.on a:hover { color : #039 ; }
.menu.body { display : block ; margin : 0 0 6px 10px ; padding : 3px ; color : #ccf ; font-family : Arial ; font-size : 9pt ; letter-spacing : 0.5px ; border-bottom : 1px dotted #e5e5ff ; }
.menu.body.right { float : right ; margin : -19px -1px ; width : 954px ; font-size : 12pt ; border-bottom : 0 ; }
.menu.body li { display : inline ; padding : 0 3px ; }
.menu.body li a , .menu.body li a:link , .menu.body li a:visited { color : #036 ; text-decoration : none ; }
.menu.body li.on a { border-bottom : 2px solid #036 ; }
.menu.body li a { font-weight : bolder ; }
.menu.body li a:hover { color : #090 ; }
.menu.body li.on a:hover { border-bottom : 2px solid #090 ; }
.menu.side { margin : -4px 0 0 0 ; }
.menu.side li {
 display : block ;
 position : relative ;
 margin : 15px auto 10px auto ;
 padding : 10px ;
 width : 160px ;
 height : 120px ;
 background : transparent url('../html-images/bg_frame.png') no-repeat top center ; 
 font : normal normal bold 9pt Tahoma ;
 text-align : center ;
}
.menu.side li a {
 display : block ;
 margin : 0 auto ;
 width : 100% ;
 position : absolute ;
 bottom : 0 ;
 left : 0 ;
 text-align : center ;
}


/* Special Items */
.item_words { display : block ; position : relative ; float : left ; width : 225px ; height : 110px ; border : 2px solid #333 ; margin : 10px ; background : #f9d6b4 none no-repeat center center ; cursor : pointer ; border : 2px solid #222 ; }
.item_pics { text-align : center ; }
.item_pics img { border : 2px solid #333 ; margin : 10px ; background : #f9d6b4 none no-repeat center center ; cursor : pointer ; border : 2px solid #222 ; }

.ad { margin : 0 0 0 10px ; }
#preview { display : none ; margin : 0 ; padding : 0 ; width : 600px ; height : 310px ; }


/* Javascript Items */
.item_words .thickbox { display : block ; width : 100% ; height : 100% ; cursor : pointer ; }
span.m2c.l { background : url('../html-images/t2c.l.png') no-repeat top left ;  }
span.m2c.r { background : url('../html-images/t2c.r.png') no-repeat top right ;  }
.menu.main ul li.on span.m2c { display : block ; position : absolute ; width : 100% ; height : 30px ; top : 0 ; left : 0 ; }

.showitem_words { display : block ; width : 600px ; height : 295px ; background : #fff url('../html-images/preview-frame_words.jpg') no-repeat 0 0 ; }
.showitem_pics  { display : block ; width : 600px ; height : 295px ; background : #fff url('../html-images/preview-frame_pics.jpg') no-repeat 0 0 ; }
.pressok { position:absolute ; bottom : 32px ; right : 21px ; border : 1px solid #000 ; width : 58px ; height : 29px ; background-color : transparent ; cursor : pointer ; }

/* The End
----------------------------------------------- */