html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
background-image:url(../images/jrp_bkgrnd.jpg);
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
a:link {
color:#666666;
}
a:visited{
/*color:#00CCFF; */
color:#0298be
}
#form_titles p{
padding:5px 10px 10px 10px;
}
#form{
text-align: right;
font-style:normal;
color: #000099;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-right: 2px;
float:right;
}
#form box{
size: 70%;
}
#form_boxes {
float:left;
}
#masthead p.flash {
float:left;
}
#masthead p.menu {
float:right;
margin: 0px 0px 0px 1px;
}
.error_message {
margin: 5px 5px 5px 10px;
float:right;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10;
color:#000066;
}
#table1{
text-align: right;
font-style:normal;
color: #000099;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-right: 2px;
padding: 0px 4px 0px 0px;
}
#wrapper {
width: 764px;
font-size:12px;
background-color: #eaebea;
/* background-color: #e6e0fd; */
margin: 0px auto;
padding:0px;
border: 0px;
text-align:left;
}
#masthead{
height: 99px;
background-image: url(../images/jrp_masthead.jpg);
background-repeat: no-repeat;
}
#flash {
float:left;
}
#nav {
float: left;
padding: 30px 10px 0px 70px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3399CC;
}
#advertise{
float:right;
width: 129px;
height: 433px;
background-color:#333333;
}
#content p{
margin: 0px;
}
#content2 p{
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color:#666666;
margin: 2px;
}
#content2 li{
margin: 0px 40px 20px 20px;
}
#adminhdrbox {
text-align:center;
font-style:normal;
color: #FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
margin-right: 2px;
padding: 10px 10px 10px 10px;
}
#content3 p{
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color:#666666;
margin: 2px 10px 10px 10px;
}
#content3 h1{
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:20px;
color:#349c9f;
margin: 2px 10px 10px 10px;
}
#content3 li{
margin: 0px 40px 20px 20px;
}
/* Top content */
#video {
margin:5px 5px 5px 5px;
float:left
}
#audition {
margin:10px 10px 10px 10px;
float:left;
font-size:12px;
width:200px;
}
#audition p {
margin:10px 10px 10px 10px;
/* float:left; */
font-size:12px;
width:200px;
}
#top_pic img{
margin:25px 0px 25px 15px;
/* padding:25px 25px 25px 25px; */
/* float:right; */
}
#audition p.header {
color:#990000;
font-size:14px;
text-align:left;
}
#audition h1{
color: #349c9f;
font-size:14px;
text-align:left;
}
#content h1{
color: #349c9f;
padding: 0;
margin: 20px;
font-size: 24px;
text-align:center;
}
#content h2{
color: #003366;
padding: 0;
margin: 20px;
font-size: 110%;
}
#content2 h3{
color: #666666;
padding: 0;
margin: 20px;
text-align:center;
font-size: 110%;
}
#inner_content{
padding: 0;
color:#333333;
margin: 20px;
font-size: 12px;
}
#inner_content label{
display:block;
width:175px;
float:left;
margin-bottom: 10px;
}
#inner_content label{
display:block;
text-align:right;
float:left;
width:75px;
padding-right: 20px;
}
#inner_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
}
#inner_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
}
/* Success Page */
#pic1 {
float:left;
margin:0px 10px 0px 10px;
padding:10px 20px 10px 20px;
}
#pic1 img{
float:left;
margin:10px 20px 0px 10px;
/* padding:10px 20px 10px 20px; */
}
#pic1_text {
float:left;
padding-top:10px;
}
#pic1 h1{
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#990000;
/* color:#336699; */
margin:10px 20px 0px 10px;
}
#pic1_text h1{
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#336699;
}
#success_nav {
margin:0px 50px 0px 250px;
padding:10px 20px 10px 20px;
}
#success_nav img{
margin:0px 5px 0px 5px;
padding:5px 0px 5px 0px;
}
/* Students Page Formatting */
#students_content h1{
text-align:center;
font-size:18px;
font:Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 0px;
margin:20px 40px 40px 10px;
color:#336699;
}
#students_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:20px 20px 20px 40px;
}
#students_content {
border:solid;
background:#99CCFF;
padding: 0px 0px 0px 80px;
margin:10px 10px 20px 10px;
}
#student_announcement{
/* padding: 0px 0px 0px 10px; */
/* margin:10px 10px 20px 10px; */
}
#student_announcement h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 10px;
margin:0px 0px 20px 10px;
color:#336699;
}
/* Student Announcement List */
#announcement li{
font-size:10px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:10px 30px 20px 20px;
}
#announcement h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
padding: 20px 0px 0px 10px;
margin:0px 0px 20px 10px;
color:#336699;
}
#announcement p{
padding:20px 0px 0px 0px;
font:Arial, Helvetica, sans-serif;
color:#666666;
}
#announcement {
background-image:url(../images/auditions.gif);
/* background:#CCFFFF; */
border:thin;
padding: 0px 0px 0px 10px;
margin:10px 0px 20px 10px;
width:300px;
height: 440px;
float:left;
}
#student_links img{
/* float:right; */
padding: 5px 10px 10px 2px;
margin:5px 20px 20px 40px;
}
/* Faculty Content */
#faculty_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
/* margin= ", right, " */
margin:10px 80px 20px 40px;
}
#faculty_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 20px 0px;
}
#faculty_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:40px 20px 20px 40px;
}
#faculty_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 0px 0px 0px;
float:right;
}
/* Parents content formatting */
#parents_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
/* margin= ", right, " */
margin:10px 80px 20px 40px;
}
#parents_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 10px 0px;
}
#parents_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
padding:0px 0px 10px 0px;
/* margin:40px 20px 20px 40px; */
}
#parents_content p.menu{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:0px 0px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#parents_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
/* margin:0px 0px 20px 0px; */
padding:0px 5px 0px 0px;
/* padding:0px 0px 20px 20px; */
/* float:right; */
}
#parents_content p.menu{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:10px 5px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#classes_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
/* margin= ", right, " */
margin:10px 80px 20px 40px;
}
#classes_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 10px 0px;
}
#classes_content p.menu{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:10px 5px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#classes_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:0px 5px 0px 0px;
/* margin:40px 20px 20px 40px; */
}
#classes_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
padding:0px 0px 10px 0px;
/* margin:40px 20px 20px 40px; */
}
/* testimony letters */
#testimony_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
/* margin= ", right, " */
padding:0px 10px 10px 10px;
/*margin:10px 80px 20px 40px; */
}
#testimony_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:20px 0px 10px 0px;
}
#testimony_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
padding:10px 0px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#testimony_content p.menu{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:10px 5px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#testimony_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
padding:10px 5px 20px 0px;
/* padding:0px 5px 0px 0px; */
/* margin:40px 20px 20px 40px; */
}
/*
#testimony_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
*/
#list_left{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 0px 0px 10px;
padding:0px 0px 20px 80px;
float:left;
}
#list_right{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 0px 0px 10px;
padding:0px 0px 10px 40px;
float:left;
}
/* Legacy content formatting */
#legacy_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:10px 80px 20px 40px;
}
#legacy_content h1{
font-size:16px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 0px 0px;
}
#legacy_content h2{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:10px 0px 0px 0px;
}
#legacy_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
padding:5px 0px 5px 0px;
/* margin:40px 20px 20px 40px; */
}
#legacy_title{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:20px 0px 0px 40px;
float:left;
}
#legacy_title h1{
font-size:16px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 0px 0px;
/* float:left */
}
#legacy_pic img{
float:right;
padding:20px 40px 10px 10px;
}
/* Parents content formatting */
#faq_content {
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
/* margin= ", right, " */
margin:10px 80px 20px 40px;
}
#faq_content h1{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 20px 0px;
}
#faq_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
padding:0px 0px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#faq_content p.question{
font-size:14px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
color:#336699;
padding:0px 0px 20px 0px;
/* margin:40px 20px 20px 40px; */
}
#faq_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 0px 20px 0px;
/* padding:0px 0px 20px 20px; */
float:right;
}
/* */
#directions_content p{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
/* padding:0px 0px 20px 0px; */
margin:0px 20px 0px 40px;
}
#directions_content img{
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 60px 40px 0px;
/* padding:0px 0px 20px 20px; */
float:right;
}
#mainlinks {
margin-left: 2px;
float:left;
width:632;
}
#advertisements {
margin: 2px 2px 2px 2px;
margin-right:2px;
float:left;
background-color:#999999;
width:126px;
height: 430px;
}
/*this is how you reference the id then the paragragh and a class within that paragraph */
#content p.header{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#990000;
/*color:#006666; */
}
.leftimage{
float: left;
margin: 0 10px 20px 0;
border: 0px solid #000000;
}
.rightimage{
float: right;
margin: 0px 10px 0px 0px;
border: 1px solid #000000;
width: 150px;
}
.clearit{
clear: both;
}
/* Footer Styles */
#footer {
width: 764px;
height: 30px;
color:#00FF66;
font-size: 70%;
text-align:center;
background-image:url(../images/jrp_footer.jpg);
background-position:center;
background-repeat: no-repeat;
}
#footer a:link{
color:#FFCC00:
}
#footer a:visited{
color:#FFCC00:
}
#footer p {
font-size: 10px;
text-align:center;
padding: 0px;
}
#copyright p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
color:#FFFFFF;
margin: 20px 20px 20px 20px;
}
#copyright a:link{
color:#FFCC00;
}
#copyright a:visited{
color:#FFCC00;
}
/* End Footer Styles */