body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-family: veranda, sans-serif;
	font-size: small;
	background-image: url(background.jpg);

		

}

a {
color: #660000;
}

* {
	margin: 0;
	padding: 0;
}

/* layout structure */


#wrapper {
	text-align: left;
	width: 760px;
	margin-left: auto;
	margin-right: auto;

}
#topbar {
	border: 10px;
	text-align: right;
	padding: 0 0 0 0;
}

#mastwrap {
	text-align: left;
	width: 740px;
	margin-left: auto;
	margin-right: auto;

}
#logo {
	position: relative;
	float: left;
	top: 20px;
	text-align: left;
	color: #660000;
	font-weight: bold;

	
}

#name {
	position: relative;
	float: right;
	width: 24%;
	top: 20px;
	left: -10px;
	text-align: right;
	color: #660000;
	font-weight: bold;


	
}
#name img {
	border: none;
	


}



#header {
	/*position:relative;*/
	padding: 10px 0 0 360px;
	border-top-color: #660000;
	border-top-width: 12px;
	border-top-style: solid;

	}

#header img {
	border-color: #660000;
	border-style: solid;
	border-width: 2px;

	}

#bodywrap {
	text-align: left;
	width: 730px;
	color: #660000;
	margin-left: auto;
	margin-right: auto;

}

#textsize {
	text-align: right;
	color: #660000;
	padding: 2px 8px 2px 0;
	margin: 0 0 0 0;
	width: 100%;
}
#textsize a:link {
	color: #660000;
	text-decoration: none;
}

#textsize a:visited {
	color: #660000;
	text-decoration: none;
	}

#textsize a:hover {
	color: #660000;
	text-decoration: none;
	}

#indexnav {
	text-decoration: none;
	width: 100%;
	text-align: left;
	padding: 3px 0 3px 0;
	color: white;
	background: #660000;
	margin: 0 0 0 0;
	width: 100%;


}

#indexnav a {
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	color: white;
	padding: 5px 0 5px 0;
	list-style: none;
	

	
}

#indexnav img {
	border: none;
}

#threeacross {
	text-align: left;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	color: black;

}

#threeacross h4, h3 { 
	color: #660000;
}

#indexsidebar {
	position: relative;
	float: left;
	top: 0;
	width: 21%;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	background: #660000;
	color: white;
	
}

#indexsidebar img {
	border-color: #660000;
	border-style: groove;
	border-width: 3px;
	
}

#indexsidebar a:link {
	color: #cc9900;
	text-decoration: none;
}

#indexsidebar a:visited {
	color: #cc9900;
	text-decoration: none;
	}

#bookshelf {
	text-align: left;
	margin: 0 8px 0 -7px;

}


#donor {
	text-align: left;

	
}

#donor img {
	border: none;

	
}
#wifi {
	text-align: center;

	
}

#wifi img {
	border: none;

	
}

#indexright {
	
	position: relative;
	float: right;
	width: 20%;
	padding: 20px 20px 0 0;
	text-align: right;
	color: #660000;



}

#indexright img {
	border: none;
}


#indexright ul {
	padding: 3px;
}

#indexright li {

	list-style: none;
	font-family: "lucida grande", sans-serif;
	font-weight: bold;
}


.pc {
	
	padding: 5px 5px 5px 5px;
	border-color: #cc9900;
	border-style: outset;
	border-width: 5px;

}

.epay {
	
	padding: 5px 5px 5px 5px;
	border-color: #cc9900;
	border-style: outset;
	border-width: 5px;

}

.askaway {
	padding: 5px 5px 5px 5px;
	border-color: #cc9900;
	border-style: outset;
	border-width: 5px;

}

.chat {
	padding: 5px 5px 5px 5px;
	border-color: #cc9900;
	border-style: outset;
	border-width: 5px;

}


.feature {
	padding: 5px 5px 5px 5px;
	border-color: #cc9900;
	border-style: outset;
	border-width: 5px;

}

#indexcontent {
	/*position:relative;*/
	top: 30px;
	padding: 10px 200px 0 200px;
	background: url(bricks.gif) bottom center;
	background-repeat: no-repeat;




}


#submastwrap {
	text-align: left;
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 8px 2px 0;

	
}

#geek {

	position: relative;
	float: left;
	top: 10px;
	left: 10px;
	


}

#sublogo {
	position: relative;
	float: left;
	top: 20px;
	text-align: left;
	color: #660000;
	font-weight: bold;

	
}

#subcatalog {
	position: relative;
	float: right;
	top: 20px;
	left: -1px;
	text-align: right;
	color: #660000;
	font-weight: bold;


	
}
#subcatalog img {
	border: none;
	


}



#subheader {
	/*position:relative;*/
	padding: 10px 0 0 60px;
	border-top-color: #660000;
	border-top-width: 12px;
	border-top-style: solid;

	}

#subheader img {
	border-color: #660000;
	border-style: solid;
	border-width: 2px;

	}




#subtextsize {
	position: relative;
	clear: both;
	text-align: right;
	color: #660000;
	padding: 2px 8px 2px 0;
	margin: 0 0 0 0;
	width: 100%;
}
#subtextsize a:link {
	color: #660000;
	text-decoration: none;
}

#subtextsize a:visited {
	color: #660000;
	text-decoration: none;
	}

#subtextsize a:hover {
	color: #660000;
	text-decoration: none;
	}

#subnav {
	text-decoration: none;
	width: 100%;
	text-align: left;
	padding: 3px 0 3px 0;
	color: white;
	background: #660000;
	margin: 0 0 0 0;
	width: 100%;

	
}

#subnav a {
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	color: white;
	padding: 5px 0 5px 0px;
	list-style: none;


}


	

#subtwoacross {
	text-align: left;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}


#col1{
	
	float: left;
	width: 40%;
	padding: 20px 20px 5px 20px;
	margin: 0 20px 0 20px;
	text-decoration: none;
}
#col1 a:link {
	color: #660000;
	text-decoration: none;
	
}

#col1 a:visited {
	color: #660000;
	text-decoration: none;
	}

#col1 a:hover {
	color: #cc9900;
	text-decoration: none;
	}
	

#col2{
	
	float: right;
	width: 40%;
	padding: 20px 20px 5px 20px;
}
#col2 a:link {
	color: #660000;
	text-decoration: none;
	
}

#col2 a:visited {
	color: #660000;
	text-decoration: none;
	}

#col2 a:hover {
	color: #cc9900;
	text-decoration: none;
	}

#subsidebar {
	position: relative;
	float: left;
	left: 5px;
	width: 20%;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 1px;
	font-weight: bold;
	color: #660033;
	font-size: 90%;
	text-decoration: none;




}

#subsidebar h4 {

	font-weight: bold;
	color: #660000;
	font-size: 100%;
	text-decoration: none;
	line-height: 180%;
	border-top-color: #cc9900;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #cc9900;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-color: #cc9900;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #cc9900;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding: 5px 5px 5px 5px;
	margin: 1px;

}


#subsidebar h4 a:link {
	color: #660000;
	text-decoration: none;
	
}

#subsidebar h4 a:visited {
	color: #660000;
	text-decoration: none;
	}

#subsidebar h4 a:hover {
	color: #cc9900;
	text-decoration: none;
	}


#subsidebar h4 a:hover {
	color: #cc9900;
	text-decoration: none;
	}

#subsidebar img {
	border: none;
	
	
}


#subsidebar h3 {

	text-align: center;
	font-weight: bold;
	color: #cc9900;
	font-size: 100%;
	text-decoration: none;
	line-height: 180%;
	border-top-color: #cc9900;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #cc9900;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-color: #cc9900;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-color: #cc9900;
	border-right-style: solid;
	border-right-width: 2px;
	padding: 5px 5px 5px 5px;
	margin: 1px;

}





#spacer {
	padding: 0 2px 0 0;
}

#subcontent {
	/*position:relative;*/
	border: none;
	color: black;
	padding: 10px 30px 0 200px;
	margin: 0 0 20px 20px;
	background: url(bricks.gif) bottom center;
	background-repeat: no-repeat;
	

}

#subcontent h2{
	color: #660033;
	font-variant: small-caps;
	line-height: 150%;
}

#subcontent h3{
	line-height: 150%;
	font-size: 120%;

}


#subcontent ul{
	color: black;
	padding: 0 0 0 30px;
	margin: 0 0 0 10px;
	

}

#subcontent em{
	font-weight: bold;
	color: #660000;

}

#subcontent img{
	text-decoration: none;
	border-color: #cc9900;
	border-style: outset;
	border-width: 3px;
}

#subcontent h5{
	font-family: tahoma;
	font-size: large;
	font-weight: bold;
	color: #660033;
	line-height: 140%;
	

}


#geeksubcontent {
	/*position:relative;*/
	border: none;
	color: black;
	padding: 10px 100px 0 100px;
	margin: 0 0 20px 20px;
	background: url(bricks.gif) bottom center;
	background-repeat: no-repeat;
	

}

#geeksubcontent h2{
	color: #660033;
	font-variant: small-caps;
	line-height: 150%;
}

#geeksubcontent h3{
	line-height: 150%;
	font-size: 120%;

}


#geeksubcontent ul{
	color: black;
	padding: 0 0 0 30px;
	margin: 0 0 0 10px;
	

}

#geeksubcontent em{
	font-weight: bold;
	color: #660000;

}

#geeksubcontent img{
	text-decoration: none;
	border-color: #cc9900;
	border-style: outset;
	border-width: 3px;
}

#geeksubcontent h5{
	font-family: tahoma;
	font-size: large;
	font-weight: bold;
	color: #660033;
	line-height: 140%;
	

}




#geeksubcontent big{
	font-weight: bolder;
	color: #cc0000;
}


 
#footer {
	position: relative;
	padding: 10px 0 10px 0;
	clear: both;
	text-align: center;
	text-decoration: none;
	color: white;
	background: #660000 url(w3c.gif) bottom right;
	background-repeat: no-repeat;


}
#footer a:link {
	color: white;
	text-decoration: none;
}

#footer a:visited {
	color: white;
	text-decoration: none;
	}

#footer a:hover {
	color: #cc9900;
	text-decoration: none;
	}