/* CSS Document */
/* colors
orange: color: #f26522;
grey; color: #dcdcdc;
light blue color:#268ab4
hey hey tested
 */


body {background:#000000 url(../Images/Template/bgMain.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; color: #dcdcdc; line-height:2.5ex}
h1 {color: #f26522; font-size:24px;}
h2 {font-size:20px; color: #268AFF;}
h3 {font-size:18px; color: #268AFF;}
h4 {font-size:14px; color: #f26522; margin:10px 0 0 0; line-height:1ex;}
a{color:#268AFF;}
a:hover {color: #f26522;}


#shell {background:url(../Images/Template/bgShell.png) no-repeat; width:1050px; margin:0 auto; position:relative; left:50%; margin-left:-540px;}
#logo  {background:url(../Images/Template/logo.png) no-repeat;height:118px; left:429px; position:absolute; top:43px; width:232px; }
header   {background:url(../Images/Template/header.png) no-repeat; width:1075px; height:389px; margin-top:40px;}
#headerImg {display:none; z-index:1}
#pageID_44 #headerImg {display:block; /* position:absolute;*/}
#pageID_44 header, #pageID_44 #logo {background:none;}
#pageID_44 header nav {top:-70px;}
*:first-child+html #pageID_44 header nav {top:330px;}
*:first-child+html #pageID_44 #headerImg {display:block; position:absolute; left:0; margin:0 auto;}

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

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

#pageID_66 .events {display:none;}


/* 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:#DCDCDC; 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:#f26522;}
.utilnav li {width:100px;}
*:first-child+html .utilnav, *:first-child+html #social {margin-top:50px;}

.schedule{background:url(../Images/Template/iconCalendar.png) no-repeat center left;}
.firstVisit  {background:url(../Images/Template/iconMan.png) no-repeat center left;}
.listenOnline  {background:url(../Images/Template/iconPodcast.png) no-repeat center left;}
.upcomingEvent {font-size:12px; color: #f26522; line-height:.5ex; margin-left:3px;}
.upcomingEvent a {cursor:pointer;}

#social {position:absolute; right:29px; top:34px; z-index:20;}
#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(../Images/Template/iconFB.gif) no-repeat center right; width:75px}
	 .twitter {background:url(../Images/Template/iconTW.gif) no-repeat center left; width:18px;}


/* main nav */
header nav {height:20px; margin:0 auto; position:relative; top:330px; width:796px; 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: #dcdcdc; text-decoration:none; font-weight:bold; font-size:20px; display:block; height: 31px; z-index:15;}
header nav .nav li a:hover{color:#f26522;}
	
	header nav  ul ul {position:absolute; text-align:left; display: none; z-index:100; width: 205px; background:url(../Images/Template/bgMainNav.png) ; top:30px;}
	header nav .nav li ul li {display: block;  text-align: left; color: #dcdcdc;  }
	header nav .nav li ul li a { border-bottom: 0px; font-size: 18px; width: 175px; color: #dcdcdc; padding:4px; height: 25px;}
	header nav .nav li ul li a:hover {color:#268AFF; background-image:none;}
	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: #dcdcdc;  }  */
	
/*  end DROPDOWN MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */



/* CTA shell */
#ctaShell {height:300px; position:relative; top:50px; width:1024px; margin:0 auto; clear:both;}
#cta1, #cta2, #cta3 {width:315px; background-color: #dcdcdc; height:280px; float: left; margin-left:20px;	}

#contentShell {margin:10px auto 30px; min-height:400px; padding:0 10px; position:relative; width:900px;}
#contentShell section {float:left; font-size:14px; padding:20px; width:600px; min-height:300px; background:url(../Images/Template/bgMainNav.png);margin-bottom:40px; }
#pageID_66 section {background:none;}
#contentShell .events {width:220px; background:url(../Images/Template/bgMainNav.png); padding:10px 20px 0 10px;margin-left:10px}
#contentShell .events a {font-size:14px; color:#268AFF; text-decoration:none;}
#contentShell .events a:hover {color: #f26522;}
#contentShell .events h2 {color:#268AFF; font-size:18px; margin-bottom:-15px; }


footer {background:url(../Images/Template/logoCed.jpg) no-repeat bottom center; height:133px; width:1050px; margin:50px auto; position:relative; clear:both; text-align:center; border-top:1px solid #dcdcdc;}
footer nav ul li {display:inline; margin:0 10px;}
footer nav ul ul {display:none;}
/* 
footer nav li{display:block; float:left; margin:0 20px;} */
footer nav li a{color: #dcdcdc; text-decoration:none; font-weight:bold; font-size:16px;}
footer nav li a:hover{color:#f26522;}
	
address {clear:left; font-size:10px;}
address a {color: #f26522; text-decoration:none;}
address a:hover {color: #dcdcdc; }

#siteMap {margin-bottom:20px;}
#siteMap li {list-style-type:none;}
#siteMap li a {color:white; text-decoration:none;}
#siteMap li a:hover {color:#f26522;}
#siteMap li ul {margin-left:20px;}
a.listenNav {color:#f26522;}
  

  

  
label {display:block; margin:5px 0;}
  
/********slideshow************/
.slideshow {z-index:10;}
.slideshow img {max-width:400px;}
  
/******** calendar ************/
#calendar {width:890px; background:url(../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: #f26522;}
.previous:hover {color:#268AFF;}
.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;}