@charset "utf-8";
/* CSS Document */

body {
	font: 100% Arial, Helvetica, sans-serif;
	background:#fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rule {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #235CC9;
	display: block;
	margin-top: 35px;
	line-height: 15px;
}

/* page layout */
#container  {
	width: 960px;
	border: 1px solid #000000;
	border-top: 5px solid #a72a6c;
	position: relative;
	clear: both;
	margin:0 auto 0;
}
#content{
	background-color: #fff;
	background-image: url(http://www.youngsurvivorsconference.org/images/background.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ribbon {
	position:absolute;
	right: -25px;
	top: 173px;
	float: right;
}
#headerBar  {
	background:#0039a6;
	color: #FFF;
	height: 158px;
}
#headerBar .title {
	position: relative;
	clear: both;
	text-align: center;
	top: 40px;
}
#headerBar .menuwrap {
	background: #235cc9;
	text-align: center;
	height: 25px;
	width: 100%;
	top: 40px;
	position: relative;
	clear: both;
}
#headerBar  .title  h2 {
	font-size: 16px;
	line-height: 33px;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
	letter-spacing: 1px;
	font-style: normal;
}
#headerBar .title h1 {
	text-transform: uppercase;
	font-size: 25px;
	font-weight: lighter;
	letter-spacing: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	margin: 0px;
	font-style: normal;
}
#headerBar .smallnav a {
	color: #BEC9E5;
	text-decoration: none;
}
#headerBar .smallnav a:hover {
	text-decoration: underline;
}
#headerBar   .smallnav  {
	color: #bec9e5;
	position: absolute;
	top: 6px;
	text-align: right;
	width: 375px;
	height: auto;
	right:0px;
	font-size: 13px;
}
#headerBar   .smallnav   ul  {
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#headerBar .smallnav li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding-right: 5px;
}
#lvl{
clear:both;
visibility:hidden;
}

/* home page */
#hometext {
	color: #4d4d4f;
	padding-top:58px;
	width: 560px;
	margin:0 auto 0;
	text-align: center;
}
#hometext h2 {
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	letter-spacing: 1px;
}

#homesponser{
width:690px; /* if sponsors are added or removed this needs to be changed */
margin:40px auto 40px;
}

#homesponser h1{
font-size:13px;
color:#a6b7dd;
float:left;
margin-right:45px;
margin-top:14px;
} 
#homesponser img{
margin:0;
padding:0;
border:0;
}
#homesponser .left{
float:left;
}
#homesponser .right{
float:right;
}
#homesponser .right_top{  /* this is a custom style for the ysc sponser to center it in the div */
float:right;
margin-top:15px; 
}
#homesponser .break{
width:1px;
height:100px;
float:right;
margin:-10px 45px 0px 54px;
padding:0;
border-left:1px solid #4086c0;
}

#hometag{
color:#0039a6;
font-size:14px;
text-align:right;
margin:0px 46px 8px 0px;
}
#hometag a{
text-decoration:none;
color:#0039a6;
}
#hometag a:hover{
color:#0039a6;
text-decoration:underline;
}

#homefooter{
	border-top: 5px solid #a72a6c;
	height:122px;
	background-image: url(http://www.youngsurvivorsconference.org/images/home_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap .citations {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin: 0px;
}
#homefooter .homeimg{
position:relative;
float:left;
margin-left:76px;
margin-top:-60px;
}

/* sub pages */
#wrap{
	width:716px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;
}
#wrap h1{
	font-weight:normal;
	font-size:25px;
	color:#a6296b;
}
#wrap h2 {
	font-size: 20px;
	color: #0039A6;
	font-weight: normal;
	margin: 0px;
	display: inline;
	text-transform: none;
	font-style: italic;
}
#wrap h3 {
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	color: #333333;
	padding-top: 15px;
}
#wrap h1 .subtitle {
	font-size: 20px;
	display: block;
	color: #333333;
	padding-top: 5px;
	font-style: italic;
}
#wrap p{
	font-size:14px;
	line-height:17px;
	color:#4d4d4f;
	list-style-type: circle;
}
#wrap ul {
	font-size: 14px;
	line-height: 17px;
	list-style-position: outside;
	color: #4d4d4f;
	list-style-type: disc;
	margin-right: 80px;
	margin-left: 23px;
}
#wrap li {
	padding-bottom: 10px;
	padding-left: 15px;
}
#wrap img{
	border:0;
}
#wrap a {
	text-decoration: underline;
	color: #4d4d4f;
}
#wrap a:hover {
	color: #0039A6;
	text-decoration: underline;
}
#wrap .right_img{ /* these are for placing images in different locations within content <p> tags, this one is the default ribbon w/ img top-right */
	float:right;
	margin-right:-140px;
	margin-top:-85px;
}
#wrap .left_img{ /* same as above but on the left of the <p> it's placed in */
float:left;
margin-left:-115px;
margin-top:-85px;
}
#wrap .right{ /* this will align to the top-right of the <p> with no overflow, use margin to adjust overflow */
float:right;
}
#wrap .tabbed {
	position: absolute;
	left: 275px;
}
.rule_above {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	display: block;
	padding-top: 15px;
	margin-top: 30px;
}
.callout {
	display: block;
	padding: 15px;
	border: 1px solid #A72B6C;
}
.list_2 {
	margin-top: 15px;
}
#wrap table {
	display: block;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}
#wrap td {
	vertical-align: top;
	font-size: 14px;
	line-height: 17px;
	color: #4d4d4f;
	padding-top: 6px;
	padding-bottom: 12px;
}
.speaker {
	display: block;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.title {
	font-size: 13px;
	font-style: italic;
	display: block;
	line-height: 15px;
	padding-top: 3px;
}
.workshop {
	font-size: 16px;
	display: block;
	padding-top: 18px;
}
.workshop_date {
	font-size: 16px;
	color: #666666;
	font-style: normal;
}

#wrap .sponsor_box {
	text-align: center;
	padding: 10px;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
}
#wrap .logo {
	display: inline;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.bio_photo {
	text-align: left;
	padding-right: 25px;
	padding-bottom: 10px;
}