/* Start of CMSMS style sheet 'Template - Stylesheet' */
/*  -----------------------------------------------------------------------------

      ETHS Choirs - Stylesheet 
	  
 	  Ben Falk - Falken Creative
 	  September 08 
 	  
    ---------------------------------------------------------------------------*/
   
   
/*  LAYOUT
    ---------------------------------------------------------------------------*/   

	* { margin: 0px; padding: 0px; }
	p {	padding-bottom: 14px; }
	img { border:0; }
	
	
	
	body { 
		background: url(uploads/images/layout/bg-repeat.jpg) 0 0 repeat-x;
	
		text-align: center;
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
		font-size: 14px;
                color: #000000; }
	
	a:link, a:visited {	color: #2f74d5; text-decoration: underline; }
	a:hover, a:active { color: #092787; text-decoration: underline; }


	#site-bg { background: url(uploads/images/layout/bg-main.jpg) top center no-repeat; }
		
	#site-wrapper {
		width: 990px;
		min-height: 568px; 
	
		background: url(uploads/images/layout/bg-primary.jpg) 0 0 no-repeat; 
		margin: 0 auto;
		text-align: left; }
		
	.clear { clear: both; height: 0; font-size: 1px; line-height: 1px; }


        /* Navigation */
        .currentpage { color: #ffea00; }

	/* Left Column */
	#left {
		width: 312px;
		float: left;
		text-align: right;
		color: #ffffff;
		font-weight: bold; }
	
		#left ul { 
			padding: 130px 35px 0 0;
			list-style: none; }
                #left ul ul {
                        padding: 5px 10px 5px 0; }
                #left ul ul a { font-weight: normal; }
                #left ul ul li { 
                        background: url(uploads/images/layout/arrow.gif) 260px 9px no-repeat; 
                        padding-right: 20px }
                #left li { padding:3px 0 0 0; }
                #left ul ul li.currentpage {
                        background: url(uploads/images/layout/arrow-yellow.gif) 260px 9px no-repeat; }

                .sidebar-email { 
                       margin: 130px 35px 0 0; 
                       padding: 20px 20px 0 0;
                       background: url(uploads/images/layout/spotlight-newsletter.png) top right no-repeat;
                       height:105px;
                       font-weight: normal;
                       font-size: 13px;
                       color: #3769bc; }
                * html .sidebar-email { 
                       background: url(uploads/images/layout/spotlight-newsletter.gif) top right no-repeat; }
                .button-learnmore { margin-top: 15px; }

		
		#left a:link, #left a:visited { color: #ffffff; text-decoration: none; }
		#left a:active, #left a:hover { color: #ffea00; text-decoration: underline; }
   
    /* Right Column */
	#right {
		width: 678px;
		float: right; }
		
		.logo { float:right; margin: 25px 60px 29px 0; }
                .banner { line-height:1px; }
		
		.header-home { 
			height: 60px;
			margin-top: -3px;
			padding: 0 100px 0 0;
			background: url(uploads/images/layout/Headers/header-welcome.jpg) 0 0 no-repeat;
			
			line-height: 60px;
			text-align: right; }
		.header-boxoffice { 
			height: 60px;
			margin-top: -3px;
			padding: 0 100px 0 0;
			background: url(uploads/images/layout/Headers/header-boxoffice.jpg) 0 0 no-repeat;
			
			line-height: 60px;
			text-align: right; }
		.header-home a:link, .header-home a:visited { color: #ffffff; }
		.header-home a:hover, .header-home a:active { color: #ffea00; } 
			
		.featured {
			height: 79px;
			padding: 10px 20px 18px 15px;
			background: url(uploads/images/layout/index_upcomingevents.jpg) 0 0 no-repeat; 
                        font-size: 15px;
                        color: #7F623F; 
                        line-height: 20px; }
			
		.content {
			padding: 10px 65px 0 0; }
		
		.content-wrapper {
			padding: 10px 15px 0 15px;
                        min-height: 300px; }

                .content-wrapper ul {
                        margin-left: 30px; }
                .content-wrapper ul.albumlist {
                        margin-left: 0px; }

                .subcolumn-left { float: left; width: 250px; padding-bottom: 30px; }
                .subcolumn-right { float: left; }

                .events-left { float: left; width: 150px; margin-bottom: 30px; }
                .events-right { float: left; width: 390px; margin-bottom: 30px; }

                .events-left ul { padding: 0; margin: 0 0 0 30px; border-top: 1px solid #C1DDF5;  }
                .events-right ul { padding: 0x; margin: 0; border-top: 1px solid #C1DDF5;  }

                .events-left li, .events-right li { 
                        list-style: none; padding: 9px 0 9px 0; margin:0;
                        border-bottom: 1px solid #C1DDF5; }

                .recent-photos { 
                        background-color: #c9e0f5;
                        padding: 20px 20px 10px 20px; 
                        margin-top:40px; }
                .recent-photos h4 { color: #10389A ; }
			
		.footer {
                        clear: both;
			padding: 10px 15px 10px 15px;
                        margin-top: 50px;
			background-color: #c9e0f5;
			border-top: 1px solid #10389a;
			color: #10389a;
			font-size: 11px; }
                .index .footer { margin-top:20px; }
		.footer-left { float: left; }
		.footer-right { float: right; }
		.footer a:link, .footer a:visited { color: #10389a; }
		.footer a:hover, .footer:active { color: #06103e; }
	  
/*  TEXT
    ---------------------------------------------------------------------------*/  
   
.content-wrapper b, .content-wrapper strong { color: #4B84DB; }

h3 { 
      font-size: 18px; 
      color: #10389a; 
      clear: both;
}

/*  Photo Gallery
    ---------------------------------------------------------------------------*/

ul.picturelist { padding: 16px 0 0 0; margin:0; }
.thumb { margin-right: 12px; }
#TB_caption { display:none; }

/*  FORMS
    ---------------------------------------------------------------------------*/

fieldset {
      background: url(uploads/images/layout/bg-forms.jpg) 5px 0 repeat-x; 
      border:0px;
      padding-bottom: 24px;
      clear:both; }
legend {
      color:#10389A;
      font-size:16px;
      font-weight:bold;
      margin:14px 0pt;
      padding:0; }

.error_message, .missing, .error_message b { color:red; }
.error_message { 
      padding: 7px 0 7px 30px;
      border-top: 1px dashed red;
      border-bottom: 1px dashed red;
      margin-bottom: 28px;
      background: url(uploads/images/layout/error.gif) 8px 8px no-repeat; 
      background-color: #FCEEEF; }

label { 
      display:block; 
      float: left; 
      clear: both; 
      width:260px; 
      padding: 2px 0 2px 30px; }
select { 
      margin-left: 8px;
      float: left; 
      width:120px;
      border: 1px solid #0A2785; }
.shows  select { 
      width:250px;  }
input { 
      padding: 2px; margin-right: 30px; float: right; width: 250px; 
      border: 1px solid #0A2785; margin-bottom: 4px; }
textarea { 
      margin: 0 30px 16px 30px; 
      padding: 2px; float: left; width: 514px; height: 120px; 
      border: 1px solid #0A2785; margin-bottom: 4px; }
textarea.text-textarea { clear: both; }

.check { padding-left:80px; }
.check-last { padding: 0 0 16px 80px; }
.check label, .check-last label { width: 140px; padding:0; }
.check input, .check-last input { width: 14px; margin:0 0 4px 0; float: none;}

.text-tickets { clear:both; padding-left: 298px; padding-bottom: 16px; }
.text, text-program { clear:both; padding-left: 30px; padding-bottom: 20px; padding-right: 30px; }
.text-program { clear:both; padding: 16px 30px 16px 30px;}

.updateexisting { 
      padding-top: 16px; clear: both; }

.thumb a { padding:4px; }

.submit input { float: left; width: 97px; height:25px; margin-left:30px;
      background: url(uploads/images/layout/button-submit.jpg) 0 0 no-repeat;
      border:0; 
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
      cursor: pointer; }
/* End of 'Template - Stylesheet' */