#miau {position:absolute; top:0px; left:0px}





/* layout */
body,html {text-align:center; padding:0px; margin:0px; background:#272E39; color:#CCD4DD; font:11px Verdana; line-height:1.6em}

#header {display:block; text-align:left; margin:auto; width:960px; height:260px; background:url(./site/pic/header.jpg); background-repeat:no-repeat; margin-top:10px; border:0px}
#header:hover > div.nojsOFF {background:transparent; visibility:hidden; display:none}
#header:hover > div.nojsON  {visibility:visible}

#logo {position:relative; top:76px; left:66px; width:224px; height:79px}
#menu {position:relative; top:40px; left:40px; width:875px; height:175px; color:#FFFFFF; visibility:hidden; cursor:default}
.MenuList {float:left; list-style:none; margin:0px; margin-top:12px; padding:0px 22px 0px 6px;}
#MenuHeader {float:left}

#IEmenu {padding:10px; background:#000000; margin:auto; width:900px}	/* crap menu for IE */
#body > #IEmenu {visibility:hidden; display:none}			/* only IE6 keeps the crap browser message */

#menuhint {height:26px; width:900px; text-align:right; position:relative; top:-256px; right:10px; margin:auto}	/* height is the margin between banner and contentframe*/
#menuhint a {border-width:0px; color:#686f79}

#frame {width:900px; margin:0px auto 26px auto; padding:0px; text-align:left}	
.contentDiv {padding:18px 20px 18px 20px; float:left; background:#2C333E}
.contentDivWide {width:900px}
#frame > div.contentDivWide {width:860px}	/* IE6 doesnt execute, and it needs 900px width */

#brclear {clear:both}
#footer {cursor:default; width:100%; text-align:center; color:#686f79; padding:40px 0 40px 0}
#footer a {color:#686f79; border:0px}

/* layout for 2 or 3 columns */
#contentleft {width:170px; float:left; margin-right:20px}
#contentcenter {width:510px; margin-right:20px}
#contentright {width:180px; float:left}

#frame > #contentleft   {width:130px}
#frame > #contentcenter {width:470px}
#frame > #contentright  {width:140px}





/* menu style */
#menu a {border:0px; text-decoration:none; padding:2px 3px 2px 4px; line-height:18px; padding-left:7px}
#menu a:link   {color:#FFFFFF}
#menu a:visited{color:#A2A7B6}
#menu a:focus  {color:#A2A7B6}
#menu a:hover  {color:#D6DEEC; background:#0D3E83; border-left:3px solid #AAAAAA; padding-left:4px}
#menu a:active {color:#A2A7B6}





/* content */
a        {text-decoration:none}
a:link   {color:#FFFFFF; border-bottom:1px solid #A2A7B6}
a:visited{color:#A2A7B6; border-bottom:1px solid #A2A7B6}
a:focus  {color:#A2A7B6; border-bottom:1px solid #A2A7B6}
a:hover  {color:#0A246A; background:#D6DEEC}
a:active {color:#A2A7B6; border-bottom:1px solid #A2A7B6}





div.blog {margin-bottom:44px;}
div.main a {color:#4981cf; border:0px}
div.blog h1 {cursor:default; font-weight:normal; color:#d5dde6; font-family:Trebuchet MS; border-left:4px solid #265aa6; padding:3px 4px 4px 6px; margin-top:0px; margin-bottom:10px; font-size:20px}
div.blog span {cursor:default; color:#828796; float:right; text-align:right; margin-top:6px}
div.blog div.main {border-top:1px solid #686f79; padding-top:5px}

h2,h3,h4,h5 {cursor:default; font-weight:bold; color:#d5dde6; font-family:Trebuchet MS; padding:0px; font-size:16px; border-bottom:1px solid #686f79; display:inline}
div.main {font:12px Verdana; color:#d5dde6; line-height:1.7em; margin:0px}
div.main div {padding-top:1em; padding-bottom:3em} /* paragraph-like */
div.main h3, div.main h3+div {margin-left:30px}


/* blog and guestbook edit forms */
#blogEdit {margin-bottom:44px;}
#blogEdit textarea {width:100px; border:0px; background:transparent; overflow:hidden}
#blogEdit textarea:hover {color:#FFFFFF!important}
#blogEdit #text {font:12px Verdana; color:#d5dde6; border-top:1px solid #686f79; padding-top:6px; line-height:1.7em; margin:0px; width:860px; height:300px;}
#blogEdit #topic {font-weight:normal; color:#d5dde6; font-family:Trebuchet MS; border-left:4px solid #265aa6; padding:0px 0px 0px 6px; margin-top:0px; margin-bottom:8px; font-size:20px; width:500px; height:24px; line-height:1.2em; }
#blogEdit #category, #blogEdit #date {height:12px; color:#828796; font:11px Verdana; line-height:1.3em; width:150px}
#blogEdit span {cursor:default; color:#828796; float:right; text-align:right; margin-top:6px}

input.button {cursor:pointer; background:#3B4455; border:0px; border-left:4px solid #265aa6; color:#d5dde6; padding:4px; font:12px Verdana}
input.button:hover {background:#265aa6; border-left:4px solid #A2A7B6; color:#FFFFFF}
input.password {background:#265aa6; border:0px; color:#FFFFFF; padding:4px; margin:0px 6px 0px 3px; font:12px Verdana}


/* guestbook */
input.center {margin-left:39%}
#blogEdit #post {font:12px Verdana; color:#d5dde6; border-top:1px solid #686f79; padding-top:6px; line-height:1.7em; margin:0px; width:860px; height:150px}
hr.large {margin:0px; padding:0px; border:0px; border-bottom:12px solid #383f49; margin-top:100px; margin-bottom:50px; position:relative; left:-1px}
hr.large {color:#383f49; height:12px}	/* for IE */


ul.numbers {list-style-type:decimal}

acronym, abbr {cursor:help}
.highlight {background:#4078c3; color:#FFFFFF; padding:0px 3px 2px 2px}
.highlight a {border:0px}


/* google test */
#headerG {display:block; text-align:center; margin:auto; width:600px; height:260px; background:url(./site/pic/header600.jpg); background-repeat:no-repeat; margin-top:120px; border:0px}
#headerG div.search {position:relative; top:100px}

input.inputG {font:12px Verdana; border:0px; margin-right:8px; padding:6px; color:#D6DEEC; background:url(./archive/3/pic/20.png); border-left:0px solid #AAAAAA}
input.buttonG {cursor:pointer; background:url(./archive/3/pic/20w.png); border:0px; border-left:4px solid #5c7cac; color:#d5dde6; padding:4px; font:12px Verdana}
input.buttonG:hover {background:#265aa6; border-left:4px solid #A2A7B6; color:#FFFFFF}

				/* org: 63/249*/
#logoG {position:relative; top:68px; left:248px; background:url(./site/pic/google.gif); background-repeat:no-repeat; width:102px; height:53px}

.footerG {font-size:9px; position:relative; top:-30px;}


div.google {text-align:left}
div.google h2 {display:block}




/* Contact */

#contact #post {width:100px; border:0px; background:transparent; overflow:hidden}
#contact #post:hover {color:#FFFFFF!important}
#contact #post {font:12px Verdana; color:#d5dde6; border-top:1px solid #686f79; padding-top:6px; line-height:1.7em; margin:0px; width:860px; height:300px;}
/*#contact span.inputInfo */