/**/
/*    Fun
/*^-----------------------------------------------------------------------------------------------------------------*/


div#fun { width: 911px; border-right: #758e88 1px solid; border-bottom: #758e88 1px solid; margin: 8px auto; }
div#fun_inner { color: #fff; border: #b9d2c9 7px solid; background: #01573e; position: relative; }

/* Large picture and 3 circle buttons */
div#fun_large { background: url(../images/fun.jpg) no-repeat #01573e; width: 897px; height: 310px; position: relative; }
div#fun_large a {
	position: absolute;
	width: 209px;
	height: 236px;
	cursor: pointer;
}
a#funl_b1 {
	left: 32px;
	top: 62px;
}
a#funl_b2 {
	left: 239px;
	top: 66px;
}
a#funl_b3 {
	left: 449px;
	top: 69px;
}
a#funl_b4 {
	left: 666px;
	top: 56px;
}

/* Big buttons */
div#fun_buttons { background: #01573e; width: 569px; height: 70px; padding-left: 328px; }
div#fun_buttons li { display: inline; }
div#fun_buttons li a { float: left; width: 59px; height: 0; padding-top: 60px; overflow: hidden; background-image: url(../images/fun.jpg); background-repeat: no-repeat; margin: 0 1px; }

div#fun_buttons li#b1 a { background-position: -269px -360px; }
div#fun_buttons li#b2 a { background-position: -331px -360px; }
div#fun_buttons li#b3 a { background-position: -393px -360px; }
div#fun_buttons li#b4 a { background-position: -455px -360px; }
div#fun_buttons li#b5 a { background-position: -517px -360px; }
div#fun_buttons li#b6 a { background-position: -578px -360px; }
div#fun_buttons li#b7 a { background-position: -640px -360px; }
div#fun_buttons li#b8 a { background-position: -702px -360px; }
div#fun_buttons li#b9 a { background-position: -764px -360px; }

div#fun_buttons li#b1 a:hover { background-position: -269px -420px; }
div#fun_buttons li#b2 a:hover { background-position: -331px -420px; }
div#fun_buttons li#b4 a:hover { background-position: -455px -420px; }
div#fun_buttons li#b5 a:hover { background-position: -517px -420px; }
div#fun_buttons li#b6 a:hover { background-position: -578px -420px; }
div#fun_buttons li#b7 a:hover { background-position: -640px -420px; }
div#fun_buttons li#b8 a:hover { background-position: -702px -420px; }
div#fun_buttons li#b9 a:hover { background-position: -764px -420px; }

/* Content Area */

div#fun_content_outer { position: relative; }
div#fun_content { border: #b9d2c9 solid; border-width: 7px 0 7px 328px; background: #eaebde; padding: 15px 22px; color: #6b6b68; font-size: 11px; }

div#fun_player_outer { position: absolute; top: -40px; left: 10px; border-right: #758e88 1px solid; border-bottom: #758e88 1px solid; }
div#fun_player_inner { width: 269px; border: #f2dd9c 7px solid; padding: 18px 8px; background: #010101; font-size: 9px; line-height: 130%; }
div#fun_player { width: 269px; height: 180px; background: url(/checkusout/images/fun.jpg) 0 -310px no-repeat; }
div#fun_player_inner h1 { font-size: 10px; color: #e1ba2d; font-weight: bold; margin: 8px 0 2px 0; }

/* College Portrait */
a#fun_col_portrait { position: absolute; left: 10px; bottom: 40px; width: 250px; height: 24px; background: url(../images/fun.jpg) -770px -310px no-repeat; padding-left: 132px; padding-top: 10px; font-size: 9px; color: #777; text-decoration: none; }
a#fun_col_portrait:hover { text-decoration: underline; }

/* Questions */
div#fun_title1 { width: 473px; height: 22px; background: url(../images/heading_fun_things_to_do.gif) no-repeat; margin: 0 0 10px 0; }
div#fun_title2 { width: 473px; height: 16px; background: url(../images/fun.jpg) -269px -327px no-repeat; margin: 10px 0; }
div#fun_title3 { width: 523px; height: 17px; background: url(../images/fun.jpg) -269px -343px no-repeat; margin: 10px 0; }

/* Green titles */
div#fun_subtitle1 { float: left; width: 75px; height: 15px; background: url(../images/fun.jpg) -809px -345px no-repeat; margin-bottom: 10px; margin-right: 5px; }
div#fun_subtitle2 { float: left; width: 83px; height: 16px; background: url(../images/fun.jpg) -809px -361px no-repeat; margin-bottom: 10px; margin-right: 5px; }
div#fun_subtitle3 { float: left; width: 88px; height: 16px; background: url(../images/fun.jpg) -809px -377px no-repeat; margin-bottom: 10px; margin-right: 5px; }
div#fun_subtitle4 { float: left; width: 65px; height: 16px; background: url(../images/fun.jpg) -809px -393px no-repeat; margin-bottom: 10px; margin-right: 5px; }