/* resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0; padding: 0; }
fieldset, img					{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul							{ list-style: none; }
caption, th						{ text-align: left; }
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal; }
q:before, q:after				{ content: ''; }
abbr, acronym					{ border: 0; }

/* body and defaults */
body							{ background: url("../../images/body_bg.png") top left repeat #474747; }
body,div,span,input,textarea,td	{ font: 13px helvetica, arial, sans-serif, verdana, tahoma; letter-spacing: -0.1px; line-height: 18px; color: #fff; }
p								{ margin-bottom: 6px; }
p.half							{ margin-top: -12px; }
h1								{ font-size: 16px; color: #fff; display: block; padding-bottom: 4px; }

/* ids */
#topGrad						{ position: absolute; top: 0; left: 0; width: 100%; height: 376px; background: url("../../images/top_grad.png") top left repeat-x; z-index: 0; }
#menu							{ position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: #000; }
#menuContainer					{ width: 980px; margin: 0 auto; padding: 10px 0; }
#header_box						{ background: url("../../images/header_box_bg.gif") bottom left repeat-x; padding: 15px 10px 10px 10px; width: 610px; min-height: 170px; }
#container						{ width: 980px; margin: 65px auto 0 auto; padding: 0; position: relative; z-index; 2; }
#content 						{ clear: both; padding-top: 60px; }
#content_left					{ float: left; width: 480px; padding-right: 20px; padding-bottom: 30px !important; display: block;}
#content_right					{ float: right; width: 480px; display: block; padding-bottom: 30px !important; }
#footer							{ bottom: 0; clear: both; display: block; width: 100%; padding-top: 14px; background: #000; }
#footerContainer				{ width: 980px; margin: 0 auto; height: 70px; }
#footerMenuSite p				{ margin-top: -45px; }
#header_box_viewall				{ margin-top: -24px; }
#activities_list_table			{ margin-left: 6px; padding-bottom: 6px }

/* classes */
.left							{ float: left; }
.right							{ float: right; }
.clear							{ clear: both; }
.block							{ display: block; }
.noBorder						{ border: 0; }
.box							{ background: url("../../images/block_bg.gif") top left repeat-x #000; padding: 20px; }
.boxHeader						{ margin: -60px 0 0 -40px; }
.boxHeader2						{ margin: -6px 0; float: left; }
.boxHeader div					{ padding: 10px 0 0 20px; }
.boxHeader2 div div				{ padding: 5px 0 0 15px; }
.boxHeader div div				{ font: 22px "helvetica neue",helvetica, arial, sans-serif, verdana, tahoma; text-transform: uppercase; font-weight: bold; letter-spacing: -0.3px; margin-left: 24px;  }
.boxHeading						{ font: 16px "helvetica neue",helvetica, arial, sans-serif, verdana, tahoma; text-transform: uppercase; font-weight: bold; }
#header_box .boxHeading			{ font-size: 12px; color: #fff; margin: 7px 0 0 7px; }
.boxPad							{ margin-top: 50px; clear: both; }
.grey							{ color: #626262; }
.small							{ font-size: 10px; line-height: 12px; }
.upper							{ text-transform: uppercase; }
.divider						{ display: block; clear: both; width: 100%; height: 2px; padding: 10px 0; background: url("../../images/divider1.gif") top left repeat-x; }
.linksTable						{ margin-top: -12px; }
.linksTable td a				{ margin: 0 !important; }
.activity_photo_div				{ border: 1px solid #000; background-position: 0 50% !important; } 
#header_box .activity_photo_div	{ border: 1px solid #000 !important; }
.error_bar,.message				{ width: 940px; background-color: #000; padding: 20px; font-weight: bold; text-align: center; margin: -50px 0 60px 0; border: 1px solid #812F28; color: #9F261D; font-size: 14px; }
._error							{ color: #cc0000; font-weight: bold; }
.endRow							{ display: block; height: 60px; }
.endColumn						{ display: block; height: 45px; }
.youTubeVideo					{ width: 480px; height: 382px; padding; 2px; border: 1px solid #f66CFCF; }

/* links */
a								{ color: #888; font-weight: bold; text-decoration: none; }
a:hover							{ color: #ccc; text-decoration: underline; }
a:hover .activity_photo_div		{ border-color: #5bacaf; cursor: pointer; }
#header_box a:hover .activity_photo_div	{ border: 1px solid #5bacaf !important; }
.headerLink a					{ display: block; margin-top: -24px; color: #fff; font-weight: bold; }
.headerLink a:hover				{ color: #71e1e1; text-decoration: none; }
a.header_right_link				{ font: 13px helvetica, arial, sans-serif, verdana, tahoma; letter-spacing: -0.1px; line-height: 18px; color: #fff; font-weight: bold; text-transform: none; }
a.header_right_link:hover		{ color: #66CFCF; text-decoration: none; }
.prev							{ margin-right: 8px; }
.inactive						{ background: #000; border: 1px solid #333; color: #333; display: inline; font-size: 10px; padding: 3px 7px; }
.current						{ background: #000; border: 1px solid #66CFCF; color: #fff; display: inline; font-weight: bold; font-size: 10px; padding: 3px 7px; }
.paging a						{ background: #000; border: 1px solid #333; display: inline; font-size: 10px; padding: 3px 7px; }
.paging a:hover					{ border-color: #66CFCF; color: #fff; }

/* lists */
.header_activities_list			{ padding: 0 5px 4px 5px; width: 600px; }
.header_activities_list td a div { margin: 0; }
.header_activities_list td		{ width: 70px; height: 44px; display: table-cell; text-align: center; }
.header_activities_list td div	{ width: 70px; height: 40px; background-position: 0 0; }
.header_activities_list td.pad	{ padding-right: 3px; }

/* buttons */
.header_button					{  }
.button span					{ display: none; }
.button_viewall		 			{ display: block; height: 19px; width: 67px; background: url("../../images/button_viewall.gif") no-repeat 0 0; margin-left: 370px; }
.button_viewall:hover			{ background-position: 0 -19px; cursor: pointer; }
.button_moreinfo	 			{ display: block; height: 19px; width: 83px; background: url("../../images/button_moreinfo.gif") no-repeat 0 0; margin-left: 110px; }
.button_moreinfo:hover			{ background-position: 0 -19px; cursor: pointer; }
.button_signup		 			{ display: block; height: 19px; width: 64px; background: url("../../images/button_signup.gif") no-repeat 0 0; margin: -19px 0 0 -15px; }
.button_signup:hover			{ background-position: 0 -19px; cursor: pointer; }
.button_playnow 				{ display: block; height: 19px; width: 64px; background: url("../../images/button_playnow.gif") no-repeat 0 0; margin: -19px 0 0 10px; }
.button_playnow:hover			{ background-position: 0 -19px; cursor: pointer; }
.button_uploadyourvideos	 	{ display: block; height: 19px; width: 117px; background: url("../../images/button_uploadyourvideos.gif") no-repeat 0 0; margin-left: 100px; }
.button_uploadyourvideos:hover	{ background-position: 0 -19px; cursor: pointer; }
.button_uploadyourvideos	 	{ display: block; height: 19px; width: 62px; background: url("../../images/button_submit.gif") no-repeat 0 0; margin-left: 100px; }
.button_uploadyourvideos:hover	{ background-position: 0 -19px; cursor: pointer; }

/*headers */
.header_pink					{ width: 100%; height: 73px; background: url("../../images/header_bg_pink.gif") no-repeat 0 0; }
.header_orange					{ width: 100%; height: 73px; background: url("../../images/header_bg_orange.gif") no-repeat 0 0; }
.header_red						{ width: 100%; height: 73px; background: url("../../images/header_bg_red.gif") no-repeat 0 0; }
.header_green					{ width: 100%; height: 73px; background: url("../../images/header_bg_green.gif") no-repeat 0 0; }
.header_green2					{ width: 100%; height: 63px; background: url("../../images/header_bg_green2.gif") no-repeat 0 0; }
.header_blue					{ width: 100%; height: 73px; background: url("../../images/header_bg_blue.gif") no-repeat 0 0; }
.header_blue2					{ width: 100%; height: 73px; background: url("../../images/header_bg_blue2.gif") no-repeat 0 0; }
.header_yellow					{ width: 100%; height: 73px; background: url("../../images/header_bg_yellow.gif") no-repeat 0 0; }
.header_white_small				{ width: 300px; height: 35px; background: url("../../images/header_bg_white_small.gif") no-repeat 0 0; }

/* forms */
label							{ display: block; padding-bottom: 3px; }
input							{ background: #363636; border: 2px solid #474747; padding: 3px 5px; font-size: 12px; }
input:focus						{ background: #474747; }
textarea						{ background: #363636; border: 2px solid #474747; padding: 3px 5px; font-size: 12px; }
textarea:focus					{ background: #474747; }
#login input					{ width: 156px; }
input#submit					{ width: 55px !important; border: 0 !important; padding: 0 !important; background: none !important; margin-left: 114px !important; }
select							{ background: #363636; border: 2px solid #474747; padding: 1px 3px; font-size: 12px; color: #fff; }

/* menus */
#menu li                      	{ float: left; padding-right: 8px; }
#menu li a                    	{ margin-top: 2px; display: block; font-size: 12px; color: #9c9c99; text-decoration: none; }
#menu li a:hover, #menu li a:active	{ color: #dfdfdf; text-decoration: underline; }
body.home #menu li a.cur, body.boodies #menu li a.cur, body.activities #menu li a.cur, body.games #menu li a.cur, body.videos #menu li a.cur, body.photos #menu li a.cur, body.groups #menu li a.cur, body.news #menu li a.cur, body.getinolved #menu li a.cur { color: #fff; text-decoration: none; cursor: default; }

#footerMenuSite li              { float: left; padding-right: 8px; }
#footerMenuSite li a            { margin-top: 2px; display: block; font-size: 12px; color: #9c9c99; text-decoration: none; }

#userMenu						{ position: absolute; top: 40px; left: 50%; padding-left: 384px; z-index: 100;}
#userMenu div					{ width: 80px; padding: 6px 10px; background: #000; border: 3px solid #333; border-top: none; border-right: none; }
#userMenu div a					{ display: block; color: #888; font-size: 12px; padding-bottom: 3px; }
#userMenu div a:hover			{ color: #fff; }