/* Start of CMSMS style sheet 'TRP screen' */
/* This Site
Site Layout and Design Styles
by Dan Moriarty, www.danmoriarty.com
Copyright 2009, All Rights Reserved

Last Modified: 02-05-09
 */


/*========================*/	
/* =    BASE RULES      = */
/*=======================*/	

* {
	margin:0;
	padding:0;
	}

body { 
	font-family: "Trebuchet MS", Trebuchet,  Helvetica, Arial, san-serif;
	font-size:62.5%;
	text-align:center;
	background:#CAAD84 url(images/bg-body.jpg) 50% 0 no-repeat;
	color:#000;
	}

a:link {
	color:#000099;
	text-decoration:none;
	}

a:visited {
	color:#000066;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	color:#990000;
	}

img {
	border:none;
	}

/*========================*/	
/* =  CONTENT HOLDERS  = */
/*=======================*/	

#wrapper {
	text-align:left;
	margin:10px auto;
	width:940px;
	z-index:102;
	font-size:1.2em;
	padding-bottom:1px;

	}

#top {
	width:940px;
	height:13.3em;
	position:relative; /* need this to absolute position the logo and quote */
	}

#logowrap {
	width:370px;
	position:absolute;
	top:0;
	left:0;
       z-index:0;
	}

	
#content {
	width:940px;
	background: url(images/bg-content.gif) repeat-y;
	border-top:2px solid #fff;			
        }


#maincol {
	float:right;
	width:700px;	
	background: url(images/bg-maincol-60.png) repeat-y;
/*	height:460px;overflow:auto;*/
       min-height:450px;
	}



#maincol-inner {
	padding:10px 10px 10px 20px;
	}

#maincol.wider {
	width:900px;
	float:left;
	}
	

#sidecol {
	float:left;
	width:240px;
	}	
	
#sidecol-inner {
	padding:10px;
	border-top:2px solid #fff;

	}
	
#lower {
	clear:both;
	width:940px;		
	background:#066fb4 url(images/bg-navbar2.gif);
	border-top:2px solid #fff;
border-bottom:2px solid #fff;
	}

#lower a:link, #lower a:visited {
        color:#fff;
        }

#lower a:hover {
       text-decoration:none;
     	background:#3098e5;
       color:#fff;
      }


#lower-left {
	float:left;
	width:580px;
	padding:5px 10px;
	}

#lower-right {
	float:right;
	font-size:110%;
	width:300px;
	text-align:right;
	margin-right:10px;
	padding-top:15px;
	}

#lower-right a {
 padding:12px 4px;
            }	

#lower-right p {
        margin:0;
line-height:100%;
       }


#footer {
	margin:5px auto;
	text-align:center;
	padding-top:8px;
	clear:both;
	}



#smallanimation {
    z-index: 0;
height:515px;
      }

/* ==== PAGE SPECIFIC ===== */
body.home #content {
         background:none;
	 border-top:none;	
         height:506px;	
        }	

body.home #wrapper {
    margin:0 auto;
    position:relative; /* only set for home page, on interior pages this interferes with thickbox*/
      }



/* ==== QUOTES BY PAGE SECTION ===== */


#quotewrap {
	float:right;
	width:540px;
	height:130px;
	margin:10px 10px 0 10px;
	}


body.home #quotewrap {
     float:none;
         position: absolute;
         right:0;
      background: url(images/quote-homepage.png) no-repeat;
         }

body.tickets #quotewrap {
      background: url(images/quote-tickets.png) no-repeat;
}

body.on-stage #quotewrap {
      background: url(images/quote-onstage.png) no-repeat;
}

body.your-visit #quotewrap {
      background: url(images/quote-visit.png) no-repeat;
}

body.about-trp #quotewrap {
      background: url(images/quote-about.png) no-repeat;
}

body.opportunities #quotewrap {
      background: url(images/quote-opp.png) no-repeat;
}

body.your-support #quotewrap {
      background: url(images/quote-support.png) no-repeat;
}


/* ===== SIDE COL NAV ===== */
#sidenav ul { 
	}


#sidenav li { 
	list-style:none;
	background: url(images/bg-bullet1.gif) 0 3px no-repeat;
	padding-left:20px;
	margin:.5em 0;
font-size:110%;

	}

#sidenav li.current {
        font-weight:bold;
       }

#sidenav li.current { 

	background: url(images/bg-bullet2.gif) 0 3px no-repeat;
       }

#sidenav li.current a {
        color:#fff;
       }

/*===== TYPE =====*/	

h1 { font-size:280%; }
h2 { font-size:260%; }
h3 { font-size:150%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }
p { font-size:110%; }


h1, h2, h3, h4 {
	padding:0;
	}

h2 {
	margin:.8em 0 0 0;
	letter-spacing:-1px;
	}
	
	
h3 {
	color:#000;
	margin:.4em 0 .8em 0;
	font-weight:normal;
	}
	
h4 {
	color:#000;
	margin:.4em 0;
	}
	
p {
	line-height:160%;
	margin:.2em 0 .6em 0;
	}


/* LISTS, FORMS AND TABLES */

ul, ol {
	margin:.6em 0;
	padding:0 0 0 10px;
	}
		

li {
	margin:.4em 0;
	line-height:150%;
	}


		
table {
	border:none;
	}



td {
	padding:5px;
	vertical-align:top;
	}

label {
	display:block;

	}


dl {
	margin:.6em 0 1em 0;
	padding:5px 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	line-height:120%;
	}


fieldset {
	margin:1em 0;
	padding:10px;
	border:1px solid #ccc;
	
	}


legend {
	font-weight:bold;
	font-size:110%;
	color:#666;
	}
	
label {
	display:block;
	}



/* ======= SPECIAL TYPE RULES ===== */

h1.siteheader { /*this is top type header*/
	margin:0;
	padding:0;	
	}
	

h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	}
	
h2.pageheader {
	margin-top:.3em;
	}
	
#lower-inner p, #lower-inner h3 {
	margin-bottom:.4em;
	}

#quotewrap h2, #quotewrap p {
	color:#fff;
	text-align:center;
	font-weight:bold;
		  text-shadow: #333333 0em .1em 3px;

	}

#quotewrap h2 {

	font-style: italic;
        font-size:200%;

	}

#lower-left h3 {
	color:#fff;
	font-weight:normal;
	}
	

ul.donationlist {
         list-style:none;
         font-size:120%;
       }

ul.donationlist li {
         padding: 5px 0;
         }

ul.donationlist img {
        padding:5px 5px 0 0;
        }
/* ====== MISC CLASSES ===== */


p.breadcrumb {
	font-size:90%;
	line-height:100%;
	margin:.2em 0;
	padding-top:5px;
	}

.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

.clearout {
	clear:both;
padding:0;
margin:0;
height:0px;
line-height:0%;
	}

.floatleft {
	float:left;
	padding:0 20px 20px 0;
	}
	
.floatright {
	float:right;
	padding:0 20px 20px 0;
	}	


div.halfleft {
	float:left;
	width:49%;
	}

div.halfright {
	float:right;
	width:49%;
	}

object
{
    display:block;
}

.thickbox {
/* just initializing this class, so it's available in TinyMCE */
}


/*useful styles from formstack*/

input[type="radio"] {

margin:3px 3px 0 5px;
}

input[type="checkbox"] {

margin:3px 3px 3px 4px;
}
/* End of 'TRP screen' */