/***************** Style Sheet for Caledon Teen Ranch *******************/

body {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; margin:0px auto; background:#24190F; color:#CCA169; behavior:url("csshover.htc");}

table {}

tr {}

td {}

div {margin:0px; padding:0px;}

p {}

span {}

a {}

a:hover {}

a:active {}

#info {width:100%; display:none; height:16px; font-size:9pt; padding:7px; color:red; background:#FFFF99; border-bottom:#666633;}

#wrapper {width:100%; background:url(../images/background.jpg) no-repeat top center;}

#topNavWrapper {background:url(../images/topNavigation.png) repeat-x; width:100%; height:45px; display:block;}

                    #smallNav {height:35px; width:960px; margin:0px auto; text-align:right; padding:0px;}
					#smallNav a {display:inline-block; background:url(../images/topNavSprite.png) no-repeat; height:21px; color:#cccccc; font-size:10pt; text-decoration:none; padding:8px 20px 6px 20px;}
					#smallNav a:hover {background-position:0px -35px;}
						#smallNav a .endCap {width:2px;}
		#smallNavSearch {height:30px; width:220px; position:absolute; top:0px; right:0px; background:url(../images/searchBox.jpg) no-repeat;}
			#search {width:180px; height:25px; background:none; border:none; padding: 3px 10px 3px 25px; color:#cccccc;}

	
#header {width:100%; height:170px; background:url(../images/trLogo2.png) no-repeat top center;}
	#header:hover #styles {}

	#styles {width:48px; height:48px; left:-48px; top:-8px; position:absolute; z-index:1; background:url(../images/styles.png) no-repeat; display:none;}
		#styles a {width:100%; height:100%; display:block;}
		
		#navigation {height:80px; width:100%; margin:0px auto;}
			#navigationBox {padding:0px 0px 0px 20px; margin:0px auto; height:80px; display:block; width:940px; background:url(../images/mainNavigation.png) no-repeat;}
                            #navigation ul {list-style:none;}
                            #navigation ul li {float:left; position:relative; z-index:3000;}
                            #navigation ul li a.main {display:block; float:left; height:9px; padding:33px 15px 37px 15px; color:#eeeeee; letter-spacing:1px; font-size:9pt; text-decoration:none; background:url(../images/navSprite.png) 0px 0px no-repeat;}
                            #navigation ul li a.main:hover {background-position:0px -80px;}
                            #navigation ul li:hover .subNav {visibility:visible;}
                            #navigation a.navClose {width:2px; height:80px; padding:0px; overflow:hidden;}

                            .newEvent {width:63px; height:50px; display:block; position:absolute; top:-20px; right:-30px; background:url(../images/new.png) no-repeat;}
                                           
                                            .subNav {position:absolute; z-index:3000; top:79px; left:1px; visibility:hidden; display:block; width:200px; list-style:none; padding:0px; text-align:left; border-top:1px solid #006699; border-left:1px solid #0099cc; border-right:1px solid #000000; background:url(../images/transparent.png);}
                                                .subNav a {color:#ffffff; width:180px; text-decoration:none; background:url(../images/transparent.png); font-size:9pt; letter-spacing:1px; padding:10px; display:block; border-bottom:1px solid #000000;}
                                                    .subNav a:hover {color:#00ccff; background:none;}

					#facebook {width:49px; height:49px; left:840px; top:-23px; z-index:60; position:relative;}
						#facebook a {width:100%; height:100%; display:block; background:url(../images/facebook.png) no-repeat;}
						#facebook a:hover {background-position:0px -50px;}

#contentWrap {width:100%;}
#content {padding-top:10px; min-height:650px; width:960px; min-height:300px; background:url(../images/content.jpg) no-repeat; margin:0px auto;margin:0px auto; position:relative; letter-spacing:1px; color:#CCA169;}

#feature {width:620px; height:300px;}
    #feature a {width:620px; height:300px; display:block;}
    #feature img {width:620px; height:300px; border-top:1px solid #00ccff; border-left:1px solid #00ccff; border-right:1px solid #006699; border-bottom:1px solid #006699;}

#divide {background:url(../images/divide.png) no-repeat; height:5px; width:620px; margin:0px auto;}

#columns {width:900px; background:url(../images/divides.png) no-repeat; height:150px; margin:40px 0 0 0; padding-top:40px;}
	
	#column1 {width:272px; float:left; text-align:justify; font-size:10pt;}
	
	#column2 {width:272px; float:left; margin:0px 42px 0px 42px; text-align:justify; font-size:10pt;}
	
	#column3 {width:272px; float:left; text-align:justify; font-size:10pt;}
		
		div.h6 {position:absolute; font-size:12pt; color:#0099cc; margin:-40px 0 0 -10px; background:url(../images/ribbon2.png) no-repeat; height:40px; text-indent:10px; width:292px; padding-top:5px; color:#cccccc;}
		
.divide2 {background:url(../images/divide2.png) no-repeat; height:5px; width:620px;}

#mainContent {margin:10px; width:620px; font-size:10pt; margin-left:10px; float:left;}
#mainContent h1 {margin-left:-10px; text-align:left; background:url(../images/contentTitle.png) no-repeat; height:33px; padding-top:7px; width:620px; text-indent:10px; color:#eeeeee; font-weight:normal; font-size:12pt;}
#page {text-align:left; width:620px; margin:10px;}
#page a {color:#0099cc;}

#posts {width:600px; text-align:left;}
#posts h1 {margin-left:-10px; text-align:left; background:url(../images/contentTitle.png) no-repeat; height:33px; padding-top:7px; width:620px; text-indent:10px; color:#eeeeee; font-weight:normal; font-size:12pt;}
    .date {font-size:7pt; text-indent:25px; letter-spacing:1px; color:#000000; margin-top:5px;}
    #posts a {color:#0099cc;}
    

#sidebar {width:300px; text-align:left; float:left; margin-left:20px;}
    #sidebar h1 {width:300px; position:relative; z-index:200; height:30px; text-indent:10px; padding-top:10px; color:#eeeeee; font-weight:normal; font-size:12pt; background:url(../images/sidebarTitle.png) no-repeat;}
    #sidebar img {margin:5px; border:none; vertical-align:middle;}

    #sidebar a {text-decoration:none; font-size:9pt; color:#0099cc;}
    #sidebar a:hover {color:#cccccc;}

    #sidebar .calendar {text-align:center; text-indent:0px;}
    #sidebar table {width:290px; margin-top:-20px; padding:15px 5px 10px 5px; background:url(../images/calendar.png) bottom center no-repeat;}
    #sidebar table tr {width:290px;}
    #sidebar table td.title {background:#999999; color:#000000; font-size:9pt; border:1px solid #666666;}
    #sidebar table td {border-collapse:collapse;margin:0px; color:#333333; border:1px solid #999999; text-align:center;}
    #sidebar table td.current {background:#0099cc;}
    #sidebar table td.event {background:#990000; color:#cccccc;}
    #sidebar table td a {text-decoration:none; color:#000000;}
    #sidebar table td a:hover {color:#006699;}


.editor input {float:left;}
.editor input.text {background:none; width:100%; border:none;}
.editor textarea {background:none; width:100%; min-height:400px; border:none;}

#footer {clear:both; height:20px; width:100%; padding:40px; background:url(../images/footer.jpg) no-repeat top center; font-size:9pt; display:block;}
#footer a {color:#cccccc; text-decoration:none;}

a.edit {float:left; background:url(../images/IconSet.png) 0px -80px no-repeat; width:20px; height:20px; display:block;}
    a.edit:hover {background-position:-20px -80px;}
a.delete {float:left; background:url(../images/IconSet.png) 0px -60px no-repeat; width:20px; height:20px; display:block;}
    a.delete:hover {background-position:-20px -60px;}
a.newText {background:url(../images/buttons.png) no-repeat; font-size:9pt; text-decoration:none; text-align:center; color:#ffffff; padding:2px; width:121px; height:26px; display:inline-block;}
    a.newText:hover {background-position:0px -30px;}
a.newImage {background:url(../images/buttons.png) no-repeat; width:121px; font-size:9pt; text-decoration:none; height:26px; text-align:center; color:#ffffff; padding:2px; display:inline-block;}
    a.newImage:hover {background-position:0px -30px;}


    #page {line-height:25px;}

.image img {margin:10px;}

h2 {color:#0099cc;}
h3 {color:#0099cc;}

.register {background:url(../images/register.png) no-repeat; width:300px; height:80px; display:block;}
.register:hover {background-position:00px -80px;}

.stallRequest {background:url(../images/stallRequest.png) no-repeat; width:300px; height:80px; display:block;}
.stallRequest:hover {background-position:00px -80px;}

.healthForm {background:url(../images/healthForm.png) no-repeat; width:300px; height:80px; display:block;}
.healthForm:hover {background-position:00px -80px;}

table.camps {width:625px; margin-left:-11px;}
table.camps tr {}
table.camps tr td {border:1px solid #0099cc; text-align:center; font-size:8pt; line-height:15px;}

span.cancelled {font-size:20px; color:red; font-weight:bold;}

#sidebar blockquote {width:290px; font-size:10pt; margin:0px;}
#sidebar cite {margin-top:10px; font-size:9pt; text-align:right; width:290px; display:block;}