/*
	(1) html elements
	(2) global structures
	(3) formatting for global structures
	(4) general purpose */

/*
	(1) html elements */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 65%;
	background-color: #f0f0f0;
	color: #333;
}

a {
	color: #630;
}

a img {
	border: none;
}

h1 {
	color: #630;
	margin-bottom: 8px;
	padding-bottom: 0;
}

h2 {
	margin-bottom: 5px;
	padding-bottom: 0;
	color: #630;
	font-size: 1.2em;
}

h3 {

}

ul {
	margin-top: 6px;
	margin-left: 0;
	padding-left: 20px;
}

ul li {
	margin-left: 0;
	padding-left: 0;
}

p {
	margin-top: 0;
}

/*
	(2) global structures */
#main {
	width: 780px;
	background: transparent url(../images/bg_main.jpg) 0 0 repeat-y;
	margin: 0 auto;
}

#masthead {
	width: 780px;p
}

#logo {
	float: left;
}

#tagline {
	float: right;
}

#content {
	padding: 10px 20px;
	line-height: 1.4em;
}

#content-secondary {
	width: 352px;
	text-align: center;
}

#snapshots {
	background: transparent url('../images/bg_rollovers_home.jpg') 0 0 no-repeat;
	margin-top: 26px;
	width: 428px;
	height: 137px;
}

#nav {

}

/*
	(3) formatting for global structures */
#masthead img {
	display: block;
}

#content-secondary img {
	display: block;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 428px;
	height: 26px;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li img {
	float: left;
}

#nav #subnav {
	background: transparent url('../images/bg_subnav.jpg') 0 0 no-repeat;
}


/*
	(4) general purpose */
.rollover {
	cursor: hand;
	cursor: pointer;
}	

div.column-a {
	float: left;
	width: 352px;
}

div.column-b {
	float: right;
	width: 428px;
}

div.body-photo {
	float: right;
	margin-top: -10px;
	margin-right: -20px;
	margin-left: 10px;
}

div.body-photo img {

}

ul.link-list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 285px;
}

ul.link-list li {
	margin-top: 10px;
	margin-top: 16px;
}

ul.link-list li a {
	display: block;
	color: #630;
}

.right {
	float: right;
	margin-left: 10px;
}

.left {
	float: left;
	margin-right: 10px;
}

.clear {
	clear: both;
	height: 1px;
	font-size: .01em;
	overflow: hidden;
	background-color: transparent;
}