html { min-height: 100%; }
* { margin: 0; padding: 0; }
a { color: #963; }
a:hover { color: #C60; }
ul,ol,li{list-style-type:none;} 
body { background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom; color: #444; font: normal 65.5%  Arial, Helvetica, sans-serif; }
p, code, ul { padding-bottom: 1.3em; }
ul{ list-style-type:none;}
li { list-style: none; }
h1 { font: normal 1.8em Tahoma, sans-serif; margin-bottom: 12px; }
h2 { font: 1.5em Tahoma, sans-serif; margin-bottom: 12px; }

#bot_desc { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #C1CAD3; color: #666; font: normal 1em Tahoma, sans-serif; line-height: 1.4em; margin-bottom: 10px; padding: 8px 10px; width: 480px;  }

blockquote { background: url(img/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; }
h1, h2, h3 { padding-top: 6px; }
/* misc */
.clearer { clear: both; }
.left { float: left; }
/* structure */
.container { background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 0 10px 10px; width: 1000px; }
/* header */
.top { background: url(img/clouds.gif) repeat-x; padding: 35px 10px 0; }
/* title */
.header { background: #FFF; font-size: 1.2em; height: 265px; margin: 0 auto; padding: 10px 10px 5px; width: 1000px; }
.header .left { background: #A4A4A0; color: #FFF; height: 261px; }
.header .left { background: #B3C2C7 url(img/header.jpg) no-repeat; font: normal 2.8em "Trebuchet MS", sans-serif; text-align: center; width: 1000px; }
.header .left  span{ font: normal 14px "Trebuchet MS", sans-serif; }
/* main */
.main { border-top: 4px solid #FFF; background: url(img/bgmain.gif) repeat-y; }
/* sub navigation */
.sidenav { float: right; width: 240px; }
.sidenav h2 { color: #5A5A43; font-size: 1.3em; line-height: 30px; margin: 0; padding-left: 15px; font-weight:bold }
.sidenav ul { padding: 0; border-top: 1px solid #EAEADA; }
.sidenav li { border-bottom: 1px solid #EAEADA; }
.sidenav li a { font-size: 1.1em; color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; }
.sidenav li a:hover { background: #F0F0EB; color: #654; }
/* content */
.content { float: left; margin: 10px 0; padding: 0 16px; width: 690px; }
.content li { list-style: url(img/li.gif); margin-left: 18px; }
.content p { font-family: "Lucida Sans Unicode", sans-serif; }
/* footer */
.footer { background: url(img/bgfooter.gif) repeat-x; color: #FFF; font: bold 1em sans-serif; line-height: 39px; margin-bottom:20px; text-align: center; }
.footer a, .footer a:hover { color: #FFF; }
.red { color:#FF3300; }


#container1 {width:600px; margin:0px; padding:0px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee; }
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #ffcc66; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}

* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#ffcc66; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #ffcc66; border-right:1px solid #ffcc66;}

.xb1 {margin:0 8px; background:#ffcc66;}
.xb2 {margin:0 6px; background:#ffcc66;}
.xb3 {margin:0 4px; background:#ffcc66;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}

.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#7f7f9c; border:3px solid #ffcc66; border-width:0 3px;}

#menu{width:1020px; background-color:#FFFFFF; margin:0px auto; height:32px;}

#nav {margin:0px auto; width:1000px; display:block; font-size:14px; }
#nav .jquery_out {float:left;line-height:32px;display:block; border-right:1px solid #fff; text-align:center; color:#fff;font:18px/32px ; background:#062723 url(img/slide-panel_03.png) 0 0 repeat-x;}
#nav .jquery_out .smile {padding-left:1em;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel {background:#cccccc; float:left; border-right:1px solid #fff; width:140px;/*IE6 only*/}
#nav .mainlevel a {color:#000; text-decoration:none; line-height:32px; display:block; padding:0 20px; width:100px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#062723  url(img/slide-panel_03.png) 0 0 repeat-x;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {border-top:1px solid #fff; background:#ffe60c; width:140px;/*IE6 only*/}
.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}

.img_switch {margin:0px auto;WIDTH:1000px;HEIGHT: 261px; overflow:hidden}
.img_switch_content {HEIGHT: 261px;position:relative;}
.img_switch_text {width: 262px;position: absolute;z-index:10; bottom:5px;left:10px;HEIGHT: 15px; z-index:10000;}
.number_nav {DISPLAY: inline;FLOAT: left;}
.number_nav UL {font:12px Arial, Helvetica, sans-serif;padding: 0px;MARGIN: 0px;LIST-STYLE-TYPE: none;color:#fff;}
.number_nav UL LI {float: left;font-weight: bold;background: #000;float: left;margin-right: 8px;width: 23px;cursor: pointer;line-height: 17px;height: 17px;text-align: center;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
#pic {OVERFLOW: hidden}