BODY {
	background: url(/img/hsn_bg.gif) top repeat-x #91ceea;	
}

IMG {
	border: 0;	
}

.light_blue_box {
	background-color: #eef6fb;
	border: 2px solid #ddeff9; 
	padding: 5px;
}

#top_nav {
	background: url(/img/hsn_top_bg.gif) bottom left no-repeat; 
	height: 53px; 
	line-height: 42px;
	vertical-align: top; 
	text-align: center;
	font-size: 13px
}

#top_nav A {
	color: #FFFFFF;	
	font-weight: bold;
}

#main_content {
	background: url(/img/hsn_middle_bg.gif) left repeat-y;
	padding: 0 20px 0 15px;
}

#bottom_border {
	background: url(/img/hsn_bottom_bg.gif) top left no-repeat;
	height: 12px;
}

H1 IMG, LEGEND IMG {
	vertical-align: middle;
}

body {
	font: 76% Arial, Verdana, Tahoma, Georgia, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

LEGEND {
	font-weight: bold;
}

FIELDSET {
	margin: 10px 0;
}

p {
	line-height: 1.5em;
	margin: 8px 0;
}

a {
	color: #000000;
	font-weight: 500;
	text-decoration: underline;
}

a:hover {
	color: #10a5e9;
	text-decoration: underline;
}

hr {
	border: 0;
	width: 98%;
	color: #999;
	background-color: #999;
	height: 1px;
	margin: 10px auto;
}



dt {
	font-weight: 700;
}

dd {
	margin: 1px 0 12px 15px;
}


#leftside {
	float: left;
	width: 135px;
}

#leftside h1 {
	font-size: 1.4em;
	font-weight: 400;
}

#content {
	float:right;
	width: 590px;
	margin-bottom: 20px;
}

#leaderboard {
	background-color: #CCCCCC;
	padding-top: 15px;
	width: 728px;
	height: 90px;
}

#leaderboard2 {
	border-top: 1px solid #808080;
	width: 728px;
	height: 90px;
}

#contentalt {
	margin: 45px 15px 0 180px;
}

#content p,#contentalt p {
	margin: 4px 0;
}

#content h1,#contentalt h1 {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	margin: 15px 0 10px;
	padding: 0;
}

#content h2,#contentalt h2 {
	color: #000000;
	font-size: 1.5em;
	font-weight: 400;
	margin: 20px 0 10px;
	padding: 0;
}

#content h3,#contentalt h3 {
	color: #000000;
	font-size: 1.2em;
	font-weight: 400;
	margin: 20px 0 10px;
	padding: 0;
}

#content img,#contentalt img {
	
}

#content1 {
	margin: 0px 10px 0px 200px;
}

#content1alt {
	margin: 45px 10px 0 200px;
}

#content1 p,#content1alt p {
	margin: 8px 0 0 10px;
}

#content1 h1,#content1alt h1 {
	color: #000000;
	font-size: 2em;
	font-weight: 400;
	margin: 15px 0 10px;
	padding: 0;
}

#content1 h2,#content1alt h2 {
	color: #000000;
	font-size: 1.5em;
	font-weight: 400;
	margin: 20px 0 10px;
	padding: 0;
}
#content1 h3,#content1alt h3 {
	color: #000000;
	font-size: 1.2em;
	font-weight: 400;
	margin: 20px 0 10px;
	padding: 0;
}

#content1 img,#content1alt img {
	
}

#footer {
	color: #999999;
	font-size: 0.9em;
	margin: 20px auto 40px auto;
	text-align: center;
}

#footer a {
	color: #000000;
	font-weight: 400;
	text-decoration: none;
}

#footer a:hover {
	color: #10a5e9;
	text-decoration: underline;
}

.menublock {
	margin-bottom: 10px;
}

.nav {
	color: #505050;
	display: block;
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 2px 2px 2px 10px;
	position: relative;
	text-decoration: none;
	width: 125px;
}

.nav:hover {
	border: 1px solid #10a5e9;
	color: #10a5e9;
	padding: 1px 1px 1px 9px;
}

.nav_no_pad {
	color: #505050;
	display: block;
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 2px;
	position: relative;
	text-decoration: none;
	width: 125px;
}

.nav_no_pad:hover {
	border: 1px solid #10a5e9;
	color: #10a5e9;
	padding: 1px;
}

.sub {
	font-size: 0.9em;
	margin-left: 20px;
	padding: 1px 1px 1px 6px;
	width: 105px;
}

.sub:hover {
	border: 1px solid #10a5e9;
	color: #10a5e9;
	padding: 0 0 0 5px;
}

.intro {
	font-weight: 700;
}

.active {
	border: 1px solid #fa9035;
	padding: 1px 1px 1px 9px;
}

.smallcaps {
	font-variant: small-caps;
}

.mini {
	color: #a0a0a0;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.2em;
	margin: 20px 0 10px 8px;
}

.small {
	font-size: 0.85em;
}

.large {
	font-size: 1.4em;
}

.soft {
	color: #808080;
}

.normal {
	font-weight: 400;
}

.sharp {
	color: #101010;
}

.center {
	text-align: center;
}

.hide {
	display: none;
}

.form_help_text {
	font-size: 0.85em;
	color: #999999;
}

/* Big box with list of options */
#ajax_listOfOptions {
	position: absolute; /* Never change this one */
	width: 175px; /* Width of box */
	height: 250px; /* Height of box */
	overflow: auto; /* Scrolling features */
	border: 1px solid #317082; /* Dark green border */
	background-color: #FFF; /* White background color */
	text-align: left;
	font-size: 0.9em;
	z-index: 100;
}

#ajax_listOfOptions div {
	/* General rule for both .optionDiv and .optionDivSelected */
	margin: 1px;
	padding: 1px;
	cursor: pointer;
	font-size: 0.9em;
}

#ajax_listOfOptions .optionDiv { /* Div for each item in list */
	
}

#ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
	background-color: #317082;
	color: #FFF;
}

#ajax_listOfOptions_iframe {
	background-color: #F00;
	position: absolute;
	z-index: 5;
}



/* #share_page is only used for the popup, the rest is used for every form */
#share_page {
	position: relative;
	z-index: 500;
	top: -10px;
	left: -60px
}

#share_page .share_page_outer {
	position: absolute;
	width: 350px;
}

#share_page .share_page_inner {
	width: 344px;
}


.share_page_outer {
	line-height: 22px;
	background-color: #FFFFFF;
	border: 1px solid #42A5DD;
	text-align: center;
}

.share_page_inner {
	color: #000000;
	background-color: #42A5DD;
	padding: 3px;
}

.share_page HR {
	margin: 10px auto;
	width: 80%;
	border: 0;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
}

.share_page SPAN.header {
	color: #42A5DD;
	font-weight: bold;
}

.share_page FORM {
	margin: 0;
	padding: 0;
}

.share_page INPUT,.share_page TEXTAREA {
	width: 170px;
}


.sprite { background: url(/images/sprite.gif) no-repeat top left; }
.sprite-actions_small{ background-position: 0 0; width: 32px; height: 25px; } 
.sprite-activities_small{ background-position: 0 -30px; width: 18px; height: 25px; } 
.sprite-alumni_large{ background-position: 0 -60px; width: 46px; height: 40px; } 
.sprite-alumni_small{ background-position: 0 -105px; width: 28px; height: 25px; } 
.sprite-birthday_small{ background-position: 0 -135px; width: 23px; height: 25px; } 
.sprite-famous_small{ background-position: 0 -165px; width: 26px; height: 25px; } 
.sprite-i-1{ background-position: 0 -195px; width: 16px; height: 15px; } 
.sprite-i-2{ background-position: 0 -215px; width: 15px; height: 15px; } 
.sprite-i-3{ background-position: 0 -235px; width: 17px; height: 15px; } 
.sprite-logo{ background-position: 0 -255px; width: 100px; height: 67px; } 
.sprite-lost_friends_small{ background-position: 0 -327px; width: 25px; height: 25px; } 
.sprite-memoriam_small{ background-position: 0 -357px; width: 29px; height: 25px; } 
.sprite-memories_small{ background-position: 0 -387px; width: 29px; height: 25px; } 
.sprite-message_small{ background-position: 0 -417px; width: 23px; height: 15px; } 
.sprite-messages_small{ background-position: 0 -437px; width: 24px; height: 25px; } 
.sprite-photos_small{ background-position: 0 -467px; width: 32px; height: 25px; } 
.sprite-register_small{ background-position: 0 -497px; width: 28px; height: 25px; } 
.sprite-registered_member_small{ background-position: 0 -527px; width: 27px; height: 25px; } 
.sprite-scoring_small{ background-position: 0 -557px; width: 30px; height: 25px; } 
.sprite-search_alumni{ background-position: 0 -587px; width: 35px; height: 30px; } 
.sprite-share_gmail{ background-position: 0 -622px; width: 22px; height: 16px; } 
.sprite-share_mail{ background-position: 0 -643px; width: 25px; height: 16px; } 
.sprite-share_share{ background-position: 0 -664px; width: 20px; height: 20px; }