@import "common.css"; 


#header
{
	background-image: url(../images/secondary/header.jpg);
	background-repeat: no-repeat;
	width: 820px;
	height: 129px;
	position: relative;
}

#homelink
{
	position: absolute;
	left: 30px;
	top: 10px;
}

#secondarycontenttop
{
	background-image: url(../images/secondary/background_top.jpg);
	background-repeat: no-repeat;
	width: 820px;
}

#secondarycontenttopprofile
{
	background-image: url(../images/secondary/background_top_profile.jpg);
	background-repeat: no-repeat;
	width: 820px;
	height: 100%;
	text-align: left;
	float: left;
	padding-top: 70px;
	padding-bottom: 150px;
}

#secondarycontent
{
	background: url(../images/secondary/background_middle.jpg) repeat-y;
	width: 820px;
	float: left;
	text-align: left;
	position: relative;
}

#secondarycontentbottom
{
	width: 820px;
	background:  url(../images/secondary/background_bottom.jpg) bottom left no-repeat;
	z-index: 1;
	height: 100%;
	float: left;
}

#footerhack
{
	height: 205px;
	width: 820px;
	background:  url(../images/secondary/background_bottom.jpg) bottom left no-repeat;
	display: none;
}

/*IE 7 Hack*/
*:first-child+html #secondarycontentbottom
{
	bottom: auto !important;
	margin-top: -134px !important;
}

/*IE 6 Hack*/
* html #secondarycontentbottom
{
	bottom: auto !important;
	margin-top: -134px !important;
}



#differentdiv
{
	padding-left: 50px;
	padding-right: 50px;
	width: 720px;
	z-index: 2;
	position: relative;
}


/************************Meet Nav***********************************/

#meet2_heather
{
	float: right;
	padding-right: 40px;
}

#meet2_olivia
{
	float: right;
	padding-right: 10px;
}

#meet2_kelsey
{
	float: right;
	padding-right: 10px;
}

/************************Side Navigation****************************/

.sidelink
{
	cursor: pointer;
}

#sidenav
{
	float: left;
	margin-left: 50px;
	padding-bottom: 100px;
}

#sidenavtop2
{
	background-image: url(../images/secondary/sidenav/sidenav_top2.jpg);
	background-repeat: no-repeat;
	width: 199px;
	height: 21px;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 5px;
}

#sidenavtop2 a
{
	color: Black;
	text-decoration: none;
}

#sidenavtop
{
	background-image: url(../images/secondary/sidenav/sidenav_top.jpg);
	background-repeat: no-repeat;
	width: 199px;
	padding-bottom: 8px;
}

.sidenavmain
{
	background-image: url(../images/secondary/sidenav/sidenav_main.jpg);
	background-repeat: no-repeat;
	width: 199px;
	height: 24px;
}

.sidenavmain img
{
	padding-top: 5px;
	padding-left: 5px;
}

.sidenavmain a
{
	color: Black;
	font-size: 12px;
	text-decoration: none;
}

.sidenavmain a:visited
{
	color: Black;
	font-size: 12px;
	text-decoration: none;
}

.sidenavmainlink
{
	top: -4px;
	position: relative;
}

.sidenavsecondaryedit
{
	background-image: url(../images/secondary/sidenav/sidenav_secondary_edit.jpg);
	background-repeat: no-repeat;
	width: 64px;
	height: 19px;
	font-size: 12px;
	padding-left: 140px;
	padding-top: 5px;
}

.sidenavsecondaryedit a
{
	color: #CA95AA;
	text-decoration: none;
}

.sidenavsecondaryedit a:visited
{
	color: #CA95AA;
	text-decoration: none;
}

.sidenavsecondaryedit a:hover
{
	text-decoration: underline;
}

.sidenavsecondarytexttop
{
	background-image: url(../images/secondary/sidenav/sidenav_main_expandable2.jpg);
	height: 1px !important;
	width: 199px;
	background-position: left;
}

.sidenavsecondarytext
{
	width: 149px;
	background-image: url(../images/secondary/sidenav/sidenav_main_expandable.jpg);
	background-repeat: repeat-y;
	font-size: 12px;
	color: #9D0328;
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
}

.sidenavsecondarycontainer
	{
		display: none;
	}
.sidenavsecondaryalt
{
	width: 174px;
	height: auto;
	font-size: 12px;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F6E7EA;
	border-left: solid 1px #D9C3C6;
	border-right: solid 1px #D9C3C6;
	border-top: solid 1px #D9C3C6;
}

.sidenavsecondaryalt a
{
	color: #CA95AA;
	text-decoration: none;
}

.sidenavsecondaryalt a:visited
{
	color: #CA95AA;
	text-decoration: none;
}

.sidenavsecondaryalt a:hover
{
	text-decoration: underline;
}

.sidenavsecondary
{
	background-image: url(../images/secondary/sidenav/sidenav_secondary.gif);
	background-repeat: no-repeat;
	width: 199px;
	font-size: 12px;
}

.sidenavsecondary a
{
	color: #CA95AA;
	text-decoration: none;
	display: block;
	width: 144px;
	padding-left: 35px;
	padding-right: 20px;
	border-bottom: solid 1px #c0aba8;
	padding-bottom: 4px;
	padding-top: 4px;
	background: url(../images/secondary/linkbutton.jpg) no-repeat 18px 5px;
}

.sidenavsecondary a:visited
{
	color: #CA95AA;
	text-decoration: none;
}

.sidenavsecondary a:hover
{
	text-decoration: underline;
}

#sidenavbottom
{
	width: 199px;
	height: 24px;
	background-image: url(../images/secondary/sidenav/sidenav_bottom.jpg)
}

#sidenavbottom2
{
	width: 199px;
	height: 116px;
	background-image: url(../images/secondary/sidenav/sidenav_ad.jpg)
}

#sidenavtop img
{
	padding-left: 10px;
	padding-top: 10px;
}

/***************Content***************************/

#profilecontent
{
	float: right;
	width: 384px;
	color: #A86979;
	font-size: 12px;
	padding-right: 100px;
	padding-top: 5px;
}

#meetcontent
{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A86979;
	font-size: 12px;
	padding-top: 5px;
	width: 282px;
}

.profilehead
{
	font-weight: bold;
	font-size: 13px !important;
}

.profilesubhead
{
 font-style: italic;
 font-weight: bold;
}

.contentnavtext
{
	float: left;
}

.contentnavimage
{
	float: left;
	padding-left: 5px;
	padding-top: 1px;
}

.contentnavtext a
{
	color: #BC135D;
	text-decoration: none;
	font-size: 12px;
}

.contentnavtext a:visited
{
	color: #BC135D;
	text-decoration: none;
	font-size: 12px;
}

/******************Forms****************************/

.label
{
	color: #9D0328;
	font-size: 12px;
	font-weight: bold;	
}

.field
{
	padding-bottom: 5px;
}
	
.formfield
{
	width: 350px;
}

.imageupload
{
    
}

/*******************Friends**********************************/

#friends
{
	float: left;
	width: 180px;
	padding-right: 10px;
}

.friendsheadbox
{
	width: 180px;
}

.friendspacer
{
	background-image: url(../images/secondary/sidenav/sidenav_main_expandable2.jpg);
	height: 1px;
	width: 180px;
	float: left;
	margin-top: 5px;
	margin-bottom: 8px;
}

.friendshead
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.friend
{
    width: 180px;
    margin-bottom: 20px;
}

.friend img
{
	float: left;
	border-color: White;
	border-width: 1px;
	padding-right: 0px;
}

.friendinfo
{
	font-size: 11px;
	color: #9A8E90;
}

.friendname a
{
	color: Black;
	text-decoration: underline;
	font-size: 12px;
}

.contentnav2
{
	float: right;
	padding-left: 35px;
	font-size: 10px;
}

.friendcontact
{
	float: right;
	padding-right: 10px;
}

.friendcontact a
{
	font-size: 11px !important;
	padding-left: 120px;
}

.friendcontact a:visited
{
	font-size: 11px !important;
}

.friendcontactarrow
{
	float: left;
	padding-left: 5px;
	padding-top: 4px;
}


/******************Characters' Headers*********************/

#secondaryheader_olivia
{
	background-image: url(../images/secondary/background_top_olivia.jpg);
	height: 56px;
	width: 820px;
}

#secondaryheader_heather
{
	background-image: url(../images/secondary/background_top_heather.jpg);
	height: 56px;
	width: 820px;
}

#secondaryheader_kelsey
{
	background-image: url(../images/secondary/background_top_kelsey.jpg);
	height: 56px;
	width: 820px;
}

/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:180px; height:860px; z-index:100; 
	margin-top: 30px;
	}
	
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:860px; 
	clip:rect(0px, 180px, 860px, 0px);
	overflow:hidden;	
	z-index:1; 
	font-size: 9px;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 0px 0px;
	}
div#CatDiv { 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
	}

table#FrameNavTable 
{
    vertical-align: bottom;
    height: 860px;
	
}

table#FrameNavTable td 
{
    padding: 0px 0px 0px 5px;
    vertical-align: top;
    position: relative;
}

#profilecontent ul
{
	list-style-type: disc !important;
	padding-left: 35px;
	padding-top: 0;
	margin: 0;
}

.uploadlegend
{
	color: #9d0328;
	font-size: 10px;
}

#updateinfo
{
	border: 0;
	padding: 0;
	margin: 0;
	width: 199px;
}

#updateinfocontainer
{
	width: 199px;
	padding: 0;
	margin: 0;
}

.SectionTitle
{
	font-family: Myriad Pro, Myriad, Arial, Sans-Serif;
	font-size: 18px;
	color: #3f3f3f;
	position: absolute;
	z-index: 9999;
	left: 285px;
	top: 6px;
}

h2
{
	color: #2e1d21;
	font-size: 14px;
	font-family: Arial, Sans-Serif;
	padding: 0px;
	margin: 0px;
	padding-bottom: 7px;
}

.RightSide
{
	float: left;
	width: 180px;
}

.ExpertTitle
{
	border-bottom: solid 1px #bdadaf;
	font-family: Arial;
	font-size: 12px;
	color: Black;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}

.ExpertContent
{
	padding-bottom: 5px;
	border-bottom: solid 1px #bdadaf;
	float: left;
}

.ExpertContent img
{
	border: solid 1px White;
}

.ExpertHeadTitle
{
	color: #544d4f;
	text-decoration: underline;
	font-size: 12px;
	padding-bottom: 3px;
	height: 15px;
}

.ExpertHead
{
	padding-left: 10px;
	width: 120px;
	color: #9a8e90;
	font-size: 10px;
	padding-bottom: 5px;
}

.ExpertBio
{
	color: #544d4f;
	font-size: 10px;
}

.OffSiteLinks a
{
	color: #ca1464;
	text-decoration: none;
	float: right;
	font-size: 10px;
	display: block;
	width: 140px;
	text-align: right;
	background: url(../images/common/morelink.gif) no-repeat right 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}

.Resources
{
	width: 180px;
	float: left;
	border-bottom: solid 1px #bdadaf;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.Resources2
{
	width: 180px;
	float: left;
}

.ResourceTitle
{
	color: #000000;
	font-size: 9px;
	text-transform: uppercase;
	padding-left: 15px;
	background: url(../images/secondary/rightarrow.jpg) no-repeat left 3px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.ResourceContent a
{
	display: block;
	width: 160px;
	color: #e37aa5;
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 8px;
	background: url(../images/common/linkbullet.gif) no-repeat left 5px;
	margin-left: 13px;
}

.LogoDiv
{
	width: 156px;
	height: 54px;
	position: absolute;
	top: 22px;
	left: 40px;
}