html {  }
body { font-size: 0.875em; font-family: Arial, Helvetica, sans-serif; background: #111; padding: 0; margin: 0; }
img { border: none; padding: 0; margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }

#wrapper_bg { background: url(/inc/img/body_bg.jpg) repeat-x; min-height: 780px; }
.wrapper { width:960px; margin:0 auto; }

a, a:link{ color:#068ecb; text-decoration:none; }
a:hover{ color:#068ecb; text-decoration:underline; }
a.inline, a:link.inline{ color:#068ecb; text-decoration:underline; }
a:hover.inline{ color:#068ecb; text-decoration:none; }

.alt { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.alignleft { float: left; }
.alignright { float: right; }

.ml20 { margin-left: 20px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mrl40 { margin: 0px 40px; }
.mt5 { margin-top: 5px; }
p { margin: 0px 0px 10px 0px; line-height: 1.4em; }

h1 { font-size: 2.2em; font-weight: normal; font-family: tahoma, arial, helvetica, sans-serif; color: #068ecb; }

#top { height: 20px; background: #111; }
#top ul { list-style: none; margin: 0; padding: 0; float: right; height: 20px; overflow: hidden; font-size: 0.875em; }
#top ul li { float: left; padding: 0; height: 14px; margin: 3px 0px; }
#top ul li a, #top ul li a:link { color: #ccc; padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px; border-right: 1px solid #555; }
#top ul li a.last, #top ul li a:link.last { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-right: 1px solid #111; }
#top ul li a:hover { color: #fff; text-decoration: none; }

.toprow_box { width: 220px; margin: 5px 0px 0px 20px; float: left; background: #fff;}

.icon_audio { width: 60px; height: 60px; background: url(/inc/img/audio.jpg) no-repeat; float:left; }
.icon_tweet { width: 60px; height: 60px; background: url(/inc/img/social.jpg) no-repeat; float:left; }
.icon_campus { width: 60px; height: 60px; background: url(/inc/img/campuses.jpg) no-repeat; float:left; }

#link_audio_listen { background: url(/inc/img/listen.jpg) no-repeat; width: 80px; height: 20px; display: block; float: left; }
#link_audio_archive { background: url(/inc/img/archive.jpg) no-repeat; width: 64px; height: 20px; display: block; float: left; margin-left: 5px; }
#link_audio_rss { background: url(/inc/img/rss.jpg) no-repeat; width: 20px; height: 20px; display: block; float: left; margin-left: 5px; }

#header { height: 136px; background: url(/inc/img/header_bg.jpg) no-repeat #068ecb; padding-top: 11px; clear: both; }
#logo { background: url(/inc/img/logo.png) no-repeat; width: 871px; height: 93px; display: block; }

#body_top {background: url(/inc/img/body_top.png) no-repeat; width: 980px; height: 20px; clear: both;}
#body_copy {background: url(/inc/img/body_copy.png) repeat-y; width: 980px; min-height: 500px; padding: 10px 20px; }
#body_copy h4 { margin: 0px 0px 4px 0px; padding: 0px;color:#068ecb; }
#body_bottom {background: url(/inc/img/body_bottom.png) repeat-y; width: 980px; height: 20px; }
#body_area { background: #fff; width: 940px; }

#body_head { width: 940px; height: 220px; overflow: hidden; z-index: -1; }
.head_left { min-width: 620px; float:left; clear: both;}
.head_right { width:300px; float:left; margin-left: 20px;}

.copy_left { width: 620px; float:left; clear: both;}
.copy_full { width: 940px; clear: both;} 
.aside_right { width:300px; float:left; margin-left: 20px;}

#footer { padding: 10px 0 20px 0; }
#footer .copy { float: left; color: #ccc; margin-right: 50px; font-size: 0.875em; margin-left: 10px;}
#logo_bottom { background: url(/inc/img/logo_bottom.png) no-repeat; width: 122px; height: 50px; display: block; float: right; }

/* ---- Navigation ---- */
#navigation ul li a.current span.tab_left { width: 15px;  display: block; background: url(/inc/img/nav_tab_left.png) no-repeat; height: 27px; float: left; }
#navigation ul li a.current span.tab_bg { display: block; background: url(/inc/img/nav_tab_right.png) no-repeat 100% 0%; height: 27px; float: left; padding: 0px 15px 0px 0px; line-height: 27px; }

#navigation { padding: 0px; margin-top: 6px; height: 27px; color: #fff; }
#navigation ul li ul li { display: block; list-style-type: none; }
#navigation ul { float: right; z-index: 100; margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
#navigation ul li { position: relative; display: inline; float: left; }

/*Top level menu link items style*/
#navigation ul li a { display: block; height: 17px; margin-top: 5px; padding: 5px 0px 5px 0px; color: #fff; text-decoration: none; font-size: 1.2em; }

/*IE6 hack to get sub menu links to behave correctly*/
* html #navigation ul li a { display: inline-block; }

#navigation .main { color: #fff; }

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
#navigation ul li a.selected { color: #fff;	z-index: 100; }
#navigation ul li a:hover { color: #fff; z-index: 100; }
#navigation ul li a span.tab_left { width: 15px; height: 27px; float: left; display: block; }
#navigation ul li a:hover span.tab_left { width: 15px;  display: block; background: url(/inc/img/nav_tab_left.png) no-repeat; height: 27px; float: left; }
#navigation ul li a.selected span.tab_left { width: 15px;  display: block; background: url(/inc/img/nav_tab_left.png) no-repeat; height: 27px; float: left; }

#navigation ul li a span.tab_bg { display: block; height: 27px; float: left; padding: 0px 15px 0px 0px; line-height: 27px; }
#navigation ul li a:hover span.tab_bg { display: block; background: url(/inc/img/nav_tab_right.png) no-repeat 100% 0%; height: 27px; float: left; padding: 0px 15px 0px 0px; line-height: 27px; }
#navigation ul li a.selected span.tab_bg { display: block; background: url(/inc/img/nav_tab_right.png) no-repeat 100% 0%; height: 27px; float: left; padding: 0px 15px 0px 0px; line-height: 27px; }
	
/*1st sub level menu*/
#navigation ul li ul { position: absolute; background: #1387d6; color: #fff; left: 0; display: none; visibility: hidden; margin: 0px 3px 0px 4px; padding: 0px; z-index: 99; }
#navigation ul li ul li { background: none; display: list-item; float: none; }
#navigation ul li ul li a {color: #fff; border-bottom: 1px dashed #2c96de; }
#navigation ul li ul li a:hover { background: #2c96de; }
#navigation ul li ul li ul { top: 0; margin: -1px 0 0 2px; }

#navigation ul li ul li a { padding: 10px 5px; color: #fff; min-width: 200px; }

/* Holly Hack for IE \*/
* html #navigation {height: 1%;}

.downarrowclass{ display: none; }
.rightarrowclass{ display: none; }

.ddsmoothmenu{ font: bold 12px arial; background: #1387d6; width: 100%; }
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li{ position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; background: #1387d6; color: white; padding: 0px; border-right: 1px solid #778; color: #fff; text-decoration: none; }

 /*IE6 hack to get sub menu links to behave correctly*/
* html .ddsmoothmenu ul li a{ display: inline-block; }

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; }

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.ddsmoothmenu ul li a.selected{ color: white; }
.ddsmoothmenu ul li a:hover{ background: black; color: white; }
.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; visibility: hidden; }
.ddsmoothmenu ul li ul li{ display: list-item; float: none; }
.ddsmoothmenu ul li ul li ul{ top: 0; }
.ddsmoothmenu ul li ul li a{ min-width: 200px; padding: 0; margin: 0; border-top-width: 0; border-bottom: 1px solid #fff; }

/*Holly Hack for IE7 and below*/
* html .ddsmoothmenu{height: 1%;}

.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; }
.toplevelshadow{ }

#service_times_home { }
#service_times_home td { white-space: nowrap; vertical-align: top; padding: 0px 5px 5px 0px; }
#service_times_home td a { font-weight: bold; }

ul.campuses {list-style: none; padding: 0px; margin: 10px 0px 0px 0px; z-index: 100; }
.campuses li { display: block; padding: 0px 0px 0px 10px; line-height: 24px; color: #000;}

a.select { font-size: 1.4em; font-weight: normal; display: block; padding: 0px; line-height: 24px; color: #068ecb; text-decoration: none; white-space: nowrap; }
a:hover.select { display: block; padding: 0px; line-height: 24px; color: #068ecb; text-decoration: none;}

ul.campuses li ul { margin: 0px; padding: 0px; display: none; position: absolute; top: 1em; left: 0; background: #fff; color: inherit; border: 2px solid #068ecb; }
ul.campuses li > ul { top: auto; left: auto; }
ul.campuses li:hover ul, li.over ul{ display: block; background: #fff; color: inherit; z-index: 100; }

a.sub { white-space: nowrap; color: #068ecb; text-decoration: none; background: inherit; padding: 4px 10px 4px 4px; display: block;}
a:hover.sub { color: #000; text-decoration: underline; background: inherit; display: block; }

.sidebar { padding: 20px 0px 10px 0px; display: block;}