@charset "utf-8";
/* CSS Document */
/*global styles*/
body, ul, li, dl, dt, dd, h1, h2, h3, h4, p  {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
div  {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-repeat: repeat;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
form input[type="hidden"]  {
	margin: 0px;
	padding: 0px;
	border: none;
	display: none;
	visibility: hidden;
}
.float_left  {
	float: left;
}
.float_right  {
	float: right;
}
.clear { 
	clear:both; 
}
.picborder  {
	border: 1px solid #999999;
}
#container {
	width:982px;
	/*width altered to make navbar fit 09/18*/
	height:auto;
	/*min-height:700px;*/
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
}
/*misc styles*/
.footerLinkIcon  {
	width: 14px;
	height: 14px;
	float: left;
	border: 0px;
	margin: 0px;
	padding: 2px; 
}
.footerLink a {
	text-align: left;
	font-weight: bold;
	float: left;
}
#topHeader  { 
	width: 980px;
	height: 136px;
	background-position: top center;
	background-repeat: no-repeat;
}
#topHeader_top  {
	width: 980px;
	height: 104px;
}
#siteTopLogo  {
	width: 190px;
	height: 101px;
	float: left;
	margin: 0px;
	padding-left: 48px;
}
#siteLoginBox  {
	width: 366px;
	height: 104px;
	margin: 0px;
	float:right;
	background-position: top center;
	background-repeat: no-repeat;
}
#siteLoginBox form  {
	width: 346px;
	margin: auto;
	padding-top: 62px;
	padding-bottom: 12px;
}
#siteLoginBox form label  {
	width: 70px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	float: left;
	display: inline;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
}
#siteLoginBox form input[type="text, password"], #useridtop, #passwordtop  {
	width: 75px;
	border: solid 1px #3e3e3e;
	background-color: #ffffff;
	float: left;
	display: inline;
	font-size: 10px;
	margin-left: 2px;
}
#siteLoginBox form input[type="submit"], #loginbttntop  {
	/*width: 30px;*/
	height: 18px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	background-position: center center;
	background-repeat: repeat-x;
	display: inline;
	cursor:pointer;
	text-align: center;
	margin-left: 4px;
}
#siteLoginBox form br  {
	clear: left;
}
/*panel styles - these are in four sizes: small (254px wide for webcam and calendar); medium (406px wide and for left side boxes, including: myPics, aboutMe and myPoll); large (528px wide and for blog, myMovies, myDVDs, comments, and myMessages and widths and headers on Login and Welcome); and Full Size at 952px which is for friends and all the auxilary pages.  Any other specifications are defined in the id for that panel; WELCOME and LOGIN do not use a footer*/

/*update as of 0516-add the size of header and footer as img tag to header and footer*/

/*size-small*/
.smallContentBox  {
	width: 254px;
	height: 210px;
	margin: 0px;
}
.smallContentBoxHeader  {
	width: 254px;
}
.smallContentBoxFooter  {
	width: 254px;
}
.smallContentBoxContent  {
	width: 254px;
	height: 168px;
	background-repeat: no-repeat;
	background-position: center top;
}
/*size-medium*/
.mediumBoxHeader  {
	height: 36px;
	width: 406px;	
}
.mediumBoxContent  {
	height: auto;
	width: 406px;
}
.mediumBoxFooter  {
	height: 11px;
	width: 406px;	
}
/*containers for medium panels*/
#myPicsBox, #aboutMeBox, #commentsBox, #pollBox, #memberHomeBox  {
	width: 406px;
	margin-top: 15px;
}
/*size-large*/
.largeBoxheader  {
	width: 528px;
	height: 36px;
	margin: 0px;
}
.largeBoxContent  {
	width: 528px;
}
.largeBoxFooter  {
	width: 528px;
	height: 11px;
}
/*containers for large panels*/
#loginBox, #welcomeBox, #blogBox, #webcamCalendarBox, #moviesBox, #dvdsBox, #myFriendsBox, #messageBox {
	width: 528px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#webcamCalendarBox  {
	margin-bottom: 20px;
}
/*full sized panel*/
.fullWidthBox  {
	width: 954px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.fullWidthBoxHeader  {
	width: 954px;
	height: 34px;
}
.fullWidthBoxContent  {
	width: 948px;
	background-position: center top;
	min-height:480px;
}	
.FullWidthBoxFooter  {
	width: 954px;
	height: 8px;
}
/*side borders and background for panels which are scalable and can expand vertically*/
.scalable_vertical  {
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: center top;
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
/*medium boxes using scalable*/
#myPicsBoxContent, #aboutMeBoxContent, #commentsBoxContent, #memberHomeBoxContent {
	width: 400px;
}
#memberHomeBoxContent  {
	height: 170px;
}
/*large boxes using scalable*/
#blogBoxContent, #moviesBoxMovies, #dvdsBoxContent, #myFriendsBoxContent {
	width: 522px;
}
/*for testing purposes only, to check auxilary pages*/
#tallBox  {
	height: auto;
	min-height: 800px;
}
/*footer*/
#footer		{
			width:976px;
			text-align:center;
			font-weight:bold;
			}
#footer ul li{
			display:inline;
			}
/*Graduation Message*/
#gradMessage  {
/*	clear: left; 
	margin: 2px; */
	width: 970px;
	height: auto;
	padding: 5px; 
	background: #fff; 
	text-align: left;
}
#gradMessage h2  {
	text-transform: uppercase;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
}
#gradMessage .redText  {
	color: #cc0000;
	font-weight: bold;
}
#gradIntro  {
	width: 490px;
	height: auto; 
	float: left; 
	text-align: center;
	text-align: left;
}
#gradIntro p  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding: 2px;
}
#gradMessage #gradNewSite {
	width: 460px;
	height: auto;
	float: right;
	text-align: center;
	padding-bottom: 5px; 
	padding-left: 20px;
}
#gradMessage #gradNewSite h3  {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: left;
}
#gradMessage #gradNewSite ul  {
	width: 450px;
	height: auto;
	margin: 0px auto;
	text-align: left;
}
#gradMessage #gradNewSite ul li  {
	font-weight: bold;
	background-image: url(/themes/templates/images/benefits.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-left: 14px;
	padding-bottom: 3px;
	height: 14px;
}
#gradMessage p.fanToMember  {
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 16px;
}