body {
background:#021C4D url(/images/yyol-pattern.gif) repeat top;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

h1,h2,h3,h4, h5, h6 {
font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

h1 {
font-size:18px;
line-height:17px;
color:#E95D21; /* orange */
line-height:20px;
padding:5px 5px 3px 15px;
}

h2 {
font-size:15px;
line-height:16px;
color:#284780; /* dark blue */
padding:5px 5px 0 15px;
}

h3 {
font-size:13px;
color:#005E2D;/*green*/
padding:3px 5px 0 15px;
}

h4 {
font-size:12px;
color:#D30000;/*red*/
padding:3px 5px 0 15px;
}
h5 {
font-size:11px;
font-weight:bold;
color:#E95D21; /* orange */
padding:3px 5px 0 15px;
}

p, q {
font-size:11px;
line-height:13px;
margin:0;
padding:3px 5px 5px 15px;
}

ul {
list-style-position:outside;
font-size:11px;
line-height:14px;
margin:0;
padding:3px 10px 5px 30px;
}
ol {
list-style-position:outside;
font-size:11px;
line-height:14px;
margin:0;
padding:3px 10px 5px 35px;
}
a {color:#E95D21; /* orange */}
a:hover {
color:#073BA0;
}
a img {border:none;}
.green {
color:#005E2D;
}

.navy {
color:#284780;
}

.lime {
color:#A2BF2A;
}

.blue {
color:#1170B8;
}
/* ---------------------------------------------------
		Structure
---------------------------------------------------- */
#wrap {
width:824px;
margin:10px auto 0;
}

#jump {
background:#FADB3B url(/images/jump-back.jpg) no-repeat top right;
width:780px;
margin-left:23px;
padding:5px 0;
}

#head {
background:url(/images/head-back.gif) no-repeat top right;
position:relative;
z-index:5;
}

#nav-container {
background:#005E2D url(/images/nav-back.jpg) no-repeat top right;
width:824px;
height:28px;
z-index:100;
}

#nav-bot-home {
background:url(/images/nav-home-bot.gif) no-repeat top right;
width:824px;
height:35px;
}

#nav-bot {
background:url(/images/nav-bot.gif) no-repeat top right;
width:824px;
height:35px;
}

#content-home {
width:780px;
background:#fff url(/images/content-home.gif) repeat-y;
position:relative;
margin-left:23px;
z-index:1;
}

#content {
background:#fff url(/images/content-back.gif) repeat-y;
width:780px;
position:relative;
margin-left:23px;
z-index:2;
}

#foot {
background:url(/images/footer.gif) repeat-x top;
padding-top:10px;
clear:both;
}
/* ---------------------------------------------------
		Header
---------------------------------------------------- */
#logo {
width:220px;
height:210px;
position:relative;
font-size:10px;
line-height:14px;
margin-left:24px;
padding:0;
}

#logo a {
color:#E95D21;
text-decoration:none;
padding:0;
}

#logo span {
background:url(/images/yyol-logo.jpg) no-repeat;
position:absolute;
width:100%;
height:100%;
}

#head img {
position:absolute;
top:0;
right:22px;
}

#jump {
	color: #DBAE36;
}

#jump a {
font-size:9px;
color:#DBAE36;

}

#jump form {
float:right;
margin: 0px;
margin-right: 10px;
margin-top: 0px;
}

#jump select {
font-size:10px;
border:1px outset #DBAE36;
color:#1170B8;
}

#jump option {
font-size:10px;
color:#1170B8;
}
/* ---------------------------------------------------
		Main Nav
---------------------------------------------------- */
#nav {
list-style:none;
font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
margin:0 0 0 50px;
padding: 5px 0 0;
z-index:200;
}

#nav a {
display:block;
color:#FFF;
text-decoration:none;
font-weight:400;
padding: 3px 30px;
}

#nav a.page {
background-color:#92BA28; /* med green */
}
#nav li {
float:left;
}

#nav li ul {
position:absolute;
background-color:#92BA28;/* med green */
width:13em;
left:-999em;
border-top:1px solid #003F62;/* navy blue */
border-right:1px solid #003F62;
border-left:1px solid #003F62;
z-index:200;
font-size:11px;
line-height:12px;
margin:0;
padding:0;
}

#nav li li {
display:block;
width:13em;
position:relative;
}

#nav li ul a {
border-bottom:1px solid #003F62;/* navy blue */
border-left:none;
padding: 6px 10px;

}

#nav li:hover,#nav li.hover {
position:static;

}
/* ---------------------------------------------------
		Home Page
---------------------------------------------------- */
#intro1,#intro2,#intro3 {
width:410px;
margin:0 5px 0 180px;
z-index:-1;
}

#content-home .pic {
border:2px solid #A2BF2A;
float:right;
margin:-30px 5px 5px 10px;
}

.divider1 {
background:url(/images/divider-home.jpg) no-repeat;
width:780px;
height:68px;
clear:both;
}

.divider2 {
background:#E95D21 url(/images/orange-bar.gif) repeat-x;
width:780px;
height:10px;
clear:both;
}

#targets {
background:#fff url(/images/four-colors.jpg) repeat-y;
width:780px;
margin-left:23px;
}

#targets div.four {
width:25%;
float:left;
}

#targets h1 {
font-size:16px;
}

#targets a {
font-weight:700;
}

#photos-quote {
background:#A3D7F4 url(/images/footer-top.jpg) no-repeat bottom;
width:780px;
margin-left:23px;
position:relative;
}

#quotes {
background:#fff url(/images/quote-box.jpg) no-repeat top;
width:235px;
height:170px;
position:absolute;
top:0;
right:0;
padding:50px 90px 0 100px;
}

#quotes q {
color:#E95D21;
font-size:13px;
padding:5px 0 10px;
}

#quotes p {
color:#A2BF2A;
font-size:13px;
padding:5px 0 10px;
}

.green-arrow {
background:url(/images/arrow-large.gif) no-repeat left;
font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
padding:20px 10px 20px 40px;
}

#home-left {
float:left;
width:175px;
height:260px;
}

#home-right {
position:absolute;
top:0;
right:0;
width:175px;
}

.videoButton {
margin-left: -15px;
margin-top: -10px;
}

#js-menu {
background:#FEEC30 url(/images/side-back.jpg) repeat-y;
list-style-type:none;
font-size:11px;
width:175px;
font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
padding:0;
}

#js-menu a {
color:#E95D21;
display:block;
text-decoration:none;
border-bottom:1px solid #E95D21;
padding:10px 5px 10px 20px;
}
/* ---------------------------------------------------
		Secondary Nav
---------------------------------------------------- */
#sec-nav {
background:#FEEC30 url(/images/side-bottom.jpg) no-repeat bottom;
float:left;
width:175px;
padding-bottom:74px;

}

#sec-nav ul {
background:#FEEC30 url(/images/side-back.jpg) repeat-y;
list-style-type:none;
font-size:12px;
font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
padding:15px 0 0;
}

#sec-nav a {
color:#E95D21;
display:block;
text-decoration:none;
border-bottom:1px solid #E95D21;
padding:5px 5px 4px 20px;
}

#sec-nav a.first {
border-top:1px solid #E95D21;
}
/* ---------------------------------------------------
		Page Content
---------------------------------------------------- */
#text {
width:550px;
position:relative;
margin:0 30px 0 180px;
}

#text-store {
	width:550px;
	overflow:auto;
	margin: 0px 0px 0px 5px;
}

.package	{
	float:right; 
	width:130px; 
	margin:-35px 5px 5px 5px; 
	text-align:left; 
	vertical-align:top;
	}

.sidebox {
	float:right;
	background:#D5F3FF url(/images/side-box-top.jpg) no-repeat top;/*blue*/
	border:2px solid #E95D21;
	width:155px;
	position:relative;
	margin:10px -30px 5px 10px;
	padding:25px 0 10px;
}
.sidebox p {
	font-size:10px;
	padding:3px 10px;
}
.sidebox h1, .sidebox h2, .sidebox h3, .sidebox h5 {
	padding:5px 10px 2px;
}
.logos {
	width:40%;
	float:left;
	margin-top:5px;
	text-align:center;
}
.logos img {padding:20px 0 0 20px;}
.float {width:170px; float:left; margin:5px;}
.reading {
	margin:10px 20px;
	width:500px;
	border:1px solid #E95D21; /* orange */
	background-color:#FEFCDC; /*light yellow*/
}
.reading th {background-color:#E95D21; /* orange */ color:white; padding:5px;}
.reading td {border-bottom:1px solid #E95D21; /* orange */ padding:4px 5px;}
p.copyright {font-size:10px; font-style:italic; margin-top:10px;}
.box {
	width:160px; 
	height:160px; 
	float:left; 
	margin:10px 0 5px 15px; 
	border:2px solid #E95D21;
	background-color:#D5F3FF;/*light blue*/
}

.box2 {
	width: 155px; 
	float:left; 
	margin:10px 0 5px 15px; 
	border:2px solid #E95D21;
	background-color:#D5F3FF;/*light blue*/
}

.box-double {
	width:340px; 
	height:160px; 
	float:left; 
	margin:10px 0 5px 15px; 
	border:2px solid #E95D21;
	background-color:#D5F3FF;/*light blue*/
}
#video {
	width:320px; 
	height:200px; 
	float:left; 
	margin:10px 0 5px 15px;
	padding:10px;
	text-align:center; 
	border:2px solid #E95D21;
	background-color:#D5F3FF;/*light blue*/
}
/* ---------------------------------------------------
		e-cards
---------------------------------------------------- */
#e-cards {
	background: #C7DB40 url(/images/green-wave.gif) no-repeat top;/*light green*/
	padding-top:15px;
	width:556px;
	margin:5px 0 30px -1px;
}
#e-cards h2 {color:#005E2D; margin-bottom:30px;}
#e-cards p {width:160px; float:left;}
#card-to {
	clear:both; 
	background: #E95D21 url(/images/e-card-wave.gif) no-repeat top;/* orange */
	border:none;
	margin:0;
	height:160px;
}
#card-to label {color:white;}
#card-to div {float:right; width:300px;}
#card-to input {margin:3px 10px;}
#card-to h2 {margin:10px 0 5px; color:white;}
#card-to p {float:left; color:white;}
#card-write {
	clear:both; 
	background: #A3D7F4 url(/images/orange-wave.gif) no-repeat bottom;/* blue */
	border:none;
	margin:0;
}
#card-write h2 {margin:5px 0; color:#284780;}
#card-write textarea {margin:-15px 10px 20px 200px;}
#card-write .button {margin:0 0 -30px 20px; font-size:12px;}
#card-write blockquote {margin-bottom:20px;}
#e-cards p.buttons {width:400px; display:block; margin-bottom:-20px;}
/* ---------------------------------------------------
		quotes page
---------------------------------------------------- */
#quotes-page blockquote {
	font-size:13px;
	color:#1170B8;/*blue*/
	font-family:"Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	margin:10px 15px 0;
}
#quotes-page p {font-style:italic; margin-bottom:15px;}
/* ---------------------------------------------------
		Footer
---------------------------------------------------- */
#footer-top {
background:url(/images/footer-top-content.gif) no-repeat;
width:780px;
height:30px;
clear:both;
}

#footer {
background:url(/images/footer.gif) no-repeat;
width:780px;
height:50px;
clear:both;
padding-top:45px;
margin-left:23px;
color:#A2BF2A;
}

#footer a {
color:#A2BF2A;
padding:2px;
}

#footer a:hover {
background-color:#A2BF2A;
color:#fff;
text-decoration:none;
}
/* ---------------------------------------------------
		Forms
---------------------------------------------------- */
#contact {padding:5px 10px 20px 25px;}
#contact label {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
#contact submit {
	margin-left: 4.5em;
}
#contact input {
	color: #000;
	border: 1px outset #284780; /* dark blue */
}
#contact textarea {
	color: #000;
	border: 1px outset #284780; /* dark blue */
}
#contact fieldset {
	width: 90%;
	border: 1px solid #284780; /* dark blue */
}
#contact legend {
	padding: 5px 6px;
	color:#E95D21; /* orange */
	font-size:12px;
	font-style:italic;
} 
.button, #contact input.button {
	background-color:#E95D21; /* orange */
	color:white;
	font-size:10px;
	text-transform:uppercase;
	border:3px outset #E95D21; /* orange */
}

#cheerleader  {padding:5px 0 20px 0;}
#cheerleader  label {
	text-align: left;
	margin: 0.5em;
	display: block;
	color:#284780; /* dark blue */
}
#cheerleader textarea {
	color: #000;
	border: 1px outset #284780; /* dark blue */
}
#cheerleader strong {
	color:#E95D21; /* orange */
	font-size:12px;
	line-height:16px;
}

/* ---------------------------------------------------
		STYLES FOR CROSSFADER
---------------------------------------------------- */

div.cf_wrapper {
		float:left;
		clear:both;
		width: 355px;
		height: 220px;
		background-color: #A4D7F4;
		margin:0;
		padding:0;
		text-align:left;
}
/* ---------------------------------------------------
		added
---------------------------------------------------- */
a,.orange {
color:#E95D21;
}

#nav a:hover,#nav li ul a:hover {
background-color:#1170B8;
color:#fff;
}

#nav li:hover ul,#nav li:hover ul,#nav li.sfhover ul {
left:auto;
}

#js-menu li,#sec-nav li {
display:inline;
margin:0;
padding:0;
}

#js-menu a:hover,#sec-nav a:hover {
color:#FFF;
background-color:#E95D21;
}

#sec-nav-store {
	background:#FEEC30 url(/images/side-bottom.jpg) no-repeat bottom;	
	float:left;	
	width:175px;	
	padding-bottom:74px;
}


#logo2 {	width: 220px;	height: 210px;	position: relative;	padding:0;	font-size:10px;	line-height:14px;	margin-left:24px;}
#logo2 a {	color:#E95D21;	padding:0;	text-decoration:none;}
#logo2 span {	background: url(/images/yyol-logo.jpg) no-repeat;	position: absolute;	width: 100%;	height: 100%;} 

#imgBtn {
	margin: 200px 0px 0px 320px;
	position: absolute;
}