@charset "UTF-8";
/* CSS CODE DESIGNED AND DEVELOPED BY KARLIC DESIGN 2009 | KARLIC.COM */

p, ul, li, #wrapper, #header, #main_nav, #content, #footer, #quicklinks, #search {margin:0; padding:0;}
ul, ol {list-style:none;}

body {
	margin:0;
	background-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #999;
	padding-top: 0;
	padding-right: 50;
	padding-bottom: 0;
	padding-left: 50;
	}

#wrapper {margin:0 auto; padding:0;width:1024px; height:auto;background-color: #FFF;}

#header {width:1024px; height:175px;position:relative;}

#logo a {
	position:absolute;
	top:24px; left:43px;width:260px; height:81px;
	display:block;overflow:hidden;
	background:url(../_images/cata_logo.gif) no-repeat;
	text-indent:-9999em;
	}

#cata_heading {
	position:absolute;
	top:40px;
	left:316px;
	width: 116px;
	height: 49px;
	display:block;
	overflow:hidden;
	background:url(../_images/cata_heading.gif) no-repeat;
	text-indent:-9999em;
	}

/* GLOBAL TYPE */

a {color:#ED3323;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {margin: 0 0 10px 0; padding: 0;color:#666;font: normal 1.6em/1.4em Arial, Helvetica, sans-serif;}
h2 {
	font: normal 1em/1.4em Arial, Helvetica, sans-serif;
	color:#000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

span.blackbold {color:#000;font-weight:bold;}
span.black {color:#000;}


/* QUICKLINKS */

#quicklinks {
	position:absolute;
	top:40px;
	left:452px;
	width: 102px;
	height: 71px;
}

#quicklinks ul {position:relative;top:0px; left:0px;width: 102px; height: 71px;text-indent:-9999em;}

#quicklinks ul li.quicklinks_title, 
#quicklinks ul li.quicklinks_catabus a, #quicklinks ul li.quicklinks_catabus a:hover,
#quicklinks ul li.quicklinks_catacommute a, #quicklinks ul li.quicklinks_catacommute a:hover,
#quicklinks ul li.quicklinks_cataride a, #quicklinks ul li.quicklinks_cataride a:hover
	{position:absolute;display:block;overflow:hidden;}
	
#quicklinks ul li.quicklinks_title {
	top:0px; left:0px;width: 102px; height: 14px;
	background:url(../_images/quicklinks.gif) 0px 0px no-repeat;
	}
	
#quicklinks ul li.quicklinks_catabus a {
	top:15px;
	left:0px;
	width: 102px;
	height: 19px;
	background:url(../_images/quicklinks.gif) 0px -14px no-repeat;
	}
	
#quicklinks ul li.quicklinks_catacommute a {
	top:33px; left:0px;width: 102px; height: 19px;
	background:url(../_images/quicklinks.gif) 0px -33px no-repeat;
	}
	
#quicklinks ul li.quicklinks_cataride a {
	top:54px;
	left:0px;
	width: 102px;
	height: 19px;
	background:url(../_images/quicklinks.gif) 0px -51px no-repeat;
	}
	
#quicklinks ul li.quicklinks_catabus a:hover {
	top:14px; left:0px;width: 102px; height: 19px;
	background:url(../_images/quicklinks.gif) -102px -14px no-repeat;
	}
	
#quicklinks ul li.quicklinks_catacommute a:hover {
	top:33px; left:0px;width: 102px; height: 19px;
	background:url(../_images/quicklinks.gif) -102px -33px no-repeat;
	}
	
#quicklinks ul li.quicklinks_cataride a:hover {
	top:51px; left:0px;width: 102px; height: 19px;
	background:url(../_images/quicklinks.gif) -102px -51px no-repeat;
	}

/* SEARCH */

#search {
	position:absolute;
	top:6px;
	left:429px;
	width: 584px;
	height: 122px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
#search ul {position:relative;width: 53px; height: 12px;text-indent:-9999em;}
#search li a, #search li a:hover {
	width: 53px; height: 12px;top:0px; left:0px;display:block;overflow:hidden;
	background:url(../_images/search.gif) 0px 0px no-repeat;
	}
	
#search li a:hover {background:url(../_images/search.gif) 0px -12px no-repeat;}	



#content { width:1024px; height:auto;margin: 0 0 30px 0; padding:0;}

#footer {width:1024px; height:60px;clear:both;border-top: 6px solid #ED3323;}

#footer ul.left {margin:0 30px 0 43px; padding:0;width:auto;float:left;}
#footer ul.right {margin:0 43px 0 30px; padding:0;float:right;width:auto;}

#footer ul.left li {	
	margin:0 10px 0 0; padding:0;
	line-height:60px;
	font-size: .8em; color:#000;display:inline;
	}

#footer ul.right li {	
	margin:0 0 0 10px; padding:0;
	line-height:60px;font-size: .8em;color:#000;
	display:inline;text-align:right;
	}

#intro_3col { width:964px; height:134px;margin: 30px 0px 0 43px;background-image:url(../_images/intro.gif);}
#intro_3col p {text-indent:-9999px;}


/* SIDEBAR COLUMN */

#col_sidebar { width:215px; float:left;margin: 30px 0px 30px 43px; padding:0;}


#sidebar_schedules, #sidebar_rideralerts, #sidebar_catabus_locator, #sidebar_announcements, #sidebar_catainthenews, #sidebar_ridershipinfo { 
	width:215px;margin:0 0 30px 0; padding:0;
	background:url(../_images/borders_sidebar.gif) repeat-y;
	}

#community_service, #campus_service, #regional_service, #catabus_schedules, #rider_alerts, #catabus_locator,
#announcements,#catainthenews, #ridershipinfo
	{ width:215px; height:32px;text-indent:-9999em;}
	
#community_service { background: url(../_images/title_communityservice.gif) no-repeat;}
#campus_service { background: url(../_images/title_campusservice.gif) no-repeat;}
#regional_service { background: url(../_images/title_regionalservice.gif) no-repeat;}
#catabus_schedules { background: url(../_images/title_catabusschedules.gif) no-repeat;}
#rider_alerts { background: url(../_images/title_rideralerts.gif) no-repeat;}
#catabus_locator { background: url(../_images/title_catabuslocator.gif) no-repeat;}
#announcements { background: url(../_images/title_announcements.gif) no-repeat;}
#catainthenews { background: url(../_images/title_catainthenews.gif) no-repeat;}	
#ridershipinfo { background: url(../_images/title_ridershipinfo.gif) no-repeat;}


#col_sidebar ul { margin: 0 20px; padding:15px 0;}
#col_sidebar ul li {font-size:.8em;line-height:1.45em;}


/* MAIN COLUMN */

#col_main_home { width:448px;float:left;margin: 30px 0px 30px 30px; padding:0;}

#col_main_home p { 
	margin: 0 20px; padding:0 0 12px 0;
	font-size:.8em;line-height:1.4em;color:#666;
	}

#col_main_wide {
	width:693px;
	float:right;
	padding:0;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 43px;
	margin-left: 30px;
	}

#col_main_wide p { 
	margin: 0 0 10px 0; padding: 0;
	font-size:.8em;line-height:1.4em;color:#666;
	}

#col_sidebar p, #col_updates p { 
	margin: 15px 20px 0 20px; padding: 0 0 10px 0;
	font-size:.8em;line-height:1.4em;
	color:#666;
	}

#sidebar_catabus, #sidebar_catacommute, #sidebar_cataride { 
	width:448px;margin:0 0 30px 0; padding:0;
	background:url(../_images/borders_sidebar_mainhome.gif) repeat-y;}

#top_catabus, #top_catacommute, #top_cataride {	width:448px; height:75px;}
	
#top_catabus {background: url(../_images/title_catabus_448.gif) no-repeat;}
#top_catacommute {background: url(../_images/title_catacommute_448.gif) no-repeat;}
#top_cataride	{background: url(../_images/title_cataride_448.gif) no-repeat;}

#sidebar_bot_215 {width:215px; height:15px;background: url(../_images/border_bot_215.gif) no-repeat;}
#sidebar_bot_448 {width:448px; height:15px;background: url(../_images/border_bot_448.gif) no-repeat;}


/* UPDATES COLUMN */

#col_updates { width:215px;float:right;margin: 30px 43px 30px 30px; padding:0;}
#col_updates ul { margin: 0 20px 0 25px; padding:15px 0;list-style: disc;}
#col_updates ul li {
	margin:0 0 10px 0; padding:0;
	font-size:.8em;line-height:1.2em;color:#666;
	}

/* DISCLAIMER */

#disclaimer {margin:20px auto 40px auto; padding:0;width:1024px; height:auto;}
#disclaimer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;color:#FFF;text-align:center;
	}


/* MAIN NAVIGATION */

/* main nav list */
ul#main_nav {
	position:absolute; top:143px; left:0px; width: 1024px; height: 31px; 
	background-color:#ED3323;
	} 

/* all list items */
ul#main_nav li {position:relative;} 

/* individual list items */
ul#main_nav li#services_schedules {
	position:absolute;top:0px;left:43px; width:239px; height:31px; 
	background: url(../_images/main_nav_servsched.gif) no-repeat;
	}
	
ul#main_nav li#howto {
	position:absolute;
	top:1px;
	left:354px;
	width:172px;
	height:31px;
	background: url(../_images/main_nav_howto.gif) no-repeat;
	}
	
ul#main_nav li#aboutcata {
	position:absolute;
	top:0px;
	left:592px;
	width:134px;
	height:31px;
	background: url(../_images/main_nav_aboutcata.gif) no-repeat;
	}
	
ul#main_nav li#contact {
	position:absolute;top:0px;left:795px; width:130px; height:31px; 
	background: url(../_images/main_nav_contact.gif) no-repeat;
	}
	
/* sub-menu lists */	
ul#main_nav li ul {
	position:absolute;
	left:0px;
	top:0px;
	float:none;
	display:none;
	text-transform:uppercase;
	width:260px;
	padding:0;
	letter-spacing:normal;
	background-color: #333;
	margin-top: 31px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	} 
	
/* to override top and left in browsers other than IE, 
which supposedly position to the top right of the containing li, 
rather than bottom left  */
li>ul#main_nav li ul {top: auto;left: auto;}

/* lists nested under hovered list items */
ul#main_nav li:hover ul, ul#main_nav li.over ul {display:block;} 

/* sub-menu styles */
ul#main_nav li ul li a {
	display:block; text-decoration:none; color: #fff;
	border-top:1px solid #fff;margin:0; padding:5px 12px;
	} 

/* Fix IE. Hide from IE Mac \*/
* ul#main_nav li, * ul#nav li a {height: 1%;}
/* End */

/* hover styles */
ul#main_nav li ul li a:hover {
	display:block; text-decoration:none; 
	color: #000; background-color:#ED3323;
	} 
	
#wrapper #header #search {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#wrapper #footer {
	text-align: center;
}
#wrapper #footer {
	font-size: 12px;
	color: #000;
}