body, div, h1, h2, h3, h4, h5, h6, ul, li, span, img, ol, p, a, form, object, embed, hr {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
body    { color: #666; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; background-color: #3f3f3f; background-image: url("../images/year_book_bg.jpg"); background-repeat: repeat-x; text-align: center }
p  { color: #666; }
#container { background-image: url("../images/year_book_04.jpg"); background-repeat: repeat-y; text-align: left; margin-right: auto; margin-left: auto; width: 825px }
#header { background-image: url("../images/year_book_header.jpg"); background-repeat: no-repeat; height: 101px }
#header h1 { color: #fff; font-size: 15px; font-weight: normal; line-height: 16px; text-align: right; position: relative; top: 75px; right: 35px }
#main  { padding: 15px 30px 20px 25px }
#left_col  { display: inline; width: 200px; float: left }
#left_col ul { list-style-type: none; width: 198px }
#left_col ul li { background-image: url("../images/year_book_tab.jpg"); background-repeat: no-repeat; width: 198px; height: 30px; border-bottom: 1px solid #fff }
#left_col ul li a { color: #666; font-size: 13px; line-height: 16px; text-decoration: none; position: relative; top: 8px; left: 30px }
#left_col ul li a:hover { color: #f60 }
#content  { display: inline; width: 550px; float: right }
#pre_footer { font-size: 12px; line-height: 18px; text-align: right; margin-right: 40px; clear: both }
#footer  { background-image: url("../images/year_book_footer.jpg"); background-repeat: no-repeat; height: 22px }
button.search { background-image: url("../images/year_book_search.jpg"); background-repeat: no-repeat; width: 116px; height: 25px; border-width: 0 }
#left_col input { margin-top: 15px; margin-bottom: 15px }

img
{
	border: 0;
}

a
{
	color: #f60;
	text-decoration: none;
}

a:hover
{
	color: #666;
}

#content ul, #content ol
{
	margin: 20px;
}

p.close-preview
{
	font-weight: bold;
	color: red;
	text-align: center;
	margin-top: 60px;
}

p.close-preview a
{
	color: red;
	text-decoration: none;
}

div.yearbook-home-image
{
	text-align: center;
	margin: 15px;
}

div.yearbook-home-image img
{
	border: 2px solid #cccccc;
}

#content p, #content h2, #content h3
{
	padding-top: 10px;
	padding-bottom: 10px;
}
#content h1 { color: #f90; font-size: 24px; font-weight: normal; line-height: 26px }
#content p { font-size: 12px; line-height: 16px }
#content h2 { color: #f90; font-size: 22px; font-weight: normal; line-height: 28px }
#content h3 { font-weight: bold }
#content ul { list-style-type: none }
#content ul li { font-size: 12px; line-height: 16px; background-image: url("../images/bullet_orange.gif"); background-repeat: no-repeat; background-position: 0 center; padding-left: 20px }
#content p img { margin-bottom: 5px; border: solid 0px #999 }
/* Features */
.feature-box
{
	padding: 10px;
	margin-left: 15px;
	margin-top: 20px;
	margin-right: 5px;
	display: inline;
	width: 230px;
	float: left;
	border: 1px solid #eaeaea;
}

.feature-image
{
	display: inline;
	float: right;
	margin-left: 15px;
}


/* Member Profiles */
#profile_profileimage {	float: left; padding: 0; margin: 10px 10px 10px 0; display: inline; }
#profile_profileimage img {border: 1px solid #cccccc; padding: 3px;}

#questions-heading { }

.profile-image-thumbnail, .article-image-thumbnail
{
	display: inline;
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #cccccc;
}

.profile-image-thumbnail p, .article-image-thumbnail p
{
	text-align: center;
}

/* Yearbook Videos Page */
.yearbook-video-box
{
	width: 220px;
	display: inline;
	float: left;
	text-align: center;
	margin: 30px 10px;
	padding: 10px;
	border: 1px solid #cccccc;
}


/* Member Listing */
.member-list-box
{
	float: left;
	display: inline;
	width: 130px;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

.poll-chart-box
{
	display: inline;
	float: left;
	margin: 10px 50px 10px 0;
}

.poll-chart-results
{
	display: inline;
	float: right;
	width: 300px;
}


/* Random Member Box */
#randomuser
{
	text-align: center;
	margin: 20px 0;
	padding: 10px;
}

#randomuser h1
{
	font-size: 16px;
	margin: 20px 0;
}

#randomuser img
{
	padding: 5px;
	border: 1px solid #cccccc;
}



.backlink
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}


.profile-message {border: 1px solid #eaeaea; padding: 10px;}
.profile-message h3 {margin: 0;}
h2.member_icon { padding-bottom: 10px; padding-top: 10px; padding-left: 55px; background-repeat: no-repeat; background-image: url(../images/members_icon.gif); }
h2.articles_icon, h1.articles_icon { padding-bottom: 10px; padding-top: 10px; padding-left: 55px; background-repeat: no-repeat; background-image: url(../images/articles_icon.gif); }
h2.comments_icon { padding-bottom: 10px; padding-top: 10px; padding-left: 55px; background-repeat: no-repeat; background-image: url(../images/comments_icon.gif); }
h2.polls_icon { padding-bottom: 10px; padding-top: 10px; padding-left: 55px; background-repeat: no-repeat; background-image: url(../images/polls_icon.gif); }
hr { margin-left: 20px; margin-top: 10px; margin-bottom: 10px; display: block; width: 500px; height: 22px; background-repeat: no-repeat; background-image: url(../images/hr_stripe.gif); }
a.play_icon { padding-bottom: 15px; padding-top: 8px; background-image: url(../images/play_icon.gif); padding-left: 28px; background-repeat: no-repeat; }
.clearer { clear: both; }
h3.question_icon { background-position: 0 8px; padding-left: 25px; padding-bottom: 15px; padding-top: 5px; background-repeat: no-repeat; background-image: url(../images/question_icon.gif); }
h3.vote_icon { background-position: 0 8px; padding-left: 25px; padding-bottom: 15px; padding-top: 5px; background-repeat: no-repeat; background-image: url(../images/vote_icon.gif); }
h3.vid_icon { background-position: 0 8px; padding-left: 25px; padding-bottom: 15px; padding-top: 5px; background-repeat: no-repeat; background-image: url(../images/vid_icon.gif); }