/*
-----------------------------------------------
Forsyth Technical Community College
-----------------------------------------------
Description:			ForsythTech.edu CSS
Filename:				style.css
Date:				February 26 2010
Updated:				April 1 2010
Version:				v. 1.0
----------------------------------------------- */

/*

GLOBAL
	- Reset
	- Clearfix
	- Typography
	- Forms
	- Lists
	- Tables

STRUCTURE
	- Page Styles
	- Header
	- Primary Navigation
	- Secondary Navigation
	- Search Box
	- Promo Banner
	- Intro Area
	- Categories (Exploration Module)
	- News & Alertbox
	- Find A Course & Publications
	- Footer

SUB-PAGES
	- Sidebar
	- Sub-navigation
	- Content
	- Breadcrumb
	- Image Style
	- Q&A Formatting

*/



/*-------------------------------------------------------------------------*/
/* GLOBAL		 														   */
/*-------------------------------------------------------------------------*/



/* Default Body Styling
-------------------------------------------------------------------------*/

body {
	color:#000000;
	background:#8cb3d1 url('../images/ui/bg_body.jpg') no-repeat center top;
	font: 62.5% Arial, Verdana; }



/* Reset Specific Default Styles
-------------------------------------------------------------------------*/

* { margin:0; padding:0; list-style-type:none; }
hr { display: none; }
img { border: none; }



/* Clearfix for Floats
--------------------------------------------------------------------------*/
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden; }

.clearfix, ul#main-nav ul{ display:inline-block; }
.clearfix, ul#main-nav ul{ display: block; }

.clearfix:after, ul#main-nav ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}



/* Global Form Styles
-------------------------------------------------------------------------*/

input.text { outline:none !important; }
fieldset label { float:left;display:block; }
fieldset br { clear:both; }
fieldset { border:none; }



/* Global Link Styles
--------------------------------------------------------------------------*/

a { color: #333399; }
a:hover { text-decoration:none; }

a.btn {
	display:block;
	text-indent:-9999px;
	overflow:hidden; }



/*-------------------------------------------------------------------------*/
/* STRUCTURE	 														   */
/*-------------------------------------------------------------------------*/



/* Page Styles
--------------------------------------------------------------------------*/

ul#acc-links { display:none; }
.right { float:right !important; }

#container {
	width:900px;
	margin: 0 auto;
	background-color: white; }  /* Extends white BG color to full content area of sub-pages. */

.wrapper {
	width:900px;
	margin: 0 auto; }

#home #content{
 padding: 0 0 0 15px;
 background:#FFFFFF;}



/* Header
--------------------------------------------------------------------------*/

#header {
	background:url('../images/ui/bg_header.png') repeat-x top left;
	height:95px;
	padding:24px 0 0 0;
	margin-bottom:-14px; }

#home #header { margin:0 !important; }

#header .wrapper { position:relative;z-index:1000; }

#header h1 a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:155px;
	height:81px;
	float:left;
	background:url('../images/ui/logo.gif') no-repeat top left; }

#header-right {
	width:745px;
	float:right; }



/* Primary Navigation
--------------------------------------------------------------------------*/

ul#top-nav {
	float:left;
	padding: 2px 0 0 30px; }

ul#top-nav li {
	float:left;
	font-size:1.1em;
	padding: 0 8px;
	background:url('../images/ui/border_topnav.gif') no-repeat right center;
	font-weight:bold;
	color:#FFF; }

ul#top-nav li.last { background:none; }

ul#top-nav li a {
	text-shadow: #0a2d7f 2px 2px 2px;
	text-decoration:none !important;
	color:#FFF !important; }

ul#top-nav li a:hover { color:#ffe682 !important; }

ul#main-nav {
	height:40px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1000;
	font-size:11px;
	font-weight:bold; }

ul#main-nav li {
	float:left;
	position:relative;
	text-align:center; }

ul#main-nav a {
	height:35px;
	padding:5px 0 0 0;
	color:#FFF !important;
	text-decoration:none !important;
	text-shadow:#3b2395 2px 2px 2px;
	display:block;
	background:url('../images/ui/bg_mainnav.gif') repeat-x top left;
	float:left; }

ul#main-nav li.nav1 a{width:111px;}
ul#main-nav li.nav2 a{width:114px; background-position: 0 -40px !important;}
ul#main-nav li.nav3 a{width:102px; background-position: 0 -80px !important;}
ul#main-nav li.nav4 a{width:115px; background-position: 0 -120px !important;}
ul#main-nav li.nav5 a{width:98px;  background-position: 0 -160px !important;}
ul#main-nav li.nav6 a{width:101px; background-position: 0 -200px !important;}
ul#main-nav li.nav7 a{width:103px; background-position: 0 -240px !important;}

ul#main-nav li.nav2 ul{background:url('../images/ui/bg_dropdown2.png') no-repeat bottom left;}
ul#main-nav li.nav3 ul{background:url('../images/ui/bg_dropdown3.png') no-repeat bottom left;margin-left:-250px;}
ul#main-nav li.nav4 ul{background:url('../images/ui/bg_dropdown4.png') no-repeat bottom left;margin-left:-270px;}
ul#main-nav li.nav5 ul{background:url('../images/ui/bg_dropdown5.png') no-repeat bottom left;margin-left:-445px;}
ul#main-nav li.nav6 ul{background:url('../images/ui/bg_dropdown6.png') no-repeat bottom left;margin-left:-507px;}
ul#main-nav li.nav7 ul{background:url('../images/ui/bg_dropdown7.png') no-repeat bottom left;margin-left:-505px;}

ul#main-nav ul {
	position:absolute;
	width:591px;
	left:0;
	margin-left:-2px;
	top:40px;
	min-height:120px;
	height:auto !important;
	height:120px;
	z-index:1000;
	visibility:hidden;
	padding:10px 10px;
	background:url('../images/ui/bg_dropdown1.png') no-repeat bottom left; }

ul#main-nav li.sfhover ul {
	visibility:visible; }
 
ul#main-nav ul li.menu {
	float:left;
	width:170px; }

ul#main-nav ul li.graphic {
	width:390px;
	padding: 3px 0 0 0;
	float:right; }

ul#main-nav ul ul {
	position:relative !important;
	left:auto !important;
	top:auto !important;
	font-size:12px;
	margin:0 !important;
	color:#FFF;
	width:165px;
	padding:0 !important;
	background:none !important;
	min-height:0 !important;
	height:auto !important; }

ul#main-nav ul ul li {
	float:none !important;
	font-weight:bold;
	padding: 0 0 3px 10px !important;
	text-align:left !important; }

ul#main-nav ul ul li.more {
	text-align:right !important;
	font-style:italic;
	margin-top: 10px; }

ul#main-nav ul ul li.more a { text-decoration:none !important; padding:10px 0 0 0 !important}

ul#main-nav ul a {
	background:none !important;
	width:auto !important;
	padding:0 0 0 10px !important;
	float:none !important;
	height:auto !important;
	position:relative;
    top:-13px;
    margin: 0 0 -13px 0;
	text-shadow:none !important;
	background:none !important;
	text-decoration:none !important; }

ul#main-nav ul a:hover { text-decoration:underline !important; }



/* Secondary Navigation
--------------------------------------------------------------------------*/

#content {
	min-height:500px;
	height:auto !important;
	height:500px;
	background: url('../images/ui/bg_sidebar.gif') repeat-y scroll top left transparent; }



/* Search Box
--------------------------------------------------------------------------*/

#search-form {
	float:right;
	position:relative;
	top:-5px; }

#search-form .textbox {
	background:url('../images/ui/bg_textbox.gif') no-repeat top left;
	width:191px;
	height:19px;
	padding: 6px 10px 2px 10px;
	float:left; }

#search-form .textbox input {
	background: transparent;
	border:none;
	height:19px;
	color:#001f79;
	font:italic 12px 'Times',Georgia;
	width:191px; }



/* Promo Banner
--------------------------------------------------------------------------*/

#banner {
	width:616px;
	height:262px;
	padding:5px 0 0 5px;
	position:relative;
	background: url('../images/ui/bg_banner.gif') no-repeat top left;
	float:left; }

#banner ul {
	position:relative;
	z-index:1; }

#banner li {
	float:left;
	width:611px;
	position:absolute;
	height:240px; }

#banner #next,#banner #prev {
	width:43px;
	position:absolute;
	cursor:pointer;
	top:80px;
	display:block;
	z-index:1000;
	outline:none;
	text-indent:-999px;
	overflow:hidden;
	height:74px; }

#banner #next {
	z-index: 3;
	right:5px;
	background:url('../images/ui/btn_banner.png') no-repeat top left; }

#banner #prev {
	z-index: 3;
	left:5px;
	background:url('../images/ui/btn_banner2.png') no-repeat 0 -74px !important; }

#banner #next:hover { background-position: 0 -74px !important; }
#banner #prev:hover { background-position: 0 0px !important; }

#banner-controls {
	position:absolute;
	z-index:10;
	right:10px;
	bottom:30px; }

#banner-controls a {
	float:left;
	width:14px;
	height:14px;
	display:block;
	overflow:hidden;
	margin: 0 5px 0 0;
	text-indent:-9999px;
	background:url('../images/ui/dot_banner.png') no-repeat top left; }

#banner-controls a:hover, #banner-controls a.activeSlide {
	background-position: 0 -14px !important; }



/* Intro Area
--------------------------------------------------------------------------*/

#intro .text {
	width:215px;
	padding: 10px 35px 0 0;
	float:right; }

#intro .text h2 {
	background:url('../images/ui/title_welcome.gif') no-repeat top left;
	text-indent:-999px;
	overflow:hidden;
	height:72px;
	padding: 0 0 10px 0;
	width:214px; }

#intro .text p {
	font:1em/1.2em verdana,arial;
	color:#4c81b7;
	padding: 0 0 10px 0; }

#intro .text a.getstarted {
	width:199px;
	height:27px;
	margin: 0 0 0 10px;
	background:url('../images/ui/btn_getstartednow.gif') no-repeat top left; }

#intro .text a.getstarted:hover { background-position: 0 -27px !important; }



/* Categories (Exploration Module)
--------------------------------------------------------------------------*/

#categories {
 padding: 0 0 10px 0; }

#categories .photo {
	float:left;
	min-height:150px;
	height:auto !important;
	height:150px;
	width:245px; }

#categories .photo div { display:none; }
#categories .photo div#tab-programs { display:block; }

#categories .desc {
	width:615px;
	float:right;
	padding: 25px 15px 0 0; }

#categories .desc ul {
	height:100px;
	margin: 0 0px 0 40px;
	background:url('../images/ui/bg_cat_bar.gif') no-repeat 0 58px; }

#categories .desc  li {
	float:left;
	padding: 0 25px 0 0; }

#categories .desc li a {
	display:block;
	outline:none;
	float:left;
	padding: 45px 0 0 0;
	background: url('../images/ui/title_cat.gif') no-repeat top left;
	text-indent:-9999px; }

#categories .desc li a span {
	width:36px;
	height:36px;
	display:block;
	margin: 0 auto;
	background:url('../images/ui/cat_link.gif') no-repeat top left;
	text-indent:-999px;
	overflow:hidden; }

#categories .desc li a.selected span, #categories .desc li a:hover span { background-position: 0 -36px !important; }

#categories .desc li.tab1 a { width:88px; }
#categories .desc li.tab2 a { background-position: -109px 0 !important;width:130px; }
#categories .desc li.tab3 a { background-position: -264px 0 !important;width:104px; }
#categories .desc li.tab4 a { background-position: -394px 0 !important;width:94px; }
#categories .desc li.tab5 a { background-position: -512px 0 !important;width:104px; }

#categories .desc li.tab1 { margin-left:-50px; }
#categories .desc li.tab5 { padding:0 !important; }



/* News & Alertbox
--------------------------------------------------------------------------*/

#news {
	padding: 0 0 5px 0;
	min-height:175px;
	height:auto !important;
	height:175px; }

#news ul.list-tabs li {
	float:left; }

#news ul.list-tabs li a {
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	background:url('../images/ui/btn_news.gif') no-repeat top left; }

#news ul.list-tabs li.tab1 a { width:124px;background-position: 0 -20px !important; }
#news ul.list-tabs li.tab1 a:hover { background-position:0 -200px !important; }
#news ul.list-tabs li.tab1 a.selected { background-position: 0 0px !important; }
#news ul.list-tabs li.tab2 a { width:150px;background-position: 0 -60px !important; }
#news ul.list-tabs li.tab2 a:hover { background-position: 0 -220px !important; }
#news ul.list-tabs li.tab2 a.selected { background-position: 0 -40px !important; }
#news ul.list-tabs li.tab3 a { width:213px;background-position: 0 -100px !important; }
#news ul.list-tabs li.tab3 a:hover { background-position: 0 -240px !important; }
#news ul.list-tabs li.tab3 a.selected { background-position: 0 -80px !important; }
#news ul.list-tabs li.tab4 a { width:178px;background-position: 0 -140px !important; }
#news ul.list-tabs li.tab4 a:hover { background-position: 0 -260px !important; }
#news ul.list-tabs li.tab4 a.selected { background-position: 0 -120px !important; }
#news ul.list-tabs li.tab5 a { width:191px;background-position: 0 -180px !important; }
#news ul.list-tabs li.tab5 a:hover { background-position: 0 -280px !important; }
#news ul.list-tabs li.tab5 a.selected { background-position: 0 -160px !important; }

#news .box {
	margin:3px 0 0 0;
	min-height:134px;
	height:auto !important;
	height:134px; }

#left-news {
	width:489px;
	float:left; }

#left-news .box {
	background:#e3f3ff;
	position:relative;
	width:369px;
	padding: 0px 0px 0 120px; }

#left-news .box h3, #left-news .box p,#left-news .box a { position:relative;z-index:2; }

#news .btn { background:url('../images/ui/btn_more.gif') no-repeat top left;height:24px; }

#left-news .box img {
	position:absolute;
	top:0;
	z-index:1;
	left:0; }

#tab-alertbox h3 {
	color:#162c54;
	font-size:1.8em;
	z-index:10;
	padding: 15px 0 5px 30px;
	letter-spacing:-1px;
	background:transparent no-repeat 0 15px; }
 
#tab-alertbox p {
	color:#5a5a5a;
	font-size:1.2em;
	padding: 0 20px 10px 30px; }
 
a.morebookstore { background-position:0 0 !important;margin-left:30px; }
a.morebookstore:hover { background-position: 0 -48px !important; }

#news ul.list-dots {
	position:absolute;
	right:7px;
	z-index:3;
	bottom:22px; }

#news ul.list-dots li {
	float:left;
	padding: 0 5px 0 0; }

#news ul.list-dots a {
	display:block;
	float:left;
	width:14px;
	height:14px;
	text-indent:-999px;
	overflow:hidden;
	background:url('../images/ui/dots_news.gif') no-repeat top left; }

#news ul.list-dots a:hover, #news ul.list-dots a.selected { background-position: 0 -14px !important; }

#right-news {
	width:370px;
	float:left;
	padding: 0 0 0 2px; }

#right-news .box {
	background:#efe8d8 url('../images/ui/bg_news.gif') no-repeat bottom left;
	padding:5px;
	min-height:124px;
	height:auto !important;
	height:124px; }

ul.list-news {
	padding: 0 0 5px 0; }

ul.list-news li {
	background:url('../images/ui/bg_listnews.png') repeat-y top left;
	width:357px;
	margin: 0 0 4px 0;
	font:1em verdana,arial;
	padding:5px 0px 5px 3px; }

ul.list-news li a {
	background:url('../images/ui/bullet_news.gif') no-repeat 0 4px;
	display:block;
	text-decoration:none !important;
	color:#4c81b7 !important;
	padding: 0 0 0 8px; }

ul.list-news li a:hover {
	text-decoration:underline !important; }

a.allnews { background-position: 0 -24px !important;margin-left:90px; }
a.allnews:hover { background-position: 0 -72px !important; }



/* Course Finder (idTabs)
--------------------------------------------------------------------------*/

#tab-coursefinder h3 {
	color:#162c54;
	font-size:1.8em;
	z-index:10;
	padding: 15px 20px 5px 45px;
	letter-spacing:-1px;
}
 
#tab-coursefinder p {
	color:#5a5a5a;
	font-size:1.2em;
	padding: 0 20px 10px 45px; }

#tab-coursefinder .btn { background:url('../images/ui/btn_course.gif') no-repeat top left;height:24px; }

a.morecourse { background-position:0 0 !important;margin-left:45px; }
a.morecourse:hover { background-position: 0 -48px !important; }



/* Catalog & Publications (idTabs)
--------------------------------------------------------------------------*/

#tab-catalog h3 {
	color:#162c54;
	font-size:1.8em;
	z-index:10;
	padding: 15px 20px 5px 65px;
	letter-spacing:-1px;
}
 
#tab-catalog p {
	color:#5a5a5a;
	font-size:1.2em;
	padding: 0 20px 10px 65px; }
	
#tab-catalog .btn { background:url('../images/ui/btn_pubs.gif') no-repeat top left;height:24px; }

a.morecatalog { background-position:0 0 !important;margin-left:65px; }
a.morecatalog:hover { background-position: 0 -48px !important; }



/* Footer
--------------------------------------------------------------------------*/

#footer {
	min-height:262px;
	height:auto !important;
	height:262px;
	padding: 20px 0 25px 20px;
	color:#FFF;
	text-shadow:#12338c 2px 2px 2px;
	background:#2044a3 url('../images/ui/bg_footer.gif') no-repeat top left; }

#footer h3 {
	text-indent:-9999px;
	height:23px;
	padding: 0 0 15px 0;
	overflow:hidden; }

#footer a { color:#FFF !important;text-decoration:none !important; }



/* ------------- */
/* COLUMN 1		 */
/* ------------- */

#footer .col1 {
	width:395px;
	float:left;
	padding: 0 20px 10px 0;
	background:url('../images/ui/border_footer.gif') no-repeat top right; }

#footer p.copyright a { text-decoration:underline !important; }

h3.title-college {
	background:url('../images/ui/title_forsyth.png') no-repeat top left;
	padding: 0 0 35px 0 !important; }

.contact-info {
	width:180px;
	float:left;
	padding: 10px 0 20px 20px; }

.contact-info h4 { color:#fdd465;font-size:1.2em; }
.contact-info p { font-size:1.2em; }
.contact-info p span { display:block; }

#footer .support {
	float:left;
	padding: 0 0 20px 0;
	width:175px; }

#footer .support a {
	width:158px;
	height:18px;
	background:url('../images/ui/btn_helpsupportus.png') no-repeat top left; }

p.copyright { clear:both;padding: 0 0 15px 0; }



/* ------------- */
/* COLUMN 2		 */
/* ------------- */

#footer .col2 {
	width:140px;
	float:left;
	padding: 0 20px;}

h3.title-popular { background:url('../images/ui/title_popularlinks.png') no-repeat top left; }

ul#list-popularlinks {
	padding: 0 0 10px 0; }

ul#list-popularlinks li {
	padding: 0 0 2px 0; }

ul#list-popularlinks a {
	display:block;
	height:15px;
	width:125px;
	padding: 1px 0 0 15px;
	background:url('../images/ui/bg_nav_links.gif') no-repeat top left; }

ul#list-popularlinks a:hover { color:#efda82 !important; }

#footer .col2 p {
	text-align:center; }

#footer .col2 p img { margin: 0 10px 0 0; }



/* ------------- */
/* COLUMN 3		 */
/* ------------- */

#footer .col3 {
	float:left;
	width:260px;
	padding: 0 0 0 20px;
	background:url('../images/ui/border_footer2.gif') no-repeat top left; }
 
h3.title-siteindex { background: url('../images/ui/title_siteindex.png') no-repeat top left; }

.col3 fieldset {
	padding: 0 0 10px 0; }

.col3 .textbox {
	background:url('../images/ui/bg_textbox_footer.gif') no-repeat top left;
	width:213px;
	float:left;
	padding:3px 5px 0 5px;
	height:16px; }

.col3 .textbox input {
	width:200px;
	height:12px;
	color:#1f43a2;
	font:11px Arial;
	background:transparent;
	border:none !important; }

.col3  h4 {
	font:italic 1.2em Georgia,Times;
	padding: 0 0 5px 0; }

ul.list-results {
 font-size:1.1em;
 color:#FFF; }

ul.list-results li { padding: 0 0 3px 0; }
#footer .col3 ul.list-results li a:hover { color:#efda82 !important; }

.col3 a.expand {
	background:url('../images/ui/btn_expandfullresults.png') no-repeat top left;
	width:246px;
	height:24px;
	margin: 10px 0 20px 0; }

#more-results { display:none; }



/*-------------------------------------------------------------------------*/
/* SUB-PAGES	 														   */
/*-------------------------------------------------------------------------*/



/* Sidebar
--------------------------------------------------------------------------*/

#sidebar {
	background:url('../images/ui/bg_sidebar_top.gif') no-repeat top left;
	width:210px;
	float:left;
	padding:20px 0 0 10px; }



/* Sub-navigation
--------------------------------------------------------------------------*/

ul#sub-nav{
 font-size:1.2em;
 font-weight:bold;
 color:#FFF;}

ul#sub-nav li{
 padding: 0 0 9px 0px;
 position:relative;}

ul#sub-nav li a{
 color:#FFF !important;
 display:block;
 padding:1px 0 0 20px;
 outline:none;
 text-decoration:none !important;}

ul#sub-nav li.active ul{display:block;	}

ul#sub-nav li.active a.expand{background:url('../images/ui/icon_collapse.gif') no-repeat 0 1px;}
ul#sub-nav li.active ul a.expand{background:url('../images/ui/icon_expand_small.gif') no-repeat 0 1px; }

ul#sub-nav li.active ul ul{display:none;}

ul#sub-nav li a.expand,
ul#sub-nav li a.collapse {
 background:url('../images/ui/icon_expand.gif') no-repeat 0 1px; 
 text-indent:-9999px;
 position:absolute !important;
left:0;
top:0;
 width:23px;
 padding:0 !important;
 height:20px;}

ul#sub-nav li a.collapse{
 background:url('../images/ui/icon_collapse.gif') no-repeat 0 1px !important;}
 
ul#sub-nav li a.expand:hover,
ul#sub-nav li a.collapse:hover{color:#FFF !important;}
ul#sub-nav li a:hover{color:#ffcc33 !important;}

ul#sub-nav ul{
 width:189px;
 margin-top:10px;
 display:none;
 margin-left:15px;
 padding:0px 0 10px 0px !important;
 background:#405fb0 url('../images/ui/bg_subnav_bottom.gif') no-repeat bottom left;}


ul#sub-nav ul li.first{
 background:url('../images/ui/bg_subnav_top.gif') no-repeat top left !important;
 padding: 10px 0 0 7px !important;}
ul#sub-nav ul li.first a.expand,
ul#sub-nav ul li.first a.collapse{background-position: 0 10px !important;height:25px !important;z-index:1000;}


ul#sub-nav ul li {
 text-indent:0 !important;
 padding:0 0 2px 7px !important;}
 
ul#sub-nav ul li a{
 padding: 0 0 0 10px;
 display:block;
 position:relative;
 background:url('../images/ui/bullet_subnav.gif') no-repeat 0 4px;}

ul#sub-nav ul li a.expand,
ul#sub-nav ul li a.collapse {
 background:url('../images/ui/icon_expand_small.gif') no-repeat 0 0px; 
 width:18px !important;
 height:15px !important;}

ul#sub-nav li a.collapse{
 background:url('../images/ui/icon_collapse_small.gif') no-repeat 0 0px !important;}
 
ul#sub-nav ul a{
 color:#ffcc33 !important;}

ul#sub-nav ul  ul {
 width:auto !important;
 margin:0 !important;
 padding:5px 0 5px 10px !important;
 background:none !important;}
 
ul#sub-nav ul  ul a,ul#sub-nav li.current-cat-parent ul  ul a{color:#ccc !important;}

ul#sub-nav ul  ul a:hover,ul#sub-nav li.current-cat-parent ul  ul a:hover{color:#FFF !important;}




/* Content
--------------------------------------------------------------------------*/

#main-content {
	float:right;
	width:645px;
	padding: 20px 20px 0 0; }

#main-content h2 {
	font:bold 3em/1em 'Times New Roman',Georgia,Times;
	padding: 0 0 20px 0; }

#main-content ul, #main-content p {
	font-size:1.2em;
	line-height:1.4em;
	padding-bottom:20px; }



/* Breadcrumb
--------------------------------------------------------------------------*/

ul.list-breadcrumbs {
	color:#ccc;
	padding: 0 0 20px 0;
	font-weight:bold; }

ul.list-breadcrumbs li {
	font-size: 10px;
	float:left; }

ul.list-breadcrumbs a {
	color:#cccccc !important;
	text-decoration:none !important; }

ul.list-breadcrumbs a.active, ul.list-breadcrumbs a:hover { color:#cc66cc !important; }



/* Breadcrumb
--------------------------------------------------------------------------*/

.pic-top {
	width:313px;
	float:right;
	margin: -35px 0 20px 20px; }

.pic-top ul li {
	float:left; }

.pic-top ul li a {
	display:block;
	height:20px;
	float:left;
	width:153px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../images/ui/btn_subcontent.gif') no-repeat top left; }

.pic-top ul li a:hover { background-position: 0 -20px !important; }
.pic-top ul li.btn-course { float:right; }
.pic-top ul li.btn-course a { width:157px;background-position:0 -40px !important; }
.pic-top ul li.btn-course a:hover { background-position:0 -60px !important; }

.pic-top .pic {
	background:url('../images/ui/bg_pic.gif') no-repeat top left;
	width:306px;
	height:233px;
	clear:both;
	margin:20px 0 0 0;
	padding:5px 0 0 7px; }



/* Q&A Formating
--------------------------------------------------------------------------*/

ul.list-questions {
	padding: 0 0 20px 10px; }

ul.list-questions li {
	padding: 0 0 15px 15px;
	background:url('../images/ui/bullet_yellow.png') no-repeat 0 5px; }

ul.list-questions li h3 {
	font-size:1em !important; }

/*-------------------------------------------------------------------------*/
/* END STYLE.CSS 														   */
/*-------------------------------------------------------------------------*/

