/*------------------------------------------------

SCERA Center for the ARTS-Orem Utah

Style Sheet

Version: 1.0

--------------------------------------------------*/


/*---Body----*/

body {

	background-image: url(/img/bg-tile.gif);
	background-repeat: repeat-x;
	background-color: #3c0000;
	font-family: arial, verdana, sans-serif;
	color: #000000;
	margin:0;
	padding:0;
}



/*SCERA Logo*/



.logo {

	background-image: url(/img/scera-logo.png);
	background-repeat: no-repeat;
	width: 167px;
	height: 183px;
	clear: left;

}




/*---Navigation----*/



.top-content {

	background-image: url(/img/content-top.png);
	background-repeat: no-repeat;
	height: 183px;

}




/*top-navigation*/



.top-navigation {

	clear: both;
	width: 587px;
	height: 35px;
	float: right;
	margin: 85px 36px 0px 0px;
	display: inline;


}



.home_nav {

	width: 51px;
	height: 31px;
	position: absolute;


}


.home_nav a {

	background-image: url(/img/home-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 51px;
	height: 31px;
	outline: none;

}



.home_nav a:hover {

	background-image: url(/img/home-nav-over.gif);


}




.scera-center-nav {

	width: 108px;
	height: 31px;
	position: absolute;
	margin: 0px 0px 0px 48px;


}


.scera-center-nav a {

	background-image: url(/img/scera-center-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 108px;
	height: 31px;
	outline: none;
}


.scera-center-nav a:hover {

	background-image: url(/img/scera-center-nav-over.gif);


}


.scera-shell-nav {

	width: 97px;
	height: 36px;
	position: absolute;
	margin: 0px 0px 0px 150px;


}


.scera-shell-nav a {

	background-image: url(/img/scera-shell-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 97px;
	height: 31px;
	outline: none;
}



.scera-shell-nav a:hover {

	background-image: url(/img/scera-shell-nav-over.gif);


}




.museum-nav {

	width: 178px;
	height: 31px;
	position: absolute;
	margin: 0px 0px 0px 245px;


}


.museum-nav a {

	background-image: url(/img/museum-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 178px;
	height: 31px;
	outline: none;
}



.museum-nav a:hover {

	background-image: url(/img/museum-nav-over.gif);


}



.education-nav {

	width: 79px;
	height: 31px;
	position: absolute;
	margin: 0px 0px 0px 420px;


}


.education-nav a {

	background-image: url(/img/education-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 79px;
	height: 31px;
	outline: none;
}



.education-nav a:hover {

	background-image: url(/img/education-nav-over.gif);


}



.calender-nav {

	width: 110px;
	height: 31px;
	position: absolute;
	margin: 0px 0px 0px 495px;


}


.calender-nav a {

	background-image: url(/img/calender-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 75px;
	height: 31px;
	outline: none;
}



.calender-nav a:hover {

	background-image: url(/img/calender-nav-over.gif);


}









/*side-navigation*/






/*---Content----*/



.main_container {

	margin: 0px auto;
	width: 800px;
}




.mdle-content {

	background-image: url(/img/content-bg.png);
	background-repeat: repeat-y;
	height: 100%;
	overflow: hidden;
}




.side-nav-bg {

	background-image: url(/img/side-nav-bg.png);
	background-repeat: no-repeat;
	float:left;
	width: 155px;
	height: 444px;
	overflow: hidden;
	clear: both;


}





.about-nav {

	width: 88px;
	height: 23px;
	margin: 43px 0px 0px 43px;
	position: absolute;


}



.about-nav a {

	background-image: url(/img/about-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 23px;
	outline: none;
}



.about-nav a:hover {

	background-image: url(/img/about-nav-over.gif);

}






.rental-nav {

	width: 88px;
	height: 28px;
	margin: 77px 0px 0px 43px;
	position: absolute;


}



.rental-nav a {

	background-image: url(/img/rental-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 28px;
	outline: none;
}



.rental-nav a:hover {

	background-image: url(/img/rental-nav-over.gif);

}






.oppurt-nav {

	width: 88px;
	height: 27px;
	margin: 115px 0px 0px 43px;
	position: absolute;


}



.oppurt-nav a {

	background-image: url(/img/opportunities-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 27px;
	outline: none;
}


.oppurt-nav a:hover {

	background-image: url(/img/opportunities-nav-over.gif);

}






.backstage-nav {

	width: 88px;
	height: 25px;
	margin: 154px 0px 0px 43px;
	position: absolute;


}



.backstage-nav a {

	background-image: url(/img/backstage-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 25px;
	outline: none;
}



.backstage-nav a:hover {

	background-image: url(/img/backstage-nav-over.gif);

}





.art-nav {

	width: 88px;
	height: 30px;
	margin: 189px 0px 0px 43px;
	position: absolute;


}



.art-nav a {

	background-image: url(/img/art-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 30px;
	outline: none;
}



.art-nav a:hover {

	background-image: url(/img/art-nav-over.gif);

}







.kids-nav {

	width: 88px;
	height: 30px;
	margin: 224px 0px 0px 43px;
	position: absolute;


}



.kids-nav a {

	background-image: url(/img/kids-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 30px;
	outline: none;
}



.kids-nav a:hover {

	background-image: url(/img/kids-nav-over.gif);

}



.sponsorship-nav {

	width: 88px;
	height: 26px;
	margin: 263px 0px 0px 43px;
	position: absolute;


}



.sponsorship-nav a {

	background-image: url(/img/sponsorship-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 26px;
	outline: none;
}


.sponsorship-nav a:hover {

	background-image: url(/img/sponsorship-nav-over.gif);

}







.donate-nav {

	width: 88px;
	height: 29px;
	margin: 300px 0px 0px 43px;
	position: absolute;


}



.donate-nav a {

	background-image: url(/img/email-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 29px;
	outline: none;
}


.donate-nav a:hover {

	background-image: url(/img/email-nav-over.gif);

}



.store-nav {

	width: 88px;
	height: 29px;
	margin: 340px 0px 0px 43px;
	position: absolute;


}



.store-nav a {

	background-image: url(/img/store-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 29px;
	outline: none;
}



.store-nav a:hover {

	background-image: url(/img/store-nav-over.gif);

}



.contact-nav {

	width: 88px;
	height: 26px;
	margin: 380px 0px 0px 43px;
	position: absolute;


}



.contact-nav a {

	background-image: url(/img/contact-nav.gif);
	background-repeat: no-repeat;
	display: block;
	width: 88px;
	height: 26px;
	outline: none;
}


.contact-nav a:hover {

	background-image: url(/img/contact-nav-over.gif);


}





.tickets {

	width: 154px;
	height: 133px;
	clear: left;
	display: block;


}


.tickets a {

	background-image: url(/img/tickets_btn.gif);
	background-repeat: no-repeat;
	width: 154px;
	height: 133px;
	clear: left;
	display: block;
	outline: none;


}

.tickets a:hover {
	background-image: url(/img/tickets_btn_hover.gif);
}



.btm-content {

	background-image: url(/img/content-btm.png);
	background-repeat: no-repeat;
	height: 77px;
	overflow: hidden;
}



.facebook_link {

      overflow: hidden;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: .8em;

}



.facebook_link a{
  background-image: url(/img/facebook_icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #494949;
  text-decoration: none;
  margin: 20px 0px 10px 35px;
  padding-left: 27px;
  width: 90px;
  display: block;

}

.facebook_link a:hover{
  color: #2a699b;
  margin: 20px 0px 10px 35px;
  padding-left: 27px;
}


.twitter_link {

      overflow: hidden;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: .8em;
}



.twitter_link a{
  background-image: url(/img/twitter_icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #494949;
  text-decoration: none;
  margin: 15px 0px 10px 35px;
  padding-left: 27px;
  width: 90px;
  display: block;
}

.twitter_link a:hover{
  color: #2a699b;
  margin: 15px 0px 10px 35px;
  padding-left: 27px;
}





/*Content for the Index page*/



.content {

	width: 610px;
	float: right;
	padding: 0px 25px 0px 0px;

}

.content a {

	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #18609b;

}

/*This the bottom flourish on the index page*/



.flourish {
	background-image: url(/img/flourish-btm.gif);
	width: 129px;
	height: 29px;
	margin: 15px 0px 0px 30px;
    clear: both;
}





/*The STAGE section of the index page includes p,b, and a styles*/



.stage {

	background-image: url(/img/column-bg.gif);
	background-repeat: no-repeat;
	height: 100%;
	display: block;
	width: 199px;
	float: left;

}




.stage-masthead {

	background-image: url(/img/stage-masthead.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
}



.stage h1 {

	background-image: url(/img/header.gif);
	background-repeat: no-repeat;
	font-family: georgia,serif;
	font-size: 11px;
	font-weight: bold;
	height: 37px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
	padding: 10px 5px 5px 10px;

}




.stage img {
	border: 1px solid #000000;
	margin: 0px 0px 0px 30px;

}


.stage p {

	padding: 0px 5px 5px 30px;
	font-size: 12px;
	color: #000000;

}


.stage b {

	font-family :arial, sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #7e1412;

}


.stage a {

	font-family :arial, sans-serif;
	font-size: 12px;
	color: #7e1412;
	font-weight: bold;
	outline: none;
	
}



.stage a:hover {

	color: #005195;

}


/*The SCREEN section of the index page includes p,b, and a styles*/



.screen {

	background-image: url(/img/column-bg.gif);
	background-repeat: no-repeat;
	height: 100%;
	display: block;
	width: 199px;
	float: left;
	margin: 0px 2px 0px 3px;

}



.screen-masthead {

	background-image: url(/img/screen-masthead.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
}



.screen h1 {

	background-image: url(/img/header.gif);
	background-repeat: no-repeat;
	font-family: georgia,serif;
	font-size: 11px;
	font-weight: bold;
	height: 37px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
	padding: 10px 5px 5px 10px;

}


.screen img {

	border: 1px solid #000000;
	margin: 0px 0px 0px 30px;


}


.screen p {

	padding: 0px 5px 5px 30px;
	font-size: 12px;
	color: #000000;

}


.screen b {

	font-family :arial, sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #7e1412;

}


.screen a {

	font-family :arial, sans-serif;
	font-size: 12px;
	color: #7e1412;
	font-weight: bold;
	outline: none;
}



.screen a:hover {

	color: #005195;

}


/*The SPOTLIGHT section of the index page includes p,b, and a styles*/



.spotlight {

	background-image: url(/img/column-bg.gif);
	background-repeat: no-repeat;
	height: 100%;
	display: block;
	width: 199px;
	float: right;

}



.spotlight-masthead {

	background-image: url(/img/spotlight-masthead.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
}


.spotlight h1 {

	background-image: url(/img/header.gif);
	background-repeat: no-repeat;
	font-family: georgia,serif;
	font-size: 11px;
	font-weight: bold;
	height: 37px;
	width: 166px;
	display: block;
	margin: 20px 0px 0px 15px;
	padding: 10px 5px 5px 10px;

}


.spotlight img {

	border: 1px solid #000000;
	margin: 0px 0px 0px 30px;


}


.spotlight p {

	padding: 0px 5px 5px 30px;
	font-size: 12px;
	color: #000000;

}


.spotlight b {

	font-family :arial, sans-serif;
	font-weight: 900;
	font-size: 13px;
	color: #7e1412;

}



.spotlight a {

	font-family :arial, sans-serif;
	font-size: 12px;
	color: #7e1412;
	font-weight: bold;
	outline: none;
}



.spotlight a:hover {

	color: #005195;

}






/*Content for the Other page*/



.content2 {

	width: 570px;
	float: right;
	padding: 0px 45px 0px 0px;

}


.content2 h1 {

	font-family: georgia, serif;
	font-size: 20px;
	border-bottom: solid 1px #3c0000;
	color: #3c0000;
        text-transform: uppercase;


}



.content2 p {

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.1px;
}



.content2 a {

	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #18609b;

}


.content2 img {

	margin: 10px 10px 10px 10px;


}

img.parent {

	padding: 0px 0px 0px 0px;


}




.content2 li {

	list-style-image: url(/img/arrow.gif);
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px 0px 5px 0px;
}



.content2 h3{

	font-family: arial, sans-serif;
	font-size: 14px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
	border-bottom: solid 1px #3c0000;
}



.content2 h2{

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing: .5px;

}




.content3 {

	width: 565px;
	overflow: hidden;
}

.content3 img{
	border: 0px solid #000000;
	
}



/*---Images found in img_left div---*/



.image_left {

	float: left;
	margin: 10px 15px 10px 0px;

}


.image_left a{
	float: left;
	clear: both;
}



.image_left img{
	float: left;
	clear: both;
	padding: 0px;

}


/*Content for the all pages other than stage,screen,spotlight areas*/

.content_right {

	float: right;
	width: 380px;

}


.content_right p {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
}



.content_right b {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: 900;
	letter-spacing: 1px;
}



.content_right h3{

	font-family: arial, sans-serif;
	font-size: 14px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
	border-bottom: solid 1px #3c0000;
}







/*Content for the Calender Event Pages*/



.content_right2 {

	float: right;
	width: 380px;
	margin-top: 10px;

}


.content_right2 p {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
}



.content_right2 b {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: 900;
	letter-spacing: 1px;
}



.content_right2 h3{

	font-family: arial, sans-serif;
	font-size: 14px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
	border-bottom: solid 1px #3c0000;
}





/*Syles for text througout the content section*/



.style_1 {

	font-family: arial, sans-serif;
	font-size: 14px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
}




.style_2 {

	font-family: arial, sans-serif;
	font-size: 12px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
}


.style_3 {

	font-family: arial, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 900;
	letter-spacing: .5px;
}


.style_4 {

	font-family: arial, sans-serif;
	font-size: 13px;
	color: #18609b;
	font-weight: 900;
	letter-spacing: .5px;
}



.style_5 {

	font-family: arial, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: 900;
	letter-spacing: .5px;
}




.style_6 {

	font-family: arial, sans-serif;
	font-size: 16px;
	color: #3c0000;
	font-weight: 900;
	letter-spacing: .5px;
}


/*---Buy tickets div--*/



.buy-tickets {


	width: 111px;
	height: 50px;


}



.buy-tickets a{

	background-image: url(/img/tickets-nav.gif);
	background-repeat: no-repeat;
	width: 111px;
	height: 50px;
	display: block;


}


/*--Flourish section for seperating content throughout the body--*/


.flourish2 {


	background-image: url(/img/flourish_btm2.gif);
	background-repeat: no-repeat;
	width: 373px;
	height: 30px;
	margin: 0px 10px 0px 0px;

}



.spacer {

	background-image: url(/img/flourish-3.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 36px;
	margin: 15px 0px 15px 0px;

}



/*--Form--*/



form {

	text-align: left;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 100%;
	width: 550px;
	clear: both;



}


label {

	display: block;
	color: #000000;
	padding: 0px 10px 0px 0px;

}


imput {

	width: 200px;

}


textarea {

	width: 300px;
	height: 100px;
	clear: both;

}

input.radio, input.checkbox, input.submit, {

	width: auto;
	clear: both;

}

input.radio {

	float: left;
	margin-right: 16px;

}

input.checkbox {

	float: left;
	margin: 0px 16px 10px 0px;

}


input:focus, textarea:focus  {

	/*background: #000000;*/

}



label {

	font-family: arial;
	font-size: 12px;
	color: #000000;
	width: 300px;

}



.content2 table {

	font-family: georgia;
	padding: 5px;
	font-size: 14px;

}


.content2 td {

	padding: 20px;

}



.content2 th {

	color: #ffffff;
	background-color: #771210;
	border: solid 1px #ffffff;
	text-align: left;
	padding: 8px;
	font-variant: small-caps;

}

.content2 table a {

	padding-left: 10px;
	padding-right: 10px;

}



/*--Edit Calendar on Backend Admin area--*/


.edit-calendar {

	padding: 5px;

}



.edit-calendar table {

	font-family: arial;
	padding: 10px 0px 15px 0px;
	font-size: 12px;


}


.edit-calendar td {

	padding: 10px;
	border: solid 1px #cccccc;
}



.edit-calendar th {

	color: #ffffff;
	background-color: #771210;
	border: solid 1px #ffffff;
	text-align: left;



}


.edit-calendar th.calendar-header {

	color: #ffffff;
	text-align: left;
	font-variant: normal;
	padding: 8px;



}


 .edit-calendar table caption {

	font-family: arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #000000;
	padding: 10px 0px 0px 0px;
}





/*--Required box on Backend Admin area--*/


.required {

	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
}


/*--Optional box on Backend Admin area--*/


.optional {

	padding: 5px;


}

.optional select {

	margin: 5px;


}



.optional id {

	margin: 5px;

}


.optional label {

	margin: 10px 0px 0px 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
}



.optional input {

	margin: 5px;

}


/*--Week_edit on Backend Admin area--*/


#week_edit {

	padding: 10px;
	margin: 15px 0px 15px 0px;
}


#week_edit table {

	padding: 0px;


}


#week_edit tr{

	border: solid 1px #000000;
	padding: 0px;
	margin: 0px;

}


#week_edit td{

	border: solid 1px #000000;
	padding: 5px;

}

#week_edit th{

	padding: 5px;
	margin: 5px;


}

#week_edit select{

	margin: 5px 0px 10px 5px;


}


#week_edit input{

	margin: 5px;


}






/*---Footer----*/


.footer {

	margin: 0px auto;
	width: 750px;
	font-family: arial, verdana, sans-serif;
	font-size: 9px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;

}



.footer a {

	font-family: arial, verdana, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	line-height: 3;

}


.footer a:hover {
	color: #fafa5d;
}

.footer a img {
  border: 0px;
}

.footer_fibernet {
  float: right;
  margin-left: 15px;
}