/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}
/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #90140C;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

h1 {
	margin: 23px 18px;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #600000;
}
/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}
/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #90140C;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

h1 {
	margin: 23px 18px;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #600000;
}

h2 {
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 2em;
	margin-left: 20px;
	line-height: 30px;
}

#nav {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
	cursor: default;
	background-color: #CCFFCC;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
}

#nav li, #nav a {
	display: inline;
	color: #fff;
	text-decoration: none;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 13px 15px;
	margin: 0;
}

h2 {
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 2em;
	margin-left: 20px;
	line-height: 30px;
}

#nav {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
	cursor: default;
	background-color: #CCFFCC;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
}

#nav li, #nav a {
	display: inline;
	color: #fff;
	text-decoration: none;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 13px 15px;
	margin: 0;
}
/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}
/*	__________________________________________________________________
	|                 	                                             |
	|  Template Info:                                                 |
   |                	                                                |
	|  This template is released into the public domain. Attribution  |
	|  to me is appreciated, but not required. You are free to        |
	|  modify and redistribute this page as you see fit. This notice  |
	|  does not need to be retained if it is used or redistributed.   |
	|                                                                 |
	|  Jack Qiao                                                      |
	|  www.pureweb.ca                                                 |
	|                                                                 |
	|_________________________________________________________________|
*/

/*

note: my css selectors are generally location based. For example,
the top navigation selector is placed at the top of the css file,
and the footer is placed at the very end. Have fun tinkering!

*/

body {
	background-position: 50% 40px;
	margin: 0;
	padding: 0;
	background-color: #D5D5DD;
	background-image: url(images/stripes3.jpg);
	background-repeat: repeat-x;
}

a {
	color: #600000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #90140C;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

h1 {
	margin: 23px 18px;
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #600000;
}

h2 {
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 2em;
	margin-left: 20px;
	line-height: 30px;
}

#nav {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
	cursor: default;
	background-color: #CCFFCC;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
}

#nav li, #nav a {
	display: inline;
	color: #fff;
	text-decoration: none;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 13px 15px;
	margin: 0;
}

#nav li a {
	background: transparent url(images/nav.gif) repeat-x;
}

#nav li a:hover, #nav li#current a {
	background: transparent url(images/nav.gif) repeat-x;
	background-position: 0 -40px;
}

#nav li {
	padding: 14px 0;
}

#title {
	width: 750px;
	height: 101px;
	line-height: 75px;
	display: block;
	margin-top: 66px;
	text-align: center;
	font: normal 2.5em/1.8em 'trebuchet ms', georgia, 'lucidia grande';
	color: #FE9B27;
	letter-spacing: 8px;
	cursor: default;
	background-color: transparent;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapper {
	width: 850px;
	background-color: #F3F3F3;
	height: auto;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CEDEDE;
	border-right-color: #CEDEDE;
	border-bottom-color: #CEDEDE;
	border-left-color: #CEDEDE;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(picture/0288.gif);
}

#top {
	height: 28px;
	overflow: hidden;
	width: 100%;
	color: #fff;
	cursor: default;
	text-align: left;
	font: normal 10px/32px arial, verdana, helvetica, sans-serif;
	background-color: #CEDEDE;
	background-repeat: repeat-x;
}

#top strong {
	font: bold 11px arial;
	margin-left: 2px;
	margin-right: 6px;
}

#top span {
	display: inline;
	margin-left: 10px;
	float: left;
	clear: none;
	margin-top: -28px;
}

#top ul {
	margin: 0;
	padding: 0;
	float: right;
	clear: none;
	display: inline;
}

#top ul li a, #top ul li {
	display: block;
	float: right;
	width: 78px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: bold 12px/32px arial, verdana, helvetica, sans-serif;
	overflow: hidden;
}

#top ul li a:hover {
	color: #000;
}

#chat a {
	background: #0086EE url(images/blue.jpg) no-repeat;
}

#join a {
	background: #F41100 url(images/red.jpg) no-repeat;
}

#login a {
	background: #ED700D url(images/orange.jpg) no-repeat;
}

#search a {
	background: #199B2C url(images/green.jpg) no-repeat;
}

#adspace {	
	height: 67px;
	background: #86221B url(images/ad.gif) repeat-x;
	border-top: 1px solid #CA807C;
	border-left: 1px solid #A5514B;
	border-right: 1px solid #5B1D1B;
	border-bottom: 1px solid #3E1B19;
	font: normal 10px/100px verdana, arial, sans-serif;
	text-align: center;
	color: #fff;
	cursor: default;
	overflow: hidden;
}

#main {
	height: 246px;
	overflow: hidden;
	background-color: #FE8624;
	background-image: url(picture/main.jpg);
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FEC782;
	border-right-color: #D76C22;
	border-bottom-color: #783C1C;
	border-left-color: #FEB154;
}

#main ul {
	width: 710px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#main ul li {
	float: left;
	text-align: center;
	margin-left: 25px;
	display: inline;
}

#main ul li a img {
	border: 3px solid #fff;
}

#main ul li a img:hover {
border: 3px solid #FEE5C6;
}

#main ul li h2 {
	font: bold 11px arial, verdana, helvetica;
	margin-top: 10px;
	color: #000;
}

.content {
	float: left;
	width: 250px;
	text-align: justify;
	display: inline;
	margin-top: 60px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 20px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}

.content h1, .content ul {
	margin: 0;
	padding: 0;
}

.content h1 {
	color: #8A0700;
	font: normal 2em arial, verdana, helvetica, sans-serif;
	margin-bottom: 20px;
}

.content h2 {
	margin: 20px 0 4px 0;
}

.content ul.hover_list li {
	border: 1px solid #783C1C;
	border-width: 0 0 1px 0;
	color: #600000;
}

.content ul.hover_list li a {
	height: 40px;
	color: #600000;
	display: block;
	line-height: 40px;
	padding-left: 15px;
}

.content ul.hover_list li a:hover, .content ul.hover_list li a:focus {
	color: #fff;
	background-color: #FD9339;
	background-image: url(images/hover_list2.jpg);
	background-repeat: repeat-x;
}

#footer {
	height: 50px;
	background-color: #CEDEDE;
	color: #fff;
	color: #333333;
	clear: both;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
	border-bottom-width: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: bottom;
}

#footer a {	
	color: #ccc;
}
#wrapper #paper {
	padding: 5px;
	float: right;
	height: auto;
	width: 500px;
	margin-right: 10px;
	margin-top: 60px;
	margin-left: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 15px;
	border-left-width: 15px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CEDEDE;
	border-right-color: #CEDEDE;
	border-bottom-color: #CEDEDE;
	border-left-color: #CEDEDE;
	margin-bottom: 120px;
}
#wrapper #paper h3 {
	color: #60003E;
	text-align: right;
}
#wrapper #picture {
	margin-top: 420px;
	margin-bottom: 0px;
}
#wrapper script {
	margin-bottom: 100px;
}
#wrapper #pic {
	margin-top: 70px;
	margin-right: 5px;
	margin-left: 270px;
	text-align: left;
}
#wrapper #picture {
	margin-bottom: 100px;
	margin-top: 270px;
}