@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
border:0;
}
html {
color:#545882;
background-color:#000000;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
}
input {
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
padding:0 0.3em;
}
a:active {
color:#368AD2;
text-decoration:underline;
}
a:link,a:visited {
color:#1c62cd;
text-decoration:underline;
}
a:hover {
color:#545882;
}
#pageContainer {
min-width:60em;
margin:0 1em 0 1em;
font-size:1.1em;
}
#pageContainer p.pageSignature {
	padding-top:10px;
	color: #333333;
	text-align:center;
}
#pageHeader {
	background-image: url(http://zgza.geek.sh/images/header/header.jpg);
	background-repeat:no-repeat;
	background-color: #000000;
	height:150px;
	overflow:hidden;
}
#headerTabs dt {
	margin-top:118px;
    float:left;
	line-height:32px;
}
#headerTabs span {
    float:left;
    background: url(http://zgza.geek.sh/images/nav/navTabLeft.png) no-repeat left top;
	font-size:1.35em;
    margin:0;
    text-decoration:none;
}
#headerTabs span a {
    float:left;
    background: url(http://zgza.geek.sh/images/nav/navTabRight.png) no-repeat right top;
	color:#FFFFFF;
	margin-left:6px;
	padding-left:5px;
	padding-right:11px;
	line-height:32px;
	text-decoration:none;
}
#headerTabs span a:hover {
	background-position:100% -32px;
	text-decoration:none;
}
#headerTabs span:hover {
	background-position:0 -32px;
}
body.home #headerTabHome,
body.learnMore #headerTabLearn,
body.getInvolved #headerTabInvolved,
body.forum #headerTabForum,
body.contactUs #headerTabContact {
	background-position: 0 -32px;
}
body.home #headerTabHome a,
body.learnMore #headerTabLearn a,
body.getInvolved #headerTabInvolved a,
body.forum #headerTabForum a,
body.contactUs #headerTabContact a {
	background-position: 100% -32px;
}
#headerLogin {
	margin-top:45px;
	float:right;
}
#headerLogin p {
	margin:0 1em;
	color:#ffffff;
	text-align:right;
	line-height:2em;
	clear: both;
}
#headerLogin a {
	color:#ffffff;
	text-decoration:none;
}
#headerLogin a:hover {
	color:#3d92f8;
}
#headerLogin a.blue {
	color:#3d92f8;
}
#headerLogin a.blue:hover {
	color:#ffffff;
}
#headerLogin form {
	text-align: right;
}
#headerLogin .loginInput {
	background:transparent url(http://zgza.geek.sh/images/header/inputBg.png); 
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	width:125px;
	margin:0 1em 0.2em;
	border:0;
	color:#aeadad;
}
#pageBody {
	background-color:#FFFFFF;
}
body.forum #pageBody {
	padding:0 1em 1em;
}
#pageBody .zContent {
	margin-right:420px;
	padding:1em 0 0 1%;
}
#pageBody .zContent img {
	vertical-align: bottom;
}
#pageBody .zContent strong {
	color:#1c62cd;
}
#pageBody .zContent h1 {
	color:#1c62cd;
	font-size: 2em;
}
#pageBody .zContent h2,
#pageBody .zContent h3 {
	margin-bottom:15px;
	color:#1c62cd;
	text-align:left;
}
#pageBody .zContent h2 {
	font-size: 1.4em;
}
#pageBody .zContent p {
	padding:0;
	margin:0;
	margin-bottom:1em;
	text-align:justify;
	color:#5d5d5d;
	font-size:1.2em;
}
#pageBody .zContent a.noDecoration {
	text-decoration:none;
}
#pageBody .zContent ol {
	color:#5d5d5d;
	margin:1em 0 1em 0;
	padding-left:3em;
}
#pageBody .zContent li {
	color:#5d5d5d;
}
#pageBody .zContent hr {
	color:#d8d5d5;
	background-color:#d8d5d5;
	height:1px;
	margin:2em 0 2em;
}
#zSideBar {
	float:right;
	width:400px;
	background-color:#323232;
	border:solid 1px #7d7d7d;
}
#zSideBar h1,
#zSideBar h2,
#zSideBar h3 {
	clear:left;
	text-align:left;
	color:#FFFFFF;
}
#zSideBar h1,
#zSideBar h2 {
	font-size:1.5em;
	margin:1em;
}
#zSideBar h3 {
	font-size:1.0em;
	margin:0 0 0 1.5em;
	padding:0;
}
#zSideBar h2.center {
	margin-left:0;
	text-align:center;
}
#zSideBar p {
	color:#C0C0C0;
	margin:1em 2em 1em 2em;
}
#zSideBar p.center {
	text-align:center;
}
#zSideBar a {
	text-decoration:none;
	color:#C0C0C0;
	font-size:1.1em;
}
#zSideBar a:hover {
	color:#FFFFFF;
}

#zSideBar hr {
	color:#7d7d7d;
	text-align:left;
	background-color:#7d7d7d;
	height:1px;
	margin:1em;
}
#zSideBar dt {
	margin:1em 2em 1em 2em;
}
#zSideBar .startChapter {
	float:right;
	height:60px;	
}
#zSideBar .startChapter dl { 
	margin: 0; 
	padding: 0;
	margin-right:25%;
}
#zSideBar .startChapter dt {
	margin: 0; 
	padding: 0;
	float:right;
}
#zSideBar .startChapter dt a {
	display: block;
	height: 0px !important;
	height /**/:60px; /* IE 5/Win hack */ 
	padding-top:60px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#zSideBar .startChapter dt a:hover {
	background-position: 0 -60px;
}
#zSideBar .startChapter dt#chapter,
#zSideBar .startChapter dt#chapter a { 
	width: 228px; 
	background-image:url(../images/sidebar/start-a-chapter.png);
}
#zSideBarNoBg {
	width:30em;
	clear:right;
	float:right;
}
#zSideBarNoBg h3 {
	margin-left:10%;
	text-align:left;
	color:#1c62cd;
}
#zSideBarNoBg h3 {
	font-size:18px;	
}
#zSideBarNoBg h3.center {
	margin-left:0;
	text-align:center;
}
#zSideBarNoBg p {
	margin-left:10%;
	color:#5d5d5d;
	font-size:16px;
	text-align:center;
}
#zSideBarNoBg a {
	text-decoration:none;
	color:#5d5d5d;
	font-size:16px;
}
#zSideBarNoBg a:hover {
	color:#1c62cd;
}
#zSideBarNoBg hr {
	width:96%;
	color:#d8d5d5;
	float:left;
	background-color:#d8d5d5;
	border:0;
	height:1px;	
}
#pageFooter {
	clear:both;
	height:37px;
	line-height:37px;
	background-image:url(http://zgza.geek.sh/images/general/footer-background.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
	background-color:#1e1e1e;
	border-top:solid 1px #787777;
	border-bottom:solid 1px #4d4d4d;
	padding-left:5px;
	padding-right:5px;
}
#pageFooter p {
	color:#bfbebe;
}
#pageFooter a {
	color:#bfbebe;
	text-decoration:none;
}
#pageFooter a:hover {
	color:#3d92f8;
}
#pageFooter .left {
	float:left;
	width:50%;
	text-align:left;
}
#pageFooter .right {
	float:right;
	width:50%;
	text-align:right;
}
#pageSignature {
	padding:1em;
	font-size:12px;
	color: #333333;
	text-align:center;
}
.center {
	text-align:center;
}
