/* CSS Document */
/* colors
tan: color: #dfa947;
grey; color: #ffffff;
light blue color:#802717
red #802717
dark green #28280E
dark brown #4F2500
logo brown #7b3900
hey hey tested
 */


body {background:#27270F url(/assets/images/Template/bgMain.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; color: #000000; line-height:2.5ex}
h1 {color: #7b3900; font-size:24px;}
h2 {font-size:20px; color: #7b3900;}
h3 {font-size:18px; color: #7b3900;}
h4 {font-size:14px; color: #dfa947; margin:10px 0 0 0; line-height:1ex;}
a{color:#802717;}
a:hover {color: #dfa947;}
	
address {clear:left; font-size:10px;}
address a {color: #dfa947; text-decoration:none;}
address a:hover {color: #ffffff; }



#shell {background:url(/assets/images/Template/bgShell.png) no-repeat; width:965px; margin:0 auto; position:relative; right:3px;}
#logo  {background:url(/assets/images/Template/logo.png) no-repeat;height:124px; left:53px; position:absolute; width:504px; }
header   {background:url(/assets/images/Template/header.png) no-repeat; width:1075px; height:449px; }
#headerImg {position:absolute; z-index:11; left:288px; top:166px;}


/************site specific****************/
#logo {}
#logo a {display:block; height:124px; width:504px; position:relative;}

/************page specific****************/



/* Utilitity Nav */
#titleBarShell { position:relative; z-index:15;}
#titleBarShell nav {left:50px; position:absolute; top:30px; z-index:10;}
*:first-child+html #titleBarShell nav {width:211px;}
#titleBarShell nav ul{width:600px}
#titleBarShell nav li{list-style-type:none; display:block; text-align:center; float:left; }
.listenOnline, .schedule, .firstVisit {}
#titleBarShell nav a {color:#ffffff; display:block;float:right;height:30px;margin:5px -8px 5px 5px;padding-left:8px;position:relative;text-align:center;text-decoration:none;width:98px;}
#titleBarShell nav a:hover {color:#dfa947;}
.utilnav li {width:100px;}
*:first-child+html .utilnav, *:first-child+html #social {margin-top:50px;}

.upcomingEvent {font-size:12px; color: #dfa947; line-height:.5ex; margin-left:3px;}
.upcomingEvent a {cursor:pointer;}

#social {position:absolute; right:10px; top:40px; z-index:20;}
*:first-child+html #social {width:172px; top:auto;}
#social a {color:#ffffff; text-decoration:none; font-size:10px; display:block; height:18px; z-index:20;}
#social ul { z-index:20;}
#social li {float:left; height:18px; margin-left:5px;}
	.contact {}
	 .facebook {background:url(/assets/images/Template/iconFB.gif) no-repeat center right; width:83px}
	 .twitter {background:url(/assets/images/Template/iconTW.gif) no-repeat center left; width:18px;}
	 .spanish {clear:left; color:white;float:right !important; font-size:10px;}
	*:first-child+html .spanish {clear:left; color:white;float:none !important; font-size:10px; text-align:right;}


/* main nav */
header nav {height:20px; margin:0 auto; position:relative; top:124px; width:965px; z-index:20}
header nav .nav {position:relative;}
header nav .nav li{display:block; float:left; margin:0 20px;}
header nav .nav li a{color: #daa554; text-decoration:none; font-weight:bold; font-size:16px; display:block; height: 31px; z-index:15;}
header nav .nav li a:hover{color:#ffffff;}
	
	header nav  ul ul {position:absolute; text-align:left; display: none; width: 205px; background:url(/assets/images/Template/bgMainNav.png) ; top:28px;}
	header nav .nav li ul li {display: block;  text-align: left; color: #ffffff; z-index:100; margin:2px 5px;height: 25px; }
	header nav .nav li ul li a { border-bottom: 0px; font-size: 14px; width: 175px; color: #ffffff; padding:4px 4px 0;height: 25px; }
	header nav .nav li ul li a:hover {color:#ffffff; background-image:none; background:#7b3900;}
	header nav .nav li:hover ul, header nav .nav li.hover ul {display:block;} 
	
	/* THESE ADD HOVER EFFECT TO MAIN NAV EVEN AFTER YOU HOVER OVER DROPDOWN ITEMS*/
	/* nav .nav li:hover a, nav .nav li.over a{  color: #ffffff;  }  */
	
/*  end DROPDOWN MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#cta {position:relative; top:134px; left:10px;}
header #cta li{width:278px; height:76px; margin-top:18px;}
header #cta li a {display:block; width:278px; height:76px;}
header #cta li a:hover {background-position:40px bottom ;}
.cta1 a{background:url(/assets/images/Template/ctaone.jpg) no-repeat top left;}
.cta2 a{background:url(/assets/images/Template/ctaTwo.jpg) no-repeat top left;}
.cta3  a{background:url(/assets/images/Template/ctaThree.jpg) no-repeat top left;}


/* CTA shell */
#ctaShell {height:300px; position:relative; top:50px; width:1024px; margin:0 auto; clear:both;}
#cta1, #cta2, #cta3 {width:315px; background-color: #ffffff; height:280px; float: left; margin-left:20px;	}
#photogallery {height:279px; position:absolute; right:1px; top:166px; width:239px; background:url(/assets/images/Template/bgMainNav.png)}

#contentShell {margin:10px 0 0; min-height:400px; padding:0; position:relative; width:965px;}
#contentShell section {float:left; font-size:14px; padding:20px; width:637px; min-height:300px; margin-bottom:40px; margin-left:10px;  background:white none;  }
#contentShell .events {width:278px; background:none; margin-left:0; padding:0; color:#ffffff;}
#contentShell .events div {background:url(/assets/images/Template/bgMainSec.png); padding:10px; margin-bottom:10px; min-height:200px;}
#contentShell .events a {font-size:14px; color:#802717; text-decoration:none;}
#contentShell .events a:hover {color: #dfa947;}
#contentShell .events h2 {color:#dfa947; text-align:center; font-size:18px;  background:url(/assets/images/Template/bgH3.jpg) repeat-x; height:31px; padding-top:8px; }
#contentShell .events p {line-height:1.2}
#contentShell img {margin:0 8px 8px 0;}
#contentShell .success img {margin-top:20px;}

  
label {display:block; margin:5px 0;}

footer {background:url(/assets/images/Template/logoCed.jpg) no-repeat bottom center; height:180px; width:1050px; margin:50px auto; position:relative; clear:both; text-align:center; border-top:1px solid #D8A04E;}
footer nav ul li {display:inline; margin:0 10px;}
footer nav ul ul {display:none;}
footer nav li a{color: #ffffff; text-decoration:none; font-weight:bold; font-size:16px;}
footer nav li a:hover{color:#dfa947;}


#siteMap {margin-bottom:20px;}
#siteMap li {list-style-type:none;}
#siteMap li a {text-decoration:none;}
#siteMap li a:hover {color:#dfa947;}
#siteMap li ul {margin-left:20px;}
a.listenNav {color:#dfa947;}
  
  
/********slideshow************/
.slideshow {z-index:10;}
.slideshow img {max-width:400px;}
  
/******** calendar ************/
#calendar {width:890px; background:url(/assets/images/Template/bgMainNav.png); margin-bottom:40px;}
#title {font-size:12px;}
#calendar td {height: 80px; padding: 0 8px; width: 80px; vertical-align:top;}
.calendarLink {text-decoration:none;}
.previous {text-decoration:none; color: #dfa947;}
.previous:hover {color:#802717;}
.startTime, .event {font-size: 10px; }
#calendar p {line-height:2.5ex}
#calendar p div {font-size:9px;}
.mycal  {font-size:10px;line-height:2.5ex}
.today {background-color:#132635; border:1px solid #fff;}


/******** end calendar************/

  
/**********ie7************/
  
*:first-child+html header nav  ul ul {margin-left:-100px;}
	
  

  

  

 /***********forms***********/
 .error {color:red;}
#submit {display:block;}
label, input, select, text, textarea {display:block; margin:5px 0;}
  

.radio {display:inline; margin-left:5px;}
.radioBTN {display:inline;}
.check {display:block; float:left;}
.checkLabel {float:left; margin-left:20px;}



form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {	font-size:1.1em; }

form label { 
	display: block;  /* block float the labels to left column, set a width */
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}

form fieldset label:first-letter { text-decoration:underline;}

form input, form textarea {	width:auto;    margin:5px 0; }

form input#reset {	margin-left:0px; /* set margin-left back to zero on reset button (set above) */}
textarea { overflow: auto; }
form small {	display: block;	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */	padding: 1px 3px;	font-size: 88%;}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form br {	clear:left; /* setting clear on inputs didnt work consistently, so brs added for degrade */}
form h3 {margin-top:20px;}

label.error {color:red; display:inline; font-size:9px; margin-left:5px;}
.error {display:inline;}

#ScheduleNow label {font-size:10px;}
#ScheduleNow H3 {margin:0; font-size:12px;}
#ScheduleNow input {width:115px;}

.success {float:left; margin-right:15px;}
.success span {display:block; text-align:center; margin-top:5px; font-weight:bold;	color: #79271a;	}
.successStories {margin:20px 0; padding:20px; border:1px green solid;}

#News {width:200px; margin-top:10px; background-color:#fbe3a1;}
	#News p{font-size:11px; text-align:left; padding:10px;}
	#News div {background-color:#802717; text-align:left; height:30px;}


  
.error {color:red; font-size:12px;}
.required {color:red;}
.requiredText { font-size:10px;}
 .formName {display:none;}

   

  /********hide the left column on these pages *******/
  #globalOne {display:none;}
#pageID_71 #globalOne {display:table-cell;}
  
  
 ol {list-style-type:upper-roman; margin:0 0 0 20px;}