body {
     background-color: #6495ED;
     background-image: url('http://www.chizeng.com/images/backgrounds/smoothbluestarsblend.jpg');
     background-attachment: fixed;
}

.commonp {
     text-align: left;
}

#containerforeverything {
     width: 800px;
     border-style: outset;
     border-width: 3px;
     border-color: #000000;
     min-height: 400px;
     background-color: #FFFFFF;
     background-image: url('http://www.chizeng.com/images/backgrounds/blueiscoolspacebackground.gif');
     background-repeat: repeat-x;
     background-attachment: fixed;
}

.conbox {
     margin: 10px auto 0px auto;
     width: 130px;
     border-style: solid;
     border-color: #00008B;
     border-width: 1px;
     padding: 0px;
     background-color: #fff;
     font-family: verdana;
}

.conbox a {
     display: block;
     width: 80%;
     text-decoration: none;
     margin: 5px auto 5px auto;
     border: 1px solid #00008B;
     padding: 4px;
     background: #87CEFA url('http://www.chizeng.com/images/misc/animarrow.gif') repeat-x 100% 100%;
}

.conbox a:visited {
     color: blue;
     text-decoration: none;
}

.conbox a:hover {
     color: #FFFF00;
     background: #000080 repeat-x 100% 100%;
}

.conboxtitle {
     background-color: #00008B;
     color: #fff;
     width: 100%;
     text-align: left;
     margin: 0px 0px 0px 0px;
     border-style: solid;
     border-width: 0px 1px 0px 1px;
     border-color: #00008B;
}

.conboxtitletext {
     margin-left: 8px;
}

.conboxcontent {
     margin-top: 0px;
     width: 130px;
     text-align: center;
}

#topsection {
     height: 270px;
     width: 100%;
     border-style: solid;
     border-width: 0px 0px 1px 0px;
     background-image: url('http://www.chizeng.com/images/backgrounds/orangewater.jpg');
     background-color: transparent;
     margin: 0px auto auto auto;
}



#webprojectslist {
     text-align: left;
     list-style-type: square;
     background: navy;
     color: yellow;
     padding-top: 15px;
     padding-bottom: 15px;
     font-family: arial;
}

#webprojectslist a {
     display: block;
}

#webprojectslist a:link, #webprojectslist a:visited {
     color: orange;
     text-decoration: none;
}

#webprojectslist a:hover {
     color: #FFD700;
     text-decoration: underline;
}

#webprojectslist a:active {
     color: red;
}


#logoontopsection {
     background-image: url('http://www.chizeng.com/images/backgrounds/zengtitle.gif');
     background-color: transparent;
     width: 247px;
     height: 247px;
     margin: 0px 0px 0px 20px;
     text-align: left;
     position: relative;
     top: 10px;
     font-size: 160px;
     text-align: center;
     overflow: hidden;
}

.invisibleimage {
     border-style: solid;
     border-color: #000000;
     border-width: 0px;
     position: relative;
     bottom: 20px;
     right: 20px;
}

#invisobologo {
     width: 446px;
     height: 215px;
}

#invisobobanner {
     width: 250px;
     height: 250px;
}

#websitebanner {
     border-style: outset;
     background-color: #4169E1;
     color: #FFFF00;
     font-size: 120px;
     padding: 20px;
     margin: 0px 0px 0px 0px;
     font-family: 'monospaced corsiva', 'arial narrow', georgia, arial;
     float: right;
     background-image: url('http://www.chizeng.com/images/backgrounds/bannertitle.jpg');
     position: relative;
     top: 30px;
     right: 30px;
     height: 160px;
     width: 400px;
     text-align: left;
}

#zengbreakmargin {
     font-size: 27px;
}

#organizationtable {
     width: 100%;
     min-height: 200px;
     border-style: solid;
     border-width: 1px;
     border-color: #000000;
}

#navbartd {
     width: 16%;
     max-width: 164px;
     min-height: 200px;
     border-style: solid;
     border-width: 1px;
     text-align: left;
}

#searchform {
     border:1px solid #999;
     padding:5px;
     background-color:#ffffff;
}

#chizoogletitle {
     font-size: 20px;
     text-align: center;
     font-family: 'arial narrow', arial;
}

#searchformcontainer {
     background-color: #FFFFFF;
}

#xhtmlvalidation, #cssvalidation {
     float: left;
     margin: 12px auto auto 12px;
     border-style: solid;
     border-color: #FFFFFF;
     border-width: 0px;
}

#maincontenttd {
     width: 441px;
     max-width: 441px;
     min-height: 200px;
     border-style: solid;
     border-width: 1px;
}

#languageselect {
     float: left;
     margin: 20px auto 20px 12px;
}

#maincontentdivcontainer {
     margin: 0px 10px 20px 10px;
}

.maincontenttitle {
     font-size: 23px;
     font-family: 'sans serif', georgia, arial;
     text-align: left;
     text-decoration: none;
     color: maroon;
     margin: 10px 0px 20px 0px;
}

.avatar {
     float: left;
     width: 100px;
     height: 100px;
     margin: auto 10px 10px auto;
     border-style: solid;
     border-width: 1px;
}

.maincontentparagraph {
     text-align: left;
     margin: 10px 5px auto 5px;
     font-family: sans-serif;
}

.recenteventdate {
     font-weight: 700;
     text-decoration: none;
}

.separator {
     margin: 10px auto 10px auto;
}

#rightsectiontd  {
     width: 168px;
     min-height: 200px;
     border-style: solid;
     border-width: 1px;
     font-family: cursive;
}

#weatheriframe {
     width: 1000px;
     height: 1000px;
}

#weatherframedivcontainer {
     width: 145px;
     height: 210px;
     overflow: hidden;
     border-style: solid;
     border-width: 0px;
     border-color: #FFFFFF;
}

#weathertable {
     width: 100%;
     height: 190px;
     margin: 0px 0px 0px 0px;
}

#spacerimage {
     width: 1px;
     height: 6px;
}

.copyrightfooter {
      text-align: left;
      margin: 0px;
      font-family: georgia;
      font-size: 70%;
}

.subtitle {
     font-style: oblique;
}

/* Family Page Code */

.familyimage {
     max-height: 320px;
     max-width: 300px;
}

/* julia Page Code */

.juliaimage {
     margin: 20px 0px 20px 0px;
     text-align: left;
     border-style: solid;
     border-width: 1px;
     border-color: #000000;
     background-image: url('http://www.chizeng.com/images/backgrounds/floralpinkblue.gif');
}

.juliaimage {
     border-style: solid;
     border-width: 1px;
     border-color: #000000;
}

/* Tangshi Page Code */

.tangshititle {
     text-align: center;
     font-weight: bold;
     margin: 10px auto 20px auto;
}

.tangshiauthor {
     text-align: center;
     margin: 10px auto 20px auto;
     font-style: italic;
     text-decoration: underline;
}

.tangshicontent {
     text-align: center;
     margin: 10px auto 20px auto;
     font-style: italic;
}

/* Clayton High School Code */

.subquote {
     font-style: oblique;
     text-align: center;
     font-weight: bold;
}

.claytonhighpageicon {
     width: 130px;
     text-align: center;
     border-width: 1px;
     border-color: #000000;
     margin: auto 6px 100px 6px;
     float: left;
}

.claytonhighavatar {
     width: 100px; 
     height: 100px;
}

.spacetakerbr {
     height: 70px;
}

#grammattalex {
     width: 604px;
     height: 403px;
}

.centerp {
     text-align: center;
}

.italics {
     font-style: oblique;
}

/* Personal Page Code */

#biotitle {
     position: relative;
     bottom: 26px;
     left: 2px;
     margin: 0px 0px 0px 0px;
     background-color: #FFD700;
     border-style: solid;
     border-width: 1px;
     border-color: #FF8C00;
     width: 145px;
}

.biocategory {
     font-weight: bold;
}

.biodata {
     font-style: oblique;
}

.borderaroundbio {
     border-style: solid;
     border-width: 2px;
     border-color: #FF8C00;
     position: relative;
     top: 30px;
     width: 400px;
     float: left;
     background-color: #FFD700;
     margin: auto auto 80px auto;
     padding: 10px;
}

#biostatssection {
     position: relative;
     bottom: 20px;
}

#cliffordimage {
     width: 289px;
     height: 398px;
     margin: auto auto 20px auto;
}

.brspacetaker {
     display: none;
     margin: 0px 0px 0px 0px;
}


/* Commnity Service Page Code */

#activitiestable {
     background-color: transparent;
     font-family: georgia;
}

.activitiestr {
     width: 450px;
}

.activitieshead {
     text-align: center;
     background-color: #00008B;
     color: #FFFFFF;
}

#datehead {
     width: 100px;
}

#locationhead {
     width: 100px;
}

#activityhead {
     width: 200px;
}

.activitiedate, .activitielocation, .activitieitself {
     text-align: left;
     background-color: #ADD8E6;
     color: #4B0082;
}

/* All photos pages code. */

.photop {
     margin: 10px auto 30px auto;
}

.photoimage {
     width: 480px;
     height: 360px;
}

.vphotoimage {
     height: 360px;
     width: 270px;
}

/* STUO Page Code */

.officername {
     font-weight: bold;
     text-align: left;
     margin: 0px 0px 0px 0px;
}

.officercontact {
     font-style: oblique;
     margin-bottom: 15px;
     text-align: left;
}

/* Games Page code */

#sidebar {
	padding: 20px 10px 0 10px;
	vertical-align: top;
}
.sidebarBlock {
	background-image: url('http://www.chizeng.com/images/bluesideblock/uiSidebarHeaderBkgRt.gif');
	background-repeat: no-repeat;
	background-position: right top;
	width: 519px;
	border-style: solid;
      border-width: 0px 0px 0px 1px;
      border-color: blue;;
}

.sidebarBlock h2 {
	background-image: url('http://www.chizeng.com/images/bluesideblock/uiSidebarHeaderBkgLt.gif');
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 10px 5px 10px;
	margin: 0px;
}

.sidebarBlock h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.sidebarContent {
	background-color: #E6E6E6;
	border-color: #A7A7A7;
	border-width: 1px;
	border-style: none solid solid solid;
	padding: 8px 8px 0 8px;
      text-align: left;
      min-height: 190px;
}

.sidebarContent p { margin: 0 0 10px 0; }

.gamesicon {
      margin: 10px 10px 10px 10px;
      border-style: solid;
      border-color: #000000;
      border-width: 1px;
      width: 150px;
      height: 150px;
      display: block;
      float: left;
}

.gamesdescription {
      display: block;
      position: relative;
      top: 6px;
}

/* Web Projects Page Code */

.screenshot {
      width: 300px;
      height: 200px;
}

.webprojecttitle, .webprojectdd {
      width: 560px;
}

.webprojecttitle {
      border-style: solid;
      border-width: 2px 0px 2px 2px;
      border-color: #008000;
      background-color: #ADFF2F;
}

.webprojectdd {
      border-style: solid;
      border-width: 0px 0px 2px 2px;
      border-color: #1E90FF;
      background-color: #00FFFF;
      margin-left: 0px;
      margin-bottom: 15px;
}

.webprojecta {
      font-size: 25px;
      font-family: georgia, arial;

      color: #000080;
      position: relative;
      left: 3px;
}

/* Music Page Code */

/*
.songmusicpage {
      width: 144px;
      height: 15px;
}
*/

/* Videos Page Code */

#videolist {
 list-style-type: square;
}

#videolist li {
 margin-bottom: 20px;
 text-align: left;
}

.uploadedvideo {
 width: 594px;
 height: 480px;
 z-index: -3000;
}

/* Holly hack - Hides from IE \*/
* html #weatherframedivcontainer {width:135px;height:217px;overflow:hidden;}
* html .brspacetaker {display:block;width:1px;height:180px;}
* html #maincontenttd {position:relative;left:0px;border-left-width:0px;}
* html #maincontentdivcontainer {margin-left:40px;}
* html #navbartd {border-right-width:2px;}
* html #weatheriframe {width:155px;height:255px;overflow:hidden;}
* html #awesomephotos {margin: 200px auto auto auto;}
/* End hide from IE5-mac */


/* Music Page CSS */


#navcontainersub
{
background: #f0e7d7;
width: 500px;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 16px;
text-align: center;
}

#navcontainersub ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

#navcontainersub ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

#navcontainersub ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
color: #800000;
text-decoration: none;
background: #f7f2ea;
}

#navcontainersub >ul#navlist li a { width: auto; }

#navcontainersub ul#navlist li.active a
{
background: #f0e7d7;
text-decoration: none;
}

#navcontainersub ul#navlist li a:hover, ul#navlist li.active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

#navcontainersub b {
color: #000;
font-weight: bold;
}

img.photodisplayed {
width: 480px;
height: 360px;
}